.stage[data-astro-cid-6exzu6px]{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);box-shadow:var(--elevation-lg);user-select:none;display:grid;position:relative;overflow:hidden}.frame[data-astro-cid-6exzu6px]{opacity:0;grid-area:1/1}.frame[data-astro-cid-6exzu6px] [data-astro-cid-6exzu6px]:where(img){width:100%;height:auto}.f5[data-astro-cid-6exzu6px]{opacity:1}.cursor[data-astro-cid-6exzu6px]{width:clamp(12px,1.6vw,20px);display:none;position:absolute;top:62%;left:55%}.cursor[data-astro-cid-6exzu6px] svg[data-astro-cid-6exzu6px]{transform-origin:10% 6%;filter:drop-shadow(0 1px 2px #00000040);width:100%;height:auto;display:block}.ring[data-astro-cid-6exzu6px]{border:3px solid var(--primary);opacity:0;border-radius:999px;width:30px;height:30px;position:absolute;top:-14px;left:-14px}.steps[data-astro-cid-6exzu6px]{color:var(--muted-foreground);justify-content:center;gap:clamp(16px,4vw,48px);margin-top:18px;font-size:14px;font-weight:600;display:flex}.steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px]{padding-bottom:6px;position:relative}.steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px]:after{content:"";background:var(--primary);transform-origin:0;border-radius:2px;height:2px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.steps[data-astro-cid-6exzu6px] .s4[data-astro-cid-6exzu6px]{color:var(--foreground)}.steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px]:after{transform:scaleX(1)}@media (prefers-reduced-motion:no-preference){.cursor[data-astro-cid-6exzu6px]{display:block}.frame[data-astro-cid-6exzu6px],.cursor[data-astro-cid-6exzu6px],.cursor[data-astro-cid-6exzu6px] svg[data-astro-cid-6exzu6px],.ring[data-astro-cid-6exzu6px],.steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px],.steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px]:after{animation-duration:16s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}[data-astro-cid-6exzu6px][data-playing] [data-astro-cid-6exzu6px]:is(.frame,.cursor,.cursor svg,.ring,.steps li),[data-astro-cid-6exzu6px][data-playing] .steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px]:after{animation-play-state:running}.f1[data-astro-cid-6exzu6px]{opacity:1;animation-name:f1}.f2[data-astro-cid-6exzu6px]{animation-name:f2}.f3[data-astro-cid-6exzu6px]{animation-name:f3}.f4[data-astro-cid-6exzu6px]{animation-name:f4}.f5[data-astro-cid-6exzu6px]{opacity:0;animation-name:f5}.cursor[data-astro-cid-6exzu6px]{animation-name:cursor}.cursor[data-astro-cid-6exzu6px] svg[data-astro-cid-6exzu6px]{animation-name:press}.ring[data-astro-cid-6exzu6px]{animation-name:ring}.steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px]{color:var(--muted-foreground)}.steps[data-astro-cid-6exzu6px] .s1[data-astro-cid-6exzu6px]{animation-name:s1}.steps[data-astro-cid-6exzu6px] .s2[data-astro-cid-6exzu6px]{animation-name:s2}.steps[data-astro-cid-6exzu6px] .s3[data-astro-cid-6exzu6px]{animation-name:s3}.steps[data-astro-cid-6exzu6px] .s4[data-astro-cid-6exzu6px]{color:var(--muted-foreground);animation-name:s4}.steps[data-astro-cid-6exzu6px] li[data-astro-cid-6exzu6px]:after{transform:scaleX(0)}.steps[data-astro-cid-6exzu6px] .s1[data-astro-cid-6exzu6px]:after{animation-name:u1}.steps[data-astro-cid-6exzu6px] .s2[data-astro-cid-6exzu6px]:after{animation-name:u2}.steps[data-astro-cid-6exzu6px] .s3[data-astro-cid-6exzu6px]:after{animation-name:u3}.steps[data-astro-cid-6exzu6px] .s4[data-astro-cid-6exzu6px]:after{animation-name:u4}}@keyframes f1{0%,18%{opacity:1}20.5%,91%{opacity:0}95%,to{opacity:1}}@keyframes f2{0%,18%{opacity:0}20.5%,33.75%{opacity:1}36.25%,to{opacity:0}}@keyframes f3{0%,33.75%{opacity:0}36.25%,47.5%{opacity:1}50%,to{opacity:0}}@keyframes f4{0%,47.5%{opacity:0}50%,61.25%{opacity:1}63.75%,to{opacity:0}}@keyframes f5{0%,61.25%{opacity:0}63.75%,91%{opacity:1}95%,to{opacity:0}}@keyframes cursor{0%{opacity:0;animation-timing-function:ease-out;top:62%;left:55%}3.5%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.2,1);top:62%;left:55%}13.75%,18%{left:var(--x1);top:var(--y1);animation-timing-function:cubic-bezier(.45,0,.2,1)}30%,33.75%{left:var(--x2);top:var(--y2);animation-timing-function:cubic-bezier(.45,0,.2,1)}43.75%,47.5%{left:var(--x3);top:var(--y3);animation-timing-function:cubic-bezier(.45,0,.2,1)}57.5%,61.25%{left:var(--x4);top:var(--y4);opacity:1;animation-timing-function:ease-in}66.25%{opacity:0;top:40%;left:70%}95%,to{opacity:0;top:62%;left:55%}}@keyframes press{0%,14.4%,15.6%,30.65%,31.85%,44.4%,45.6%,58.15%,59.35%,to{transform:scale(1)}15%,31.25%,45%,58.75%{transform:scale(.82)}}@keyframes ring{0%,14.9%,31.15%,44.9%,58.65%{opacity:0;transform:scale(.3)}15%,31.25%,45%,58.75%{opacity:.95;transform:scale(.3)}18%,34.25%,48%,61.75%{opacity:0;transform:scale(1.5)}to{opacity:0}}@keyframes s1{0%,20.5%{color:var(--foreground)}21%,95%{color:var(--muted-foreground)}96%,to{color:var(--foreground)}}@keyframes s2{0%,20.5%{color:var(--muted-foreground)}21%,36%{color:var(--foreground)}36.5%,to{color:var(--muted-foreground)}}@keyframes s3{0%,36%{color:var(--muted-foreground)}36.5%,63.5%{color:var(--foreground)}64%,to{color:var(--muted-foreground)}}@keyframes s4{0%,63.5%{color:var(--muted-foreground)}64%,95%{color:var(--foreground)}96%,to{color:var(--muted-foreground)}}@keyframes u1{0%{transform:scaleX(0)}18%,95%{transform:scaleX(1)}96%,to{transform:scaleX(0)}}@keyframes u2{0%,20.5%{transform:scaleX(0)}33.75%,95%{transform:scaleX(1)}96%,to{transform:scaleX(0)}}@keyframes u3{0%,36.25%{transform:scaleX(0)}61.25%,95%{transform:scaleX(1)}96%,to{transform:scaleX(0)}}@keyframes u4{0%,63.75%{transform:scaleX(0)}66%,95%{transform:scaleX(1)}96%,to{transform:scaleX(0)}}.stage[data-v-c82be42f]{@media (width>=768px){min-height:600px}}.swap-enter-active[data-v-c82be42f],.swap-leave-active[data-v-c82be42f]{transition:opacity var(--motion-duration-base) var(--motion-ease-standard), transform var(--motion-duration-base) var(--motion-ease-standard)}.swap-enter-from[data-v-c82be42f]{opacity:0;transform:translateY(8px)}.swap-leave-to[data-v-c82be42f]{opacity:0}.tile[data-astro-cid-lcdefpme]{transition:border-color var(--motion-duration-base), transform var(--motion-duration-base) var(--motion-ease-standard)}.tile[data-astro-cid-lcdefpme]:hover{border-color:var(--control-edge);transform:translateY(-2px)}
