.editor[data-v-613e7e8a]{margin:0 -16px}.editor__body[data-v-613e7e8a]{aspect-ratio:16/9}.editor__options[data-v-613e7e8a]{max-width:360px;min-width:320px;width:30%}.editor__canvas[data-v-613e7e8a],.editor__options[data-v-613e7e8a]{overflow:hidden;padding:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor__canvas[data-v-613e7e8a]{width:100%}.editor__code[data-v-613e7e8a]{padding:16px}@media screen and (max-width:997px){.editor .editor__body[data-v-613e7e8a]{aspect-ratio:auto;flex-direction:column-reverse}.editor .editor__options[data-v-613e7e8a]{max-height:40%;max-width:none;width:100%}.editor .editor__canvas[data-v-613e7e8a]{height:70vh;max-height:100%}}@media screen and (max-width:480px){.editor .editor__canvas[data-v-613e7e8a]{height:60vh}}.settings{animation:transform 0;border-bottom-right-radius:0;border-top-right-radius:0;opacity:.2;transform:translate(-100%,5px)}.settings:hover{opacity:1}.settings:active{transform:translate(-100%,7px)!important}.settings svg{fill:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.css-tools-template{--cp-container-bg:transparent;--cp-container-shadow:none;--cp-primary:oklch(var(--p)/1)}.css-tools-template input[type=range]::-moz-range-thumb{height:16px;width:16px}.css-tools-template input[type=range]::-webkit-slider-thumb{height:16px;width:16px}.css-tools-template.ck-cp-container{padding:0;width:100%}.css-tools-template.ck-cp-container>div{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.css-tools-template.ck-cp-container *{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.css-tools-template .ck-cp-input-container .ck-cp-input-content .ck-cp-input-label{background-color:var(--fallback-b1,oklch(var(--b1)/1));color:var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)));font-size:10px;height:12px;line-height:10px;padding:0 2px;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);width:-moz-fit-content;width:fit-content}.css-tools-template .ck-cp-input-container .ck-cp-input-content:not(.color-hex){min-width:40px}.css-tools-template .ck-cp-input-container .ck-cp-input-content.color-hex{margin-right:8px}.css-tools-template .ck-cp-input-container input{border-color:var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));color:inherit;font-size:.875rem;height:2rem;line-height:2rem;padding-left:.45rem;padding-right:.45rem}.css-tools-template .ck-cp-input-container input:focus{outline-color:var(--fallback-p,oklch(var(--p)/1));outline-offset:2px;outline-style:solid;outline-width:2px}@media screen and (max-width:997px){.css-tools-template input[type=range]::-moz-range-thumb{height:24px;width:24px}.css-tools-template input[type=range]::-webkit-slider-thumb{height:24px;width:24px}}