.demo-scroll[data-v-f5e79997],.demo-scroll-x[data-v-f5e79997]{scrollbar-color:var(--scrollbar-thumb-hidden) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.demo-scroll-x[data-v-f5e79997]:focus-within,.demo-scroll-x[data-v-f5e79997]:hover,.demo-scroll[data-v-f5e79997]:focus-within,.demo-scroll[data-v-f5e79997]:hover{scrollbar-color:var(--scrollbar-thumb) transparent}.demo-scroll-x[data-v-f5e79997]::-webkit-scrollbar,.demo-scroll[data-v-f5e79997]::-webkit-scrollbar{height:5px;width:5px}.demo-scroll-x[data-v-f5e79997]::-webkit-scrollbar{height:3px}.demo-scroll[data-v-f5e79997]::-webkit-scrollbar-button{display:none}.demo-scroll-x[data-v-f5e79997]::-webkit-scrollbar-track,.demo-scroll[data-v-f5e79997]::-webkit-scrollbar-track{background:transparent}.demo-scroll[data-v-f5e79997]::-webkit-scrollbar-track{margin-block:4px}.demo-scroll-x[data-v-f5e79997]::-webkit-scrollbar-track{margin-inline:6px}.demo-scroll-x[data-v-f5e79997]::-webkit-scrollbar-thumb,.demo-scroll[data-v-f5e79997]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-hidden);border-radius:9999px;-webkit-transition:background-color .22s var(--ease-snappy);transition:background-color .22s var(--ease-snappy)}.demo-scroll-x[data-v-f5e79997]:focus-within::-webkit-scrollbar-thumb,.demo-scroll-x[data-v-f5e79997]:hover::-webkit-scrollbar-thumb,.demo-scroll[data-v-f5e79997]:focus-within::-webkit-scrollbar-thumb,.demo-scroll[data-v-f5e79997]:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}.demo-scroll-x[data-v-f5e79997]::-webkit-scrollbar-thumb:hover,.demo-scroll[data-v-f5e79997]::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.demo-scroll-x[data-v-f5e79997]::-webkit-scrollbar-thumb:active,.demo-scroll[data-v-f5e79997]::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}.nav-tab[data-v-f5e79997]{transition:color .2s var(--ease-snappy),background-color .2s var(--ease-snappy),transform .15s var(--ease-snappy)}.nav-tab[data-v-f5e79997]:active{transform:scale(.97)}.btn-action[data-v-f5e79997]{transition:border-color .15s var(--ease-snappy),color .15s var(--ease-snappy),background-color .15s var(--ease-snappy),transform .15s var(--ease-snappy)}.btn-action[data-v-f5e79997]:active{transform:scale(.97)}.refresh-icon[data-v-f5e79997]{transition:transform .3s var(--ease-snappy)}.preview-button[data-v-f5e79997]{transition:background-color .4s var(--ease-onscreen),color .4s var(--ease-onscreen)}.panel-enter-active[data-v-f5e79997],.panel-leave-active[data-v-f5e79997]{transition:opacity .2s var(--ease-snappy),transform .2s var(--ease-snappy),filter .2s var(--ease-snappy)}.panel-enter-from[data-v-f5e79997]{filter:blur(4px);opacity:0;transform:translateY(6px)}.panel-leave-to[data-v-f5e79997]{filter:blur(4px);opacity:0;transform:translateY(-4px)}.typing-dot[data-v-f5e79997]{animation:typing-dot-wave-f5e79997 1.1s ease-in-out infinite;display:inline-block}.typing-dot[data-v-f5e79997]:first-child{animation-delay:0s}.typing-dot[data-v-f5e79997]:nth-child(2){animation-delay:.18s}.typing-dot[data-v-f5e79997]:nth-child(3){animation-delay:.36s}@keyframes typing-dot-wave-f5e79997{0%,to{opacity:.35;transform:translateY(0)}25%{opacity:1;transform:translateY(-5px)}50%{opacity:.35;transform:translateY(0)}}.chat-msg-enter-active[data-v-f5e79997]{transition:opacity .26s var(--ease-onscreen),transform .26s var(--ease-onscreen)}.chat-msg-enter-from[data-v-f5e79997]{opacity:0;transform:translateY(8px)}.chat-msg-leave-active[data-v-f5e79997]{position:absolute;transition:opacity .16s var(--ease-onscreen);width:100%}.chat-msg-leave-to[data-v-f5e79997]{opacity:0}.chat-msg-move[data-v-f5e79997]{transition:transform .26s var(--ease-onscreen)}.doc-line-enter-active[data-v-f5e79997]{transition:opacity .22s var(--ease-snappy)}.doc-line-enter-from[data-v-f5e79997]{opacity:0}.writing-caret[data-v-f5e79997]{animation:caret-blink-f5e79997 1s steps(2,start) infinite}@keyframes caret-blink-f5e79997{0%,to{opacity:1}50%{opacity:0}}.pop-enter-active[data-v-f5e79997]{transition:opacity .22s var(--ease-snappy),transform .22s var(--ease-snappy)}.pop-enter-from[data-v-f5e79997]{opacity:0;transform:scale(.9)}.code-fade-enter-active[data-v-f5e79997],.code-fade-leave-active[data-v-f5e79997]{transition:opacity .12s var(--ease-snappy)}.code-fade-enter-from[data-v-f5e79997],.code-fade-leave-to[data-v-f5e79997]{opacity:0}.code-scroll[data-v-f5e79997]{scrollbar-color:var(--scrollbar-thumb-muted) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.code-scroll[data-v-f5e79997]:focus-within,.code-scroll[data-v-f5e79997]:hover{scrollbar-color:var(--scrollbar-thumb) transparent}.code-scroll[data-v-f5e79997]::-webkit-scrollbar{height:6px;width:6px}.code-scroll[data-v-f5e79997]::-webkit-scrollbar-track{background:transparent}.code-scroll[data-v-f5e79997]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-muted);border-radius:9999px;-webkit-transition:background-color .22s var(--ease-snappy);transition:background-color .22s var(--ease-snappy)}.code-scroll[data-v-f5e79997]:focus-within::-webkit-scrollbar-thumb,.code-scroll[data-v-f5e79997]:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}.code-scroll[data-v-f5e79997]::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.code-scroll[data-v-f5e79997]::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}.code-scroll[data-v-f5e79997]::-webkit-scrollbar-corner{background:transparent}@keyframes palette-swatch-blur-f5e79997{0%{filter:blur(0);opacity:1;transform:scale(1)}to{filter:blur(3px);opacity:.55;transform:scale(.98)}}@keyframes palette-swatch-unblur-f5e79997{0%{filter:blur(3px);opacity:.55;transform:scale(.98)}to{filter:blur(0);opacity:1;transform:scale(1)}}.color-swatch-container[data-wave=in]>.color-swatch[data-v-f5e79997],.color-swatch-container[data-wave=out]>.color-swatch[data-v-f5e79997]{animation-delay:var(--swatch-delay,0s);animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:var(--ease-onscreen)}.color-swatch-container[data-wave=out]>.color-swatch[data-v-f5e79997]{animation-name:palette-swatch-blur-f5e79997}.color-swatch-container[data-wave=in]>.color-swatch[data-v-f5e79997]{animation-name:palette-swatch-unblur-f5e79997}.swatch-copy-btn[data-v-f5e79997]{align-items:center;background-color:#00000057;border:0;color:#fff;cursor:pointer;display:flex;inset:0;justify-content:center;opacity:0;padding:0;position:absolute;transition:opacity .15s var(--ease-snappy),background-color .15s var(--ease-snappy)}.group\/swatch:hover .swatch-copy-btn[data-v-f5e79997],.swatch-copy-btn.is-copied[data-v-f5e79997],.swatch-copy-btn[data-v-f5e79997]:focus-visible{opacity:1}.swatch-copy-btn.is-copied[data-v-f5e79997]{background-color:#0000007a}.swatch-copy-btn[data-v-f5e79997]:active{background-color:#00000070}.swatch-copy-icon[data-v-f5e79997]{display:flex;transition:transform .15s var(--ease-snappy)}.swatch-copy-btn:active .swatch-copy-icon[data-v-f5e79997]{transform:scale(.92)}@media not all and (hover:hover)and (pointer:fine){.swatch-copy-btn[data-v-f5e79997]{opacity:.88}}@media(hover:hover)and (pointer:fine){.btn-action[data-v-f5e79997]:hover,.nav-tab[data-v-f5e79997]:hover{filter:brightness(1.04)}}@media(prefers-reduced-motion:reduce){.btn-action[data-v-f5e79997],.chat-msg-enter-active[data-v-f5e79997],.code-fade-enter-active[data-v-f5e79997],.code-fade-leave-active[data-v-f5e79997],.doc-line-enter-active[data-v-f5e79997],.nav-tab[data-v-f5e79997],.panel-enter-active[data-v-f5e79997],.panel-leave-active[data-v-f5e79997],.pop-enter-active[data-v-f5e79997],.preview-button[data-v-f5e79997],.refresh-icon[data-v-f5e79997]{transition-duration:1ms!important}.color-swatch-container[data-wave]>.color-swatch[data-v-f5e79997]{animation:none!important;filter:none!important;opacity:1!important;transform:none!important}.swatch-copy-btn[data-v-f5e79997],.swatch-copy-icon[data-v-f5e79997]{transition-duration:1ms!important}.swatch-copy-btn:active .swatch-copy-icon[data-v-f5e79997]{transform:none!important}.btn-action[data-v-f5e79997]:active,.nav-tab[data-v-f5e79997]:active,.panel-enter-from[data-v-f5e79997],.panel-leave-to[data-v-f5e79997],.pop-enter-from[data-v-f5e79997]{filter:none!important;transform:none!important}.refresh-icon.group-hover\:rotate-45[data-v-f5e79997]{transform:none!important}.animate-spin[data-v-f5e79997],.typing-dot[data-v-f5e79997],.writing-caret[data-v-f5e79997]{animation:none!important}.typing-dot[data-v-f5e79997]{opacity:.7}}