.vs{overflow-x:clip}.vs-canvas{height:clamp(370px,100vw,470px);position:relative;container-type:size}.vs-slot{transition:opacity .48s var(--ease-looky,ease), transform .7s cubic-bezier(.16, 1, .3, 1), visibility 0s linear .48s;align-items:flex-start;display:flex;position:absolute;inset:0}.vs-slot[data-state=active]{opacity:1;visibility:visible;transition-delay:.14s,.14s,0s;transform:none}.vs-slot[data-state=idle]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(2%)scale(.97)}.vs-scene{width:100%;font-size:clamp(11.5px,min(3.4cqw,3.1cqh),15px);display:flex}@media (min-width:1024px){.vs-stage{height:clamp(480px,68svh,620px)}.vs-canvas{height:auto;position:absolute;inset:0 27% 0 0}.vs-slot{align-items:center}.vs-scene{font-size:clamp(12px,min(2.75cqw,3cqh),17px)}.vs-looky{width:31%;position:absolute;bottom:2%;right:0}}.vs[data-armed] .vs-beat[data-active] .vs-beat-body{animation:.56s cubic-bezier(.16,1,.3,1) 60ms both vs-up}.vs-progress{opacity:0}.vs[data-armed] .vs-progress{opacity:1;animation:vs-progress var(--beat,7s) linear both}.vs[data-armed] .vs-a{animation-duration:var(--t,.7s);animation-timing-function:cubic-bezier(.16,1,.3,1);animation-delay:var(--d,0s);animation-play-state:paused;animation-fill-mode:both}.vs[data-armed] [data-play=on] .vs-a,.vs[data-armed] [data-play=on] .vs-hl:before{animation-play-state:running}.vs[data-armed] .vs-up{animation-name:vs-up}.vs[data-armed] .vs-fade{animation-name:vs-fade}.vs[data-armed] .vs-out{animation-name:vs-out}.vs[data-armed] .vs-pop{animation-name:vs-pop;animation-duration:.55s}.vs[data-armed] .vs-drop{animation-name:vs-drop;animation-duration:.8s}.vs[data-armed] .vs-blip{animation-name:vs-blip;animation-timing-function:linear}.vs[data-armed] .vs-scan{animation-name:vs-scan;animation-timing-function:cubic-bezier(.45,0,.55,1)}.vs[data-armed] .vs-sweep{animation-name:vs-sweep;animation-timing-function:cubic-bezier(.65,0,.35,1)}.vs-out,.vs-blip,.vs-scan,.vs-sweep{opacity:0}.vs-spin{animation:.9s linear infinite vs-spin}.vs-beam{background:linear-gradient(to bottom, transparent 0%, color-mix(in oklab, var(--color-orange) 10%, transparent) 88%, color-mix(in oklab, var(--color-orange) 85%, transparent) 99.4%, transparent 100%)}.vs-rule:after{content:"";background:color-mix(in oklab, var(--color-foreground) 8%, transparent);height:1px;position:absolute;top:0;left:2.4em;right:0}.vs-hl:before{content:"";background:color-mix(in oklab, var(--color-orange) 24%, transparent);transform-origin:0;border-radius:.3em;position:absolute;inset:-.08em -.2em}.vs[data-armed] .vs-hl:before{animation:vs-grow .6s cubic-bezier(.16, 1, .3, 1) var(--d,0s) both paused}@keyframes vs-up{0%{opacity:0;transform:translateY(.9em)}}@keyframes vs-fade{0%{opacity:0}}@keyframes vs-out{0%{opacity:1}}@keyframes vs-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.08)}}@keyframes vs-drop{0%{opacity:0;transform:translateY(-1.6em)scale(.96)}60%{opacity:1;transform:translateY(.15em)scale(1)}}@keyframes vs-blip{0%{opacity:0}12%,82%{opacity:1}to{opacity:0}}@keyframes vs-scan{0%{opacity:1;transform:translateY(-100%)}88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes vs-sweep{0%{opacity:1;transform:scaleX(0)}75%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes vs-grow{0%{transform:scaleX(0)}}@keyframes vs-progress{0%{transform:scaleX(0)}}@keyframes vs-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vs-slot{transition-duration:.01ms}.vs-spin{animation:none}}.vs-scene{--spacing:.25em}
