@property --demo-fade-top{syntax:"<length>";inherits:false;initial-value:0}@property --demo-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}.demo-window[data-v-d052acf6]{height:var(--demo-h)}@media (width>=40rem){.demo-window[data-v-d052acf6]{height:var(--demo-h-sm)}}@media (width>=64rem){.demo-window[data-v-d052acf6]{height:var(--demo-h-lg)}}@media (width>=80rem){.demo-window[data-v-d052acf6]{height:var(--demo-h-xl)}}.demo-scroll--bar-visible[data-v-d052acf6]{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--foreground) 12%,transparent) transparent}.demo-scroll--bar-visible[data-v-d052acf6]::-webkit-scrollbar{width:6px}.demo-scroll--bar-visible[data-v-d052acf6]::-webkit-scrollbar-track{background:0 0}.demo-scroll--bar-visible[data-v-d052acf6]::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--foreground) 12%,transparent);border-radius:9999px}.demo-scroll--bar-hidden[data-v-d052acf6]{scrollbar-width:none}.demo-scroll--bar-hidden[data-v-d052acf6]::-webkit-scrollbar{display:none}.demo-scroll--bar-hover[data-v-d052acf6]{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .16s}.demo-window:hover .demo-scroll--bar-hover[data-v-d052acf6]{scrollbar-color:color-mix(in oklab,var(--foreground) 12%,transparent) transparent}.demo-scroll--bar-hover[data-v-d052acf6]::-webkit-scrollbar{width:6px}.demo-scroll--bar-hover[data-v-d052acf6]::-webkit-scrollbar-track{background:0 0}.demo-scroll--bar-hover[data-v-d052acf6]::-webkit-scrollbar-thumb{background:0 0;border-radius:9999px;transition:background .16s}.demo-window:hover .demo-scroll--bar-hover[data-v-d052acf6]::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--foreground) 12%,transparent)}.demo-scroll--faded[data-v-d052acf6]{--demo-fade-top:0px;--demo-fade-bottom:0px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--demo-fade-top),#000 calc(100% - var(--demo-fade-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--demo-fade-top),#000 calc(100% - var(--demo-fade-bottom)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--demo-fade-top),#000 calc(100% - var(--demo-fade-bottom)),transparent 100%);transition:--demo-fade-top .18s,--demo-fade-bottom .18s}.demo-cursor[data-v-d052acf6]{background:currentColor;width:1px;height:1em;margin-inline-start:.1em;animation:1.06s steps(2,start) infinite demo-cursor-d052acf6;display:inline-block;translate:0 .15em}@keyframes demo-cursor-d052acf6{50%{opacity:0}}.demo-seed-leave-active[data-v-d052acf6]{transition:opacity .4s}.demo-seed-leave-to[data-v-d052acf6]{opacity:0}.demo-replay-enter-active[data-v-d052acf6],.demo-replay-leave-active[data-v-d052acf6]{transition:opacity .25s,transform .25s}.demo-replay-enter-from[data-v-d052acf6],.demo-replay-leave-to[data-v-d052acf6]{opacity:0;transform:translateY(.5rem)}@media (prefers-reduced-motion:reduce){.demo-replay-enter-active[data-v-d052acf6],.demo-replay-leave-active[data-v-d052acf6]{transition:none}.demo-replay-enter-from[data-v-d052acf6],.demo-replay-leave-to[data-v-d052acf6]{opacity:1;transform:none}.demo-cursor[data-v-d052acf6]{animation:none}}