.cvs{border:1px solid var(--line2);aspect-ratio:100/60;background:radial-gradient(circle at 1px 1px, rgb(var(--white-rgb) / .08) 1px, transparent 0) 0 0 / 18px 18px, var(--panel);border-radius:20px;position:relative;overflow:hidden;container-type:inline-size}.cvs svg{width:100%;height:100%;position:absolute;inset:0}.cvs path{fill:none;stroke:rgb(var(--violet-soft-rgb) / .6);stroke-width:.4px;stroke-dasharray:1;stroke-dashoffset:0}.cvs-step{border:1px solid var(--line2);background:var(--card2);text-align:center;border-radius:10px;place-items:center;padding:2px 4px;font-size:clamp(8.5px,2.2cqi,12px);font-weight:600;line-height:1.15;display:grid;position:absolute;overflow:hidden}.cvs-step.is-out{aspect-ratio:var(--ar,9 / 16);padding:0}.cvs-step.is-out img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.is-visible .cvs path{animation:cvs-draw 12s var(--ease-out) calc(var(--i) * .3s) infinite both}.is-visible .cvs-step{animation:cvs-pop .6s var(--ease-spring) calc(var(--i) * .22s) both}.cvs-step.is-swap{border-color:var(--gold);color:var(--gold)}.cvs-step.is-held,.cvs path.is-held{opacity:.45}.is-visible .cvs path.is-held,.is-visible .cvs-step.is-held{animation:none}@keyframes cvs-pop{0%{opacity:0;transform:scale(.82)}}@keyframes cvs-draw{0%{stroke-dashoffset:1px}16%,92%{stroke-dashoffset:0;opacity:1}97%,to{stroke-dashoffset:0;opacity:0}}@media (prefers-reduced-motion:reduce){.cvs *,.cvs :before,.cvs :after{animation:none!important}}
/*# sourceMappingURL=1bz34m8ayp8fj.css.map*/