.demo-intro{--t-draw:.3s;--t-mark-1:0s;--t-word:.22s;--t-stamp:.275s;--t-witness:.32s;--t-grid:.36s;--t-fade:.22s}.demo-intro[data-short=true]{--t-draw:.16s;--t-mark-1:0s;--t-word:60ms;--t-stamp:90ms;--t-witness:.1s;--t-grid:.12s;--t-fade:.2s}.demo-intro{transition-duration:var(--t-fade)}.demo-intro__mark{animation:demo-rise var(--t-draw) var(--ease-rise) both;animation-delay:var(--t-mark-1)}@keyframes demo-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-intro__word{animation:demo-rise .3s var(--ease-rise) both;animation-delay:var(--t-word)}.demo-intro__stamp{animation:demo-rise .3s var(--ease-rise) both;animation-delay:var(--t-stamp)}@keyframes demo-witness{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes demo-tick{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}.demo-intro__witness{transform-origin:50%;animation:demo-witness .26s var(--ease-rise) both;animation-delay:var(--t-witness)}.demo-intro__tick{animation:demo-tick .13s var(--ease-rise) both;animation-delay:calc(var(--t-witness) + .16s)}@keyframes demo-grid{0%{opacity:0;transform:scale(1.04)}to{opacity:.55;transform:scale(1)}}.demo-intro__grid{animation:demo-grid .24s var(--ease-rise) both;animation-delay:var(--t-grid)}@keyframes demo-workspace-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-demo-intro=done] .demo-rail,[data-demo-intro=done] .demo-topbar,[data-demo-intro=done] .demo-stage{animation:demo-workspace-rise .42s var(--ease-rise) both}[data-demo-intro=done] .demo-stage{animation-delay:60ms}.demo-stage,.demo-stage *,.demo-rail{scrollbar-width:thin;scrollbar-color:var(--color-rule-2) transparent}.demo-stage ::-webkit-scrollbar{width:8px;height:8px}.demo-rail::-webkit-scrollbar{width:8px;height:8px}.demo-stage ::-webkit-scrollbar-track{background:0 0}.demo-rail::-webkit-scrollbar-track{background:0 0}.demo-stage ::-webkit-scrollbar-thumb{background:var(--color-rule-2);border-radius:4px}.demo-rail::-webkit-scrollbar-thumb{background:var(--color-rule-2);border-radius:4px}.demo-stage ::-webkit-scrollbar-thumb:hover{background:var(--color-ink-4)}.demo-stage [class~=overflow-x-auto]{overscroll-behavior-x:contain}@media (prefers-reduced-motion:reduce){.demo-intro,.demo-intro *,[data-demo-intro=done] .demo-stage,[data-demo-intro=done] .demo-topbar,[data-demo-intro=done] .demo-rail{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}