@layer base{*{padding:0;margin:0}#blocky{min-height:100svh}iframe{width:100%;min-height:100svh;border:none;display:block}@media (prefers-color-scheme: dark){body#blocky-body{background-color:#000}}}textarea[data-v-ead5eac2]{field-sizing:content;-webkit-field-sizing:content}.card[data-v-9229be32]{background-size:100% auto;transition:transform .4s,background-position 6s}.card[data-v-9229be32]:hover{background-position:0 100%}.ghost[data-v-6e9c2f89]{background-color:#d1d5db80}.elements>ul>li{padding:0!important}.bg-transparent[data-v-96ec63ab]{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.settings{container-type:inline-size;touch-action:none;transition:background-color .4s}.settings.moving,.settings.resizing{opacity:.85}.settings.settings--docked{grid-area:aside;max-height:calc(100vh - 3rem);width:300px}@media screen and (min-width: 1280px){.settings.settings--docked{width:400px}}@media screen and (min-width: 1600px){.settings.settings--docked{width:450px}}.settings.settings--floating .settings__title{display:flex;align-items:center}.settings .settings__title-buttons{container-type:inline-size;flex:1}.settings .resize-handle{position:absolute;bottom:6px;border:3px solid transparent;display:none}.settings .resize-handle:hover{border-width:4px}.settings .resize-handle:active{display:block!important}.settings .resize-handle--right{right:2px;border-right:3px solid currentColor;cursor:nwse-resize;transform-origin:center;transform:rotate(45deg)}.settings .resize-handle--left{left:2px;border-left:3px solid currentColor;transform:rotate(-45deg);cursor:nesw-resize}.settings.position--left-half .resize-handle--left{display:block}.settings:not(.position--left-half) .resize-handle--right{display:block}.settings.resizing .resize-handle{display:none}.spacer[data-v-9de846d3]:before{content:"";display:block;width:.25rem;height:1rem;background-color:#9ca3af66}.bg-transparent[data-v-9de846d3]{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.hovered{transform:scale(1.005);outline:1.5px solid rgba(27,156,252,.5);transition:transform .3s,outline .3s}.activated{position:relative}.activated:after{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;left:0;right:0;top:0;bottom:0;content:"";background:linear-gradient(90deg,#000 50%,#fff 50%),linear-gradient(90deg,#000 50%,#fff 50%),linear-gradient(0deg,#000 50%,#fff 50%),linear-gradient(0deg,#000 50%,#fff 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:16px 2px,16px 2px,2px 16px,2px 16px;background-position:0 0,100% 100%,0 100%,100% 0;border-radius:5px;padding:10px;animation:dash 40s linear infinite}@keyframes dash{to{background-position:100% 0%,0% 100%,0% 0%,100% 100%}}body{min-height:100vh}.backdrop-blur-xs{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.text-xxxs{font-size:.5rem}.text-xxs{font-size:.625rem}.scale-35{transform:scale(.35)}.scale-99{transform:scale(.99)}.scale-101{transform:scale(1.01)}:root{font-family:Inter,sans-serif}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}.blocky{--primary-color: #786fa6;--primary-color-active: #574b90;--icon-size-sm: 14px;--icon-size-md: 16px;--icon-size-lg: 24px;display:grid;grid-template-areas:"editor";grid-template-columns:1fr;grid-template-rows:1fr}.blocky.blocky--empty,.blocky.blocky--empty .add{min-height:100svh}.blocky.blocky--settings-docked{--settings-width: 300px;grid-template-areas:"editor aside";grid-template-columns:calc(100% - var(--settings-width)) var(--settings-width)}@media screen and (min-width: 1280px){.blocky.blocky--settings-docked{--settings-width: 400px}}@media screen and (min-width: 1600px){.blocky.blocky--settings-docked{--settings-width: 450px}}.blocky .blocky__editor{min-height:100%;grid-area:editor}.alert-enter-active,.alert-leave-active{transition:all .5s ease}.alert-enter-from,.alert-leave-to{opacity:0;transform:translateY(100%);transition:all .2s ease}:root{--theme-color: #778beb;--theme-color-active: #546de5;--success-color: #55e6c1;--info-color: #1b9cfc;--danger-color: #fc427b;--warning-color: #fea47f}a.plus{color:var(--primary-color);transition:color .2s ease-in-out}a.plus:hover{color:var(--primary-color-active)}.close{display:block;position:relative}.close:before,.close:after{content:"";position:absolute;width:2px;height:80%;background:currentColor;top:50%;left:50%;transform-origin:center center;transition:transform .2s ease}.close:before{transform:translate(-50%,-50%) rotate(45deg)}.close:after{transform:translate(-50%,-50%) rotate(-45deg)}.close:active:before{transform:translate(-50%,-50%) rotate(90deg) scale(.8)}.close:active:after{transform:translate(-50%,-50%) rotate(-90deg) scale(.8)}.aspect-square{aspect-ratio:1 / 1}#storage .file[data-v-23f40acc]{filter:drop-shadow(0px 4px 10px rgba(0,0,0,.1))}.actions button span[data-v-23f40acc]{display:none}textarea[data-v-befa81f7]{field-sizing:content;-webkit-field-sizing:content}.flash-ring circle[data-v-170cf586]{animation:flash-170cf586 1.5s 5 ease-in-out}@keyframes flash-170cf586{0%{opacity:1}to{opacity:0}}.spacer[data-v-cfad08ed]:before{content:"";display:block;width:1px;height:1rem;background-color:#9ca3af66}.bg-transparent[data-v-cfad08ed]{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}textarea[data-v-429d0cbb]{field-sizing:content;-webkit-field-sizing:content}#storage .file[data-v-f0fdcdc9]{filter:drop-shadow(0px 4px 10px rgba(0,0,0,.1))}.actions button span[data-v-f0fdcdc9]{display:none}.enter-active[data-v-4ba751ee],.leave-active[data-v-4ba751ee]{overflow:hidden;transition:height .3s ease-in-out,opacity .3s ease-in-out;will-change:height}aside #secondary-column[data-v-9b547b6f]{transition:width .4s ease-in-out;will-change:width}aside #secondary-column[data-v-9b547b6f]:empty{width:0}#narrow-menu .user .avatar-wrapper[data-v-9b547b6f]{position:relative;overflow:hidden}#narrow-menu .user .avatar-wrapper[data-v-9b547b6f]:before,#narrow-menu .user .avatar-wrapper[data-v-9b547b6f]:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%}#narrow-menu .user .avatar-wrapper[data-v-9b547b6f]:before{background:#fff0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .4s,backdrop-filter .4s}#narrow-menu .user .avatar-wrapper[data-v-9b547b6f]:after{color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 15l7-7 7 7' /%3E%3C/svg%3E");background-size:70%;background-repeat:no-repeat;background-position:center;transform:translateY(50px);transition:transform .4s}#narrow-menu .user .avatar-wrapper.avatar-wrapper--open[data-v-9b547b6f]:after{transform:translateY(-50px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E")}#narrow-menu .user:hover .avatar-wrapper[data-v-9b547b6f]:before{background:#ffffff80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#narrow-menu .user:hover .avatar-wrapper[data-v-9b547b6f]:after{transform:translateY(0)}@starting-style{#slide-over{transform:translate(100%)}}@ending-style{#slide-over {transform: translateX(100%);}}