.signup-stepper{--stepper-node:32px;--stepper-line:.48s;--stepper-arrive:.3s;--stepper-spring:cubic-bezier(.34, 1.56, .64, 1);margin-bottom:26px;padding-top:5px;position:relative}.signup-stepper ol{grid-template-columns:repeat(var(--stepper-count,5), minmax(0, 1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.signup-stepper li{flex-direction:column;align-items:center;gap:9px;min-width:0;display:flex}.signup-stepper-track{top:calc(5px + var(--stepper-node) / 2 - .5px);left:calc(50% / var(--stepper-count,5));right:calc(50% / var(--stepper-count,5));background:var(--sl-line);pointer-events:none;height:1px;position:absolute}.signup-stepper-fill{background:var(--sl-ink);transform-origin:0;width:100%;height:100%;transition:transform var(--stepper-line) cubic-bezier(.65, 0, .35, 1);display:block}.signup-stepper-node{width:var(--stepper-node);height:var(--stepper-node);flex-shrink:0;display:block;position:relative}.signup-stepper-halo{border:1.5px solid var(--sl-accent);background:var(--sl-panel);opacity:0;border-radius:50%;transition:opacity .16s ease-out,transform .16s ease-out;position:absolute;inset:-5px;transform:scale(.7)}.signup-stepper-disc{font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.signup-stepper-future{border:1px solid var(--sl-line);background:var(--sl-panel);color:var(--sl-ink-2)}.signup-stepper-solid{color:#fff;background:var(--sl-ink);opacity:0;transition:opacity .16s ease-out,transform .2s ease-out;transform:scale(.6);box-shadow:inset 0 1px #ffffff1f,0 1px 2px #2b211c2e}.signup-stepper-number,.signup-stepper-check{opacity:0;place-items:center;transition:opacity .14s ease-out,transform .14s ease-out;display:grid;position:absolute;inset:0}.signup-stepper-number{font-size:12px;transform:translateY(4px)}.signup-stepper-check{transform:scale(.5)}.signup-stepper :is([data-state=current],[data-state=complete]) .signup-stepper-solid{opacity:1;transform:scale(1)}.signup-stepper [data-state=current] .signup-stepper-solid{transition:opacity .18s ease-out var(--stepper-arrive), transform .46s var(--stepper-spring) var(--stepper-arrive)}.signup-stepper [data-state=current] .signup-stepper-halo{opacity:1;transition:opacity .22s ease-out var(--stepper-arrive), transform .56s var(--stepper-spring) calc(var(--stepper-arrive) + 40ms);transform:scale(1)}.signup-stepper [data-state=current] .signup-stepper-number{opacity:1;transition:opacity .22s ease-out calc(var(--stepper-arrive) + 90ms), transform .38s cubic-bezier(.32, .72, 0, 1) calc(var(--stepper-arrive) + 90ms);transform:translateY(0)}.signup-stepper [data-state=complete] .signup-stepper-check{opacity:1;transition:opacity .18s ease-out 60ms, transform .42s var(--stepper-spring) 60ms;transform:scale(1)}.signup-stepper-hit{min-width:0;max-width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:9px;padding:0;display:flex}.signup-stepper-hit .signup-stepper-solid{transition:box-shadow .16s ease-out}@media (hover:hover){.signup-stepper-hit:hover .signup-stepper-solid{box-shadow:0 0 0 3px var(--sl-panel), 0 0 0 4.5px color-mix(in oklab, var(--sl-ink) 35%, transparent)}.signup-stepper-hit:hover .signup-stepper-label{text-underline-offset:3px;text-decoration:underline}}.signup-stepper-hit:focus-visible{outline:2px solid var(--sl-ink);outline-offset:4px;border-radius:10px}.signup-stepper-label{max-width:100%;color:var(--sl-ink-2);white-space:nowrap;text-align:center;font-size:11px;font-weight:500;line-height:1.35;transition:color .2s ease-out}.signup-stepper [data-state=current] .signup-stepper-label{color:var(--sl-ink);transition-delay:var(--stepper-arrive);font-weight:700}.signup-stepper [data-state=complete] .signup-stepper-label{color:var(--sl-ink)}.signup-stepper[data-instant=true] :is(.signup-stepper-fill,.signup-stepper-halo,.signup-stepper-solid,.signup-stepper-number,.signup-stepper-check,.signup-stepper-label){transition:none}@media (max-width:760px){.signup-stepper{--stepper-node:28px;margin-bottom:22px}.signup-stepper li{gap:8px}.signup-stepper-label{font-size:10px}}@media (prefers-reduced-motion:reduce){.signup-stepper :is(.signup-stepper-fill,.signup-stepper-halo,.signup-stepper-solid,.signup-stepper-number,.signup-stepper-check,.signup-stepper-label){transition:none!important}}
