")}.icon-editor-font-size{background-image:url("data:image/svg+xml,")}.icon-editor-text-align-left{background-image:url("data:image/svg+xml,")}.icon-editor-text-align-center{background-image:url("data:image/svg+xml,")}.icon-editor-text-align-right{background-image:url("data:image/svg+xml,")}.icon-editor-vertical-align-top{background-image:url("data:image/svg+xml,")}.icon-editor-vertical-align-center{background-image:url("data:image/svg+xml,")}.icon-editor-vertical-align-bottom{background-image:url("data:image/svg+xml,")}.editor-text-align-left .icon-editor-text-align-left{background-image:url("data:image/svg+xml,")}.editor-text-align-center .icon-editor-text-align-center{background-image:url("data:image/svg+xml,")}.editor-text-align-right .icon-editor-text-align-right{background-image:url("data:image/svg+xml,")}.editor-vertical-align-top .icon-editor-vertical-align-top{background-image:url("data:image/svg+xml,")}.editor-vertical-align-center .icon-editor-vertical-align-center{background-image:url("data:image/svg+xml,")}.editor-vertical-align-bottom .icon-editor-vertical-align-bottom{background-image:url("data:image/svg+xml,")}.icon-editor-more-settings,input[type=checkbox].icon-editor-more-settings:checked{background-image:url("data:image/svg+xml,")}.icon-editor-delete{background-image:url("data:image/svg+xml,")}.icon-editor-sort{background-image:url("data:image/svg+xml,")}.icon-editor-position{background-image:url("data:image/svg+xml,")}.icon-editor-size{background-image:url("data:image/svg+xml,")}.icon-editor-rotation{background-image:url("data:image/svg+xml,")}.canvas-download-container{width:1px;height:1px;overflow:auto}.editor-generated-container{display:none}.canvas-stand{justify-content:center;display:flex;position:relative}.canvas{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transform-origin:0 0;line-height:0;position:relative;transform:scale(1)}.body-template .canvas,.body-template .canvas img{max-width:calc(100dvw - 20px)}@media (width>=620px){.body-template .canvas,.body-template .canvas img{max-width:calc(100dvw - 60px)}}.elements-container{line-height:0;position:relative}.elements-container .element-box{cursor:move;position:absolute}.elements-container{position:relative}.element-box{-webkit-user-select:none;user-select:none;font-weight:var(--font-weight-base);transform-origin:50%;cursor:text;font-size:0;line-height:1.1em;display:flex;overflow:visible}.element-box-input,.element-box-input:hover,.element-box-input:focus,.element-box-input:focus:hover{text-transform:inherit;word-break:normal;box-sizing:border-box;visibility:hidden;resize:none;font-size:inherit;line-height:inherit;text-align:inherit;font-weight:inherit;color:inherit;box-shadow:none;background:0 0;border:none;outline:none;padding:0;font-family:inherit;position:absolute;inset:0}.element-box-text .line{width:100%;display:block}.element-box.edit .element-box-input{visibility:visible}.element-box.edit .element-box-text{color:#0000}.element-box .element-wrapper{position:relative}.element-box-type-image .element-wrapper{position:absolute;inset:0}.element-box-type-image .element-wrapper .img{object-fit:contain;width:100%;height:100%}.element-box .element-wrapper .element-box-background{display:none}.element-box.boxed .element-wrapper .element-box-background,.element-box.outline .element-wrapper .element-box-background,.element-box.speech-bubble .element-wrapper .element-box-background,.element-box.think-bubble .element-wrapper .element-box-background{z-index:-1;display:block}.element-box-background{position:absolute;top:0}.element-box-background,.element-box-text{white-space:pre-wrap}.pointer{width:30px;height:30px;display:none;position:absolute}.element-box.speech-bubble .pointer,.element-box.think-bubble .pointer{display:block;position:absolute}.element-box.speech-bubble .pointer.top-left{clip-path:polygon(0 0,100% 100%,0 100%)}.element-box.speech-bubble .pointer.top-right{clip-path:polygon(0 100%,100% 100%,100% 0)}.element-box.speech-bubble .pointer.bottom-left{clip-path:polygon(0 0,0 100%,100% 0)}.element-box.speech-bubble .pointer.bottom-right{clip-path:polygon(0 0,100% 100%,100% 0)}.element-box-background span,.element-box-text span{display:inline-block}.element-box-background span{color:#0000;background:0 0}.element-box-size-handle{z-index:100;width:23px;height:23px;position:absolute}.element-box-size-handle:after{content:"";position:absolute;inset:4px}:root{--box-padding-text:0px}.element-box.selected{position:relative}.element-box.selected:after,.element-box:hover:after{content:"";box-shadow:-1px -1px 0px 0px var(--color-editor-line),-1px 1px 0px 0px var(--color-editor-line),1px -1px 0px 0px var(--color-editor-line),1px 1px 0px 0px var(--color-editor-line);inset:calc(-1*var(--box-padding-text));position:absolute}.element-box-type-image.element-box.selected:after,.element-box-type-image.element-box:hover:after{inset:0}.element-box.edit.selected:after,.element-box.edit:hover:after{content:"";inset:calc(-1*var(--box-padding-text));z-index:-100;position:absolute}@media (hover:hover){.element-box.selected .element-box-size-handle:after{background:var(--color-editor-fill);box-shadow:0px 0px 0px 1px var(--color-editor-line);content:"";box-sizing:border-box;border:1px solid #0000;position:absolute;inset:5px}.element-box.selected .element-box-size-handle-left:hover:after,.element-box.selected .element-box-size-handle-right:hover:after{box-shadow:0px 0px 0px 1px var(--color-editor-line)}.element-box.selected .element-box-size-handle-left{display:none}}.element-box.selected .element-box-size-handle-left,.element-box.selected .element-box-size-handle-right{width:27px;height:34px}.element-box.selected .element-box-size-handle-left:after,.element-box.selected .element-box-size-handle-right:after{background:var(--color-editor-fill);box-shadow:0px 0px 0px 1px var(--color-editor-line);border:none;border-radius:100px;inset:5px 10px}.element-box-size-handle-left,.element-box-size-handle-right{height:24px;top:calc(50% - 17px)}.element-box-size-handle-left{cursor:ew-resize;left:calc(-1*var(--box-padding-text) - 14px)}.element-box-size-handle-right{cursor:ew-resize;right:calc(-1*var(--box-padding-text) - 14px)}.element-box-type-image .element-box-size-handle-right{display:none}.element-box-size-handle-top-left{cursor:nwse-resize;top:calc(-1*var(--box-padding-text) - 12px);left:calc(-1*var(--box-padding-text) - 12px)}.element-box-size-handle-top-right{cursor:nesw-resize;top:calc(-1*var(--box-padding-text) - 12px);right:calc(-1*var(--box-padding-text) - 12px)}.element-box-size-handle-bottom-right{cursor:nwse-resize;bottom:calc(-1*var(--box-padding-text) - 12px);right:calc(-1*var(--box-padding-text) - 12px)}.element-box-size-handle-bottom-left{cursor:nesw-resize;bottom:calc(-1*var(--box-padding-text) - 12px);left:calc(-1*var(--box-padding-text) - 12px)}.element-box.element-box-type-image .element-box-size-handle-top-left{cursor:nwse-resize;top:-11px;left:-11px}.element-box.element-box-type-image .element-box-size-handle-top-right{cursor:nesw-resize;top:-11px;right:-11px}.element-box.element-box-type-image .element-box-size-handle-bottom-right{cursor:nwse-resize;bottom:-11px;right:-11px}.element-box.element-box-type-image .element-box-size-handle-bottom-left{cursor:nesw-resize;bottom:-11px;left:-11px}.element-box.edit .element-box-size-handle-top-right,.element-box.edit .element-box-size-handle-top-left,.element-box.edit .element-box-size-handle-bottom-right,.element-box.edit .element-box-size-handle-bottom-left,.element-box.edit .element-box-size-handle-left,.element-box.edit .element-box-size-handle-right{display:none}@media (hover:none){.element-box.selected .element-box-size-handle-bottom-left,.element-box.selected .element-box-size-handle-bottom-right{width:37px;height:37px;bottom:-18px;left:-18px}.element-box.selected .element-box-size-handle-bottom-right{left:auto;right:-18px}.element-box.selected .element-box-size-handle-bottom-left:after,.element-box.selected .element-box-size-handle-bottom-right:after{background:var(--color-editor-fill);box-shadow:0px 0px 0px 1px var(--color-editor-line);border-radius:30px;inset:10px}.element-box.selected .element-box-size-handle-right,.element-box.selected .element-box-size-handle-top-left,.element-box.selected .element-box-size-handle-top-right,.element-box.selected .element-box-size-handle-bottom-left{display:none}.element-box-type-image.element-box.selected .element-box-size-handle-bottom-right{bottom:-18px;right:-18px}.element-box.selected.element-box-type-image .element-box-size-handle-left,.element-box.selected.element-box-type-image .element-box-size-handle-bottom-left{display:none}.element-box.selected.element-box-type-image .element-box-size-handle-bottom-right{display:block}}.element-box.uploading .element-wrapper:after{content:"";background:url("data:image/svg+xml,") 0 0/20px 20px;width:20px;height:20px;animation:.5s linear infinite spin;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.element-box.pasted .element-wrapper{animation:.1s ease-out pasted}@keyframes pasted{0%{transform:scale(1.3)}to{transform:scale(1)}}.element-box.selected.rotating .element-box-size-handle-top-left,.element-box.selected.rotating .element-box-size-handle-top-right,.element-box.selected.rotating .element-box-size-handle-bottom-left,.element-box.selected.rotating .element-box-size-handle-bottom-right,.element-box.selected.rotating .element-box-size-handle-left{display:none}.element-box.selected.rotating .element-box-size-handle-right{width:40px;height:40px;display:block;top:calc(50% - 20px);right:-22px;cursor:grab!important}.element-box.element-box-type-image.selected.rotating .element-box-size-handle-right{right:-20px}.element-box.selected.rotating .element-box-size-handle-left:after,.element-box.selected.rotating .element-box-size-handle-right:after{box-shadow:none;background-image:url("data:image/svg+xml,");background-position:50%;background-repeat:no-repeat;inset:4px}.editor-generated-container .editor-generated-left{text-align:center;padding:20px 20px 0}.editor-generated-container .editor-generated-left img{box-sizing:border-box;border-radius:var(--border-radius-small);align-self:center;max-width:100%}@media (width>=1000px){.editor-generated-container .editor-generated-left img{box-sizing:border-box;padding:20px 20px 0}}.editor-generated-container .editor-generated-bottom{color:var(--color-sand-40);text-align:center;padding:20px;display:none}.body-app .editor-container.generated .editor-generated-container{grid-template-rows:max-content;grid-template-columns:1fr;gap:0;padding:20px}@media (width>=620px){.editor-container.edit .editor-edit-container,.editor-container.loading .editor-loading-container,.editor-container.generated .editor-generated-container,.editor-container.crop .editor-crop-container{border-radius:var(--border-radius)var(--border-radius)0 0}}@media (width>=1000px){.body-app .editor-container.generated .editor-generated-container{padding:50px 260px}}.body-app .editor-container.generated .editor-generated-container .editor-generated-bottom{display:block}.body-app .editor-container.generated .editor-generated-container .editor-generated-right,.touch,.no-touch{display:none}@media (hover:hover){.touch{display:block}}@media (hover:none){.no-touch{display:block}}.editor-loading-container{text-align:center;padding:200px 100px}.animation-loading svg{width:100px!important;height:100px!important}.editor-loading-container .loading-text{z-index:100;margin-top:-20px}.editor-container .button-text-style{color:var(--color-mint);background:0 0}.editor-container .undo-container button{background:0 0;padding:25px}.editor-container .undo-container button:hover,.editor-container .undo-container .button:hover{box-shadow:none}.editor-container .undo-container .undo-button,.editor-container .undo-container .redo-button{background-position:50%;background-repeat:no-repeat}.editor-container .undo-container .undo-button:disabled,.editor-container .undo-container .redo-button:disabled{cursor:default}.editor-container .undo-container .undo-button{background-image:url("data:image/svg+xml,")}.editor-container .undo-container .undo-button:hover{background-image:url("data:image/svg+xml,")}.editor-container .undo-container .undo-button:disabled,.editor-container .undo-container .undo-button:disabled:hover{background-image:url("data:image/svg+xml,")}.editor-container .undo-container .redo-button{background-image:url("data:image/svg+xml,")}.editor-container .undo-container .redo-button:hover{background-image:url("data:image/svg+xml,")}.editor-container .undo-container .redo-button:disabled,.editor-container .undo-container .redo-button:disabled:hover{background-image:url("data:image/svg+xml,")}.style-text{border-left:1px solid var(--color-sand-20);grid-template-columns:auto 50px 30px 30px 30px;gap:10px;padding:15px;display:grid}.style-text-text-align,.style-text-bold{border-radius:var(--border-radius-small);background:var(--color-sand-20);cursor:pointer;width:30px;height:30px;transition:all .1s ease-in-out}.style-text .style-text-color{background:var(--color-sand-20);border-radius:var(--border-radius-small);box-shadow:0 0 0 0 var(--color-sand-20);width:30px;height:30px;transition:all .1s ease-in-out;position:relative}.style-text .style-text-color:hover{background:var(--color-white);box-shadow:0 0 0 3px var(--color-sand-20)}.style-text .style-text-color .color-preview{border:3px solid var(--color-sand-10);cursor:pointer;background:green;border-radius:50%;outline:none;width:14px;height:14px;line-height:0;transition:all .1s ease-in-out;position:absolute;top:5px;left:5px}.style-text .style-text-bold input{display:none}.style-text .style-text-bold input:disabled~label,.style-text .style-text-bold input:disabled~label:hover{box-shadow:none;background-color:var(--color-sand-20);cursor:default}.style-text .style-text-bold label{cursor:pointer;background-image:url("data:image/svg+xml,");background-color:var(--color-sand-20);box-shadow:0 0 0 0 var(--color-sand-20);border-radius:var(--border-radius);background-position:50%;background-repeat:no-repeat;width:20px;height:20px;padding:5px;transition:all .1s ease-in-out}.style-text .style-text-bold input:checked~label{background-image:url("data:image/svg+xml,")}.style-text .style-text-bold:hover label{background-color:var(--color-white);box-shadow:0 0 0 3px var(--color-sand-20)}.style-text .style-text-text-align{cursor:pointer;background:url("data:image/svg+xml,");background-color:var(--color-sand-20);box-shadow:0 0 0 0 var(--color-sand-20);border-radius:var(--border-radius);background-position:50%;background-repeat:no-repeat;width:20px;height:20px;padding:5px;transition:all .1s ease-in-out}.style-text .style-text-text-align:hover{background-color:var(--color-white);box-shadow:0 0 0 3px var(--color-sand-20)}.style-appearance{cursor:pointer;border-left:1px solid var(--color-sand-20);border-right:1px solid var(--color-sand-20);text-wrap:nowrap;padding:15px}.style-appearance-with-color{gap:15px;display:flex}.style-appearance:hover{background:var(--color-sand-5)}.style-appearance-with-color .color{border-radius:var(--border-radius-small);background:var(--color-sand-20);width:14px;height:14px;padding:8px}.style-appearance-with-color .color .inner{box-shadow:0 0 0 3px var(--color-sand-10);background:#000;border-radius:100%;width:14px;height:14px}.style-appearance{position:relative}.style-appearance input:checked~.menu-list{display:block;top:50px;bottom:auto;left:0}.style-image{border-left:1px solid var(--color-sand-20);gap:10px;padding:15px;display:flex}.style-image .style-image-preview{background-color:var(--color-sand-20);border-radius:var(--border-radius);object-fit:cover;width:50px;height:30px}.style-image .button{background-color:var(--color-sand-20);border-radius:var(--border-radius);text-transform:uppercase;font-size:10px;line-height:10px;font-weight:var(--font-weight-base);color:var(--color-primary);background-position:5px 5px;background-repeat:no-repeat;padding:10px 10px 9px 30px;transition:all .1s ease-in-out}.style-image .button:hover{background-color:var(--color-white);box-shadow:0 0 0 3px var(--color-sand-20)}.button-upload{background-image:url("data:image/svg+xml,")}.button-crop{background-image:url("data:image/svg+xml,")}.button-flip{background-image:url("data:image/svg+xml,")}.button-upload.uploading,.button-upload.uploading:hover{content:"Uploading...";background-color:var(--color-sand-20);box-shadow:0 0 0 3px var(--color-sand-30);cursor:not-allowed;animation:.8s linear infinite arrowUp;position:relative}@keyframes arrowUp{0%{background-position:5px 5px}50%{background-position:5px -35px}50.0001%{background-position:5px 35px}to{background-position:5px 5px}}.style-text-image-toggle{border-left:1px solid var(--color-sand-20);padding:15px}.style-text-image-toggle .toggle-text{background-color:var(--color-sand-20);text-transform:uppercase;font-weight:var(--font-weight-base);border-radius:var(--border-radius-small);padding:2px;font-size:10px;line-height:12px;display:flex}.style-text-image-toggle .toggle-text input{display:none}.style-text-image-toggle .toggle-text label{padding:7px 10px}.style-text-image-toggle .toggle-text input:checked+label{background-color:var(--color-white);border-radius:var(--border-radius-mini)}.style-delete{border-right:1px solid var(--color-sand-20);padding:15px}.style-delete .button-delete{background:url("data:image/svg+xml,");background-color:var(--color-sand-20);border-radius:var(--border-radius-small);background-position:50%;background-repeat:no-repeat;padding:15px}.style-delete .button-delete:hover{background-image:url("data:image/svg+xml,");background-color:var(--color-white);box-shadow:0 0 0 3px var(--color-sand-20)}.panel-primary .label{text-transform:uppercase;color:var(--color-sand-40);font-size:10px;font-weight:700;line-height:10px}.style-text label,.style-size label{width:50px;display:block}.style-text input,.style-size input,.style-text-font input{-webkit-appearance:none;border-radius:1px;width:50px;margin:0;padding:0;display:block}.panel-primary .style-text-font .value{text-transform:capitalize}.style-size label,.style-size input{text-align:center}.style-size input:focus,.style-text-font input:hover{background:var(--color-sand-5)}.style-text-font-size .overlay{display:none}.panel-primary-left{position:relative}.menu.element-add-list{background-color:var(--color-sand-5);border-right:1px solid var(--color-sand-20);border-bottom:1px solid var(--color-sand-20);z-index:1000;padding:10px;position:fixed;top:62px;left:0}.element-add-list li{color:var(--color-primary);cursor:pointer;border-radius:2px;padding:10px 80px 10px 10px;font-size:14px;position:relative}.element-add-list li.disabled,.element-add-list li.disabled:hover{color:var(--color-sand-40);pointer-events:none}.element-add-list li:not(.separator):hover{background-color:var(--color-sand-10)}.element-add-list li:not(.separator):after{content:"";border-radius:var(--border-radius-small);background-color:var(--color-sand-10);width:30px;height:30px;position:absolute;top:5px;right:5px}.element-add-list li.separator{border-bottom:1px solid var(--color-sand-20);margin:10px -10px;padding:0}.icon-plain-text:after{background-image:url("data:image/svg+xml,")}.icon-boxed:after{background-image:url("data:image/svg+xml,")}.icon-shadow:after{background-image:url("data:image/svg+xml,")}.icon-outline:after{background-image:url("data:image/svg+xml,")}.icon-transparent:after{background-image:url("data:image/svg+xml,")}.icon-speech-bubble:after{background-image:url("data:image/svg+xml,")}.icon-think-bubble:after{background-image:url("data:image/svg+xml,")}.icon-header:after{background-image:url("data:image/svg+xml,")}.icon-image:after{background-image:url("data:image/svg+xml,")}.panel-secondary{border-bottom:1px solid #0000;width:100vw;height:90px;display:none;overflow:scroll}@media (width>=600px){.panel-secondary{width:calc(100vw - 20px)}}@media (width>=1000px){.panel-secondary{width:1000px}.body-app .panel-secondary{width:100%}}.panel-secondary-visible .panel-secondary{display:block}.panel-secondary-visible .panel-secondary .panel-secondary-inner{display:none}.panel-secondary-visible .text-selected .panel-secondary .panel-secondary-inner,.panel-secondary-visible .header-selected .panel-secondary .panel-secondary-inner,.panel-secondary-visible .image-selected .panel-secondary .panel-secondary-inner{display:grid}.panel-secondary-visible .text-selected .panel-secondary:not(.plain-text),.panel-secondary-visible .header-selected .panel-secondary,.panel-secondary-visible .image-selected .panel-secondary{border-bottom:1px solid var(--color-sand-20);background-color:var(--color-sand-5)}.panel-secondary-inner{justify-content:left;gap:10px;padding:10px 15px;display:grid;overflow-x:auto}@media (width>=750px){.panel-secondary-inner{justify-content:center}}.controller{width:90px}.controller label,.controller .label{color:var(--color-primary);text-align:center;padding-bottom:5px;font-size:14px;display:block}.controller input{text-align:center;font-family:var(--font-family-mono);font-weight:var(--font-weight-mono);width:90px;padding:10px;font-size:12px;display:block}.controller input:hover:not(:focus){background-color:var(--color-sand-5)}.controller input:focus,.controller input:hover{box-shadow:0 0 0 3px var(--color-sand-20)}.controller.controller-appearance{width:150px;padding-bottom:5px;font-size:14px}.controller.controller-appearance label{text-align:left}.controller.controller-appearance select{background-image:url("data:image/svg+xml,");background-position:right 10px center;width:150px;padding:10px;font-size:14px}.controller .color-list{background:var(--color-sand-10);box-shadow:0 0 0 0 var(--color-sand-20);border-radius:var(--border-radius-small);gap:5px;padding:10px;transition:all .1s ease-in-out}.controller.controller-color:hover .color-list{background:var(--color-sand-5);box-shadow:0 0 0 3px var(--color-sand-20)}.controller.controller-direction{width:130px}.direction-radio-button-container{background-color:var(--color-sand-10);border-radius:var(--border-radius-small);width:120px;padding:5px;display:flex}.direction-radio-button-container input[type=radio],.direction-radio-button-container input[type=radio]:hover{cursor:pointer;border-radius:var(--border-radius-small);box-shadow:none;background-position:50%;background-repeat:no-repeat;width:30px;height:30px}.direction-radio-button-container input[type=radio]:hover,.direction-radio-button-container input[type=radio]:checked{box-shadow:none}.direction-radio-button-container input[type=radio]:checked:before{content:none}.direction-radio-button-container input:checked{background-color:var(--color-sand-20)}.direction-radio-button,.direction-radio-button:hover{background-image:url("data:image/svg+xml,")}.direction-radio-button:checked{background-image:url("data:image/svg+xml,")}.direction-radio-button-top-right{transform:scaleY(-1)}.direction-radio-button-bottom-left{transform:scaleX(-1)}.direction-radio-button-top-left{transform:scale(-1)}.speech-bubble .direction-radio-button,.speech-bubble .direction-radio-button:hover{background-image:url("data:image/svg+xml,")}.speech-bubble .direction-radio-button:checked{background-image:url("data:image/svg+xml,")}.think-bubble .direction-radio-button,.think-bubble .direction-radio-button:hover{background-image:url("data:image/svg+xml,")}.think-bubble .direction-radio-button:checked{background-image:url("data:image/svg+xml,")}.color-list{gap:10px;display:flex}.color-list li{box-shadow:0 0 0 2px var(--color-sand-20);border-radius:50%;width:20px;height:20px;position:relative}.color-list li.color-black{background:#000}.color-list li.color-white{background:#fff}.color-list li.color-many{background:radial-gradient(50% 50%,#fff 0%,#fff0 100%),conic-gradient(from 180deg,red 0deg,#f2ff00 77.41deg,#00ff2f 169.21deg,#08f 257.41deg,#ff0059 360deg)}.color-list li.color-many input{opacity:0;width:14px;transition:none}.color-list li.color-many.active input{opacity:1}.color-list li.active:not(.color-many):after,.color-list li.color-many.active input{content:"";border:2px solid var(--color-sand-10);box-sizing:content-box;border-radius:50%;width:12px;height:12px;padding:0;display:block;position:absolute;top:2px;left:2px}.color-list li.active.color-white:not(.color-many):after{border:2px solid var(--color-sand-20);box-shadow:none}.color-list li.color-many.active input:focus{box-shadow:none}.color-list li.active:not(.color-many):after{background:0 0}.controller{display:none}.controller-appearance{grid-area:appearance}.controller-color{grid-area:color}.controller-spread{grid-area:spread}.controller-opacity{grid-area:opacity}.controller-offset-x{grid-area:offset-x}.controller-offset-y{grid-area:offset-y}.controller-blur{grid-area:blur}.controller-thickness{grid-area:thickness}.controller-roundness{grid-area:roundness}.controller-border{grid-area:border}.controller-space{grid-area:space}.controller-space-vertically{grid-area:space-vertically}.controller-space-horizontally{grid-area:space-horizontally}.controller-direction{grid-area:direction}.panel-secondary.boxed .controller-appearance,.panel-secondary.boxed .controller-spread,.panel-secondary.boxed .controller-roundness,.panel-secondary.boxed .controller-opacity,.panel-secondary.boxed .controller-color{display:block}.panel-secondary.boxed .panel-secondary-inner{grid-template-columns:150px 90px 90px 90px;grid-template-areas:"appearance spread roundness opacity color"}.panel-secondary.shadow .controller-appearance,.panel-secondary.shadow .controller-offset-x,.panel-secondary.shadow .controller-offset-y,.panel-secondary.shadow .controller-blur,.panel-secondary.shadow .controller-opacity,.panel-secondary.shadow .controller-color{display:block}.panel-secondary.shadow .panel-secondary-inner{grid-template-columns:150px 90px 90px 90px 90px 90px;grid-template-areas:"appearance offset-x offset-y blur opacity color"}.panel-secondary.outline .controller-appearance,.panel-secondary.outline .controller-thickness,.panel-secondary.outline .controller-opacity,.panel-secondary.outline .controller-color{display:block}.panel-secondary.outline .panel-secondary-inner{grid-template-columns:150px 90px 90px 90px;grid-template-areas:"appearance thickness opacity color"}.panel-secondary.transparent .controller-appearance,.panel-secondary.transparent .controller-opacity{display:block}.panel-secondary.transparent .panel-secondary-inner{grid-template-columns:150px 90px;grid-template-areas:"appearance opacity"}.panel-secondary.speech-bubble .controller-appearance,.panel-secondary.speech-bubble .controller-space,.panel-secondary.speech-bubble .controller-roundness,.panel-secondary.speech-bubble .controller-opacity,.panel-secondary.speech-bubble .controller-direction,.panel-secondary.speech-bubble .controller-color{display:block}.panel-secondary.speech-bubble .panel-secondary-inner{grid-template-columns:150px 90px 90px 90px 130px 90px;grid-template-areas:"appearance space roundness opacity direction color"}.panel-secondary.think-bubble .controller-appearance,.panel-secondary.think-bubble .controller-space,.panel-secondary.think-bubble .controller-roundness,.panel-secondary.think-bubble .controller-opacity,.panel-secondary.think-bubble .controller-direction,.panel-secondary.think-bubble .controller-color{display:block}.panel-secondary.think-bubble .panel-secondary-inner{grid-template-columns:150px 90px 90px 90px 130px 90px;grid-template-areas:"appearance space roundness opacity direction color"}.panel-secondary.image .controller-roundness,.panel-secondary.image .controller-opacity,.panel-secondary.image .controller-border,.panel-secondary.image .controller-color{display:block}.panel-secondary.image .panel-secondary-inner{grid-template-columns:90px 90px 90px 90px;grid-template-areas:"roundness opacity border color"}.panel-secondary.header .controller-space,.panel-secondary.header .controller-color{display:block}.panel-secondary.header .panel-secondary-inner{grid-template-columns:90px 90px;grid-template-areas:"space color"}.controller{position:relative}.plus,.minus{border-radius:var(--border-radius-small);cursor:pointer;width:30px;height:40px;position:absolute;top:25px}.plus:after,.minus:after{cursor:pointer;content:"";background-color:var(--color-sand-5);background-image:url("data:image/svg+xml,");background-position:50%;background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:10px}.minus:after{border-radius:var(--border-radius-small);background-image:url("data:image/svg+xml,");left:10px}.controller .plus:hover:after,.controller .minus:hover:after{background-color:var(--color-white)}.plus{right:0}.minus{left:0}.controller .plus.disabled,.controller .minus.disabled,.controller .plus.disabled:hover,.controller .minus.disabled:hover,.controller .plus.disabled:after,.controller .minus.disabled:after,.controller .plus.disabled:hover:after,.controller .minus.disabled:hover:after{cursor:default;background-color:#0000}.controller .plus.disabled:after,.controller .minus.disabled:after,.controller .plus.disabled:hover:after,.controller .minus.disabled:hover:after{opacity:.25}.panel-primary{border-bottom:2px solid var(--color-sand-20);grid-template-columns:max-content auto max-content;width:100vw;display:grid;overflow:auto visible}@media (width>=620px){.panel-primary{width:100%}}@media (width>=1000px){.panel-primary,.app-container .panel-primary{width:100%}}.element-add{cursor:pointer;justify-self:left;padding:15px;display:flex}.element-add.hidden{visibility:hidden;display:block}.element-add .icon{background:url("data:image/svg+xml,");background-color:var(--color-sand-20);box-shadow:0 0 0 0 var(--color-sand-20);background-position:50%;background-repeat:no-repeat;border-radius:2px;padding:15px;transition:all .1s ease-in-out}.element-add .label{text-transform:uppercase;color:var(--color-sand-70);padding:5px 10px;font-size:10px;font-weight:700;line-height:20px;transition:all .1s ease-in-out}.element-add:hover .icon{background-color:var(--color-white);box-shadow:0 0 0 3px var(--color-sand-20)}.element-add:hover .label{color:var(--color-primary)}.panel-primary-center{justify-content:center}.panel-primary-right{justify-content:end;padding:15px}.panel-close{cursor:pointer;background:url("data:image/svg+xml,");background-color:var(--color-sand-20);box-shadow:0 0 0 0 var(--color-sand-20);background-position:50%;background-repeat:no-repeat;border-radius:2px;width:30px;height:30px;transition:all .1s ease-in-out}.panel-close:hover{background-color:var(--color-white);box-shadow:0 0 0 3px var(--color-sand-20)}.panel-close:active{transition:none;transform:scale(.9)}.panel-primary-right .menu-icon{cursor:pointer;background:url("data:image/svg+xml,");background-color:var(--color-sand-10);background-position:50%;background-repeat:no-repeat;margin-right:10px;padding:15px}.panel-primary-right .menu-icon:hover{background-image:url("data:image/svg+xml,");background-color:var(--color-sand-10)}.panel-primary .value{text-transform:none;color:var(--color-primary);border-radius:var(--border-radius);font-size:16px;line-height:20px}.panel-primary input:hover{background-color:var(--color-sand-5)}.panel-primary input:focus,.panel-primary input:focus:hover{background-color:var(--color-white)}.panel-primary .panel-primary-center,.panel-primary .panel-primary-right{display:none}.panel.text-selected .panel-primary-center,.panel.text-selected .panel-primary-right,.panel.image-selected .panel-primary-center,.panel.image-selected .panel-primary-right,.panel.header-selected .panel-primary-center,.panel.header-selected .panel-primary-right{display:flex}.panel.text-selected .element-add .label,.panel.image-selected .element-add .label,.panel.header-selected .element-add .label{display:none}@media (width>=800px){.panel.text-selected .element-add,.panel.image-selected .element-add,.panel.header-selected .element-add{margin-right:40px;transition:none}}.panel.text-selected .style-text-image-toggle,.panel.text-selected .style-image,.panel.text-selected .style-delete,.panel.image-selected .style-text-image-toggle,.panel.image-selected .style-text,.panel.image-selected .style-delete,.panel.header-selected .style-text-image-toggle,.panel.header-selected .style-image{display:none}.header-input,.header-input:hover,.header-input:focus{color:#000;cursor:text;box-shadow:none;background:#fff;border-radius:0;outline:none;width:960px;padding:60px;font-weight:600;line-height:1.1;display:none}.editor-generated-container .sign-up-form{position:relative}.editor-generated-container .sign-up-form .input-label-top{margin-right:60px}.editor-generated-container input{background:var(--color-sand-20)}.editor-generated-container input:hover{background:var(--color-sand-10)}.editor-generated-container input:focus,.editor-generated-container input:focus:hover{background:var(--color-white)}.editor-generated-container input::placeholder{color:var(--color-sand-40)}.editor-generated-container button{width:0;height:0;margin-top:0;padding:25px;font-size:0;position:absolute;top:30px;right:0}.editor-generated-container button:not(.button-loading){background:var(--color-white);background-image:url("data:image/svg+xml,");background-position:50%;background-repeat:no-repeat}.editor-generated-container button.button-loading{background:var(--color-primary-80)}.menu{text-align:left;background-color:var(--color-sand-5);border-radius:var(--border-radius);box-shadow:var(--shadow-sand);z-index:1000;font-size:14px;position:fixed}.style-text-text-align{position:relative}.menu-hidden{display:none}.menu-font .inner{padding:5px}.menu-font .inner li{color:var(--color-primary);cursor:pointer;text-wrap:nowrap;border-radius:2px;width:160px;padding:5px}.menu-font .inner li:hover,.menu-font .inner li.active{background-color:var(--color-white)}.font-preview{position:relative}.font-preview:after{content:"";width:30px;height:30px;display:block;position:absolute;top:0;right:0}.font-preview.anton:after{background-image:url("data:image/svg+xml,")}.font-preview.inter:after{background-image:url("data:image/svg+xml,")}.font-preview.courier:after{background-image:url("data:image/svg+xml,")}.font-preview.comic:after{background-image:url("data:image/svg+xml,")}.font-preview.tinos:after{background-image:url("data:image/svg+xml,")}.menu.menu-font-size{text-align:center;width:60px;height:150px;overflow-y:scroll}.menu-font-size .inner{padding:5px 20px 5px 5px}.menu-font-size .inner li{color:var(--color-primary);cursor:pointer;border-radius:2px;width:40px;padding:5px 0}.menu-font-size .inner li:hover{background-color:var(--color-white)}.menu-font-size .inner li.active{background-color:var(--color-primary);color:var(--color-white);border-radius:var(--border-radius-small)}.menu-text-color{padding:15px}.menu-text-align{padding:10px}.menu-text-align .inner{display:flex}.menu-text-align input[type=radio]{border-radius:var(--border-radius);background:url("data:image/svg+xml,") 50% no-repeat;width:auto;padding:15px;display:block}.menu-text-align input[type=radio]:before,.menu-text-align input[type=radio]:checked:before{content:none}.menu-text-align input[type=radio]:hover,.menu-text-align input[type=radio]:focus,.menu-text-align input[type=radio]:checked{box-shadow:none}.menu-text-align input[type=radio]:checked{background-color:var(--color-white)}.menu-text-align input[type=radio].text-align-left{background-image:url("data:image/svg+xml,")}.menu-text-align input[type=radio].text-align-center{background-image:url("data:image/svg+xml,")}.menu-text-align input[type=radio].text-align-right{background-image:url("data:image/svg+xml,")}.menu-text-align input[type=radio].text-align-left:checked,.menu-text-align input[type=radio].text-align-left:hover{background-image:url("data:image/svg+xml,")}.menu-text-align input[type=radio].text-align-center:checked,.menu-text-align input[type=radio].text-align-center:hover{background-image:url("data:image/svg+xml,")}.menu-text-align input[type=radio].text-align-right:checked,.menu-text-align input[type=radio].text-align-right:hover{background-image:url("data:image/svg+xml,")}.editor-crop-container{overflow:hidden}.crop-canvas{justify-content:center;height:auto;padding:20px;display:flex;overflow:scroll}.body-app .crop-canvas{height:calc(100dvh - 254px)}@media (width>=620px){.crop-canvas{padding:20px}.body-app .crop-canvas{height:calc(100dvh - 254px)}}@media (width>=1000px){.crop-canvas{padding:20px}.body-app .crop-canvas{height:calc(100dvh - 294px)}}.crop-canvas-inner{width:fit-content;position:relative}.crop-image{opacity:.2;line-height:0}.crop-area{border:1px solid var(--color-editor-line);background-image:url(favicon.8ab24130.png);background-position:-60px -160px;background-size:auto;position:absolute;inset:160px 10px 20px 60px}.crop-control{width:30px;height:30px;position:absolute}.crop-control:after{content:"";border:1px solid var(--color-editor-line);background:var(--color-editor-fill);position:absolute;inset:8px}.crop-control-top-left,.crop-control-top-right{top:-15px}.crop-control-bottom-left,.crop-control-bottom-right{bottom:-15px}.crop-control-top-left,.crop-control-bottom-left{left:-15px}.crop-control-top-right,.crop-control-bottom-right{right:-15px}.crop-control-top-left{cursor:nw-resize}.crop-control-top-right{cursor:ne-resize}.crop-control-bottom-left{cursor:sw-resize}.crop-control-bottom-right{cursor:se-resize}.crop-area{cursor:move}.element-icons{z-index:1300;padding:10px;transition:opacity .1s ease-in-out;display:none;position:absolute;top:0;left:0}.element-icons.show{opacity:1;display:block}.element-icons .inner{background-color:var(--color-sand-10);border-radius:15px;justify-content:center;align-items:center;margin-left:-50px;display:flex}.element-icon{cursor:pointer;background-color:var(--color-sand-10);border:3px solid var(--color-sand-10);box-sizing:border-box;background-position:50%;background-repeat:no-repeat;border-radius:50%;width:30px;height:30px}.element-icon.icon-rotate{background-image:url("data:image/svg+xml,")}.element-icon.icon-duplicate{background-image:url("data:image/svg+xml,");margin:0 -5px}.element-icon.icon-delete{background-image:url("data:image/svg+xml,")}.element-icon.icon-rotate.rotating{background-image:url("data:image/svg+xml,")}.element-icon:hover{background-color:var(--color-sand-20)}.menu{grid-area:menu}.menu-list{color:var(--color-primary);background-color:var(--color-sand-5);border-radius:var(--border-radius);box-shadow:var(--shadow-sand);z-index:100;padding:10px 5px;position:fixed}.menu-list li{cursor:pointer;text-wrap:nowrap;border-radius:2px;padding:5px 20px 5px 10px;font-size:14px;line-height:20px}.menu-list li.disabled{cursor:default;color:var(--color-sand-30)}.menu-list li.separator{cursor:default;border-bottom:1px solid var(--color-sand-20);margin:10px -5px;padding:0}.menu-list li:hover{color:var(--color-primary);background-color:var(--color-sand-10)}.menu-list li.disabled,.menu-list li.disabled:hover{color:var(--color-sand-30);background-color:var(--color-sand-5);cursor:default}.menu-icon:checked~.menu-list{z-index:100;display:block}.menu-icon{display:none}.menu-list li label.input-file-upload{cursor:pointer}.menu-list li.disabled label.input-file-upload{cursor:default}body:not(.body-app) .menu-list .menu-save-only,body:not(.body-app) .menu-list .menu-duplicate,body:not(.body-app) .menu-list .menu-delete,body:not(.body-app) .menu-list .menu-download{display:none}.editor-outer{background:var(--color-mint);-webkit-user-select:none;user-select:none;padding:0}@media (width>=620px){.editor-outer{padding:10px}}.element-box-text-input{color:var(--color-primary);z-index:1;background:#323232;border:none;width:100%;padding:15px 0 15px 15px;transition:box-shadow .2s;position:relative}.element-box-text-input:focus{color:var(--color-white);background-color:#fff;box-shadow:0 0 0 3px #e9e6de}.element-box-settings input[type=number]:focus,.element-box-settings input[type=number]:hover{background:var(--color-primary);box-shadow:none}.canvas-stand{border-radius:var(--border-radius-small);margin:20px auto}.page-admin .canvas-room{height:calc(100dvh - 300px)}.app-container .canvas-room{height:calc(100dvh - 214px);overflow:hidden auto}.app-container .panel-secondary-visible .canvas-room{height:calc(100dvh - 305px)}@media (width>=640px){.app-container .canvas-room{height:calc(100dvh - 224px)}.app-container .panel-secondary-visible .canvas-room{height:calc(100dvh - 315px)}}@media (width>=1000px){.app-container .canvas-room{height:calc(100dvh - 254px)}.app-container .panel-secondary-visible .canvas-room{height:calc(100dvh - 345px)}.editor-outer{padding:0 calc(50% - 500px) 20px}.editor-container{margin-bottom:50px;padding:0}}[contenteditable]~grammarly-extension{display:none}.body-template .canvas-room,.body-home .canvas-room{height:calc(100dvh - 314px);overflow:auto}@media (height>=800px){.body-template .canvas-room,.body-home .canvas-room{height:500px}}.body-template .editor-bar-generate .button-more,.body-home .editor-bar-generate .button-more{display:none}.editor-loading-container .loading-animation{margin:0 auto}