.wiz-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-bottom:var(--space-5)}.wiz-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1 1;min-width:0}.wiz-step__dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--border-default);background:var(--surface-subtle);color:var(--text-muted);z-index:1;transition:all .2s}.wiz-step__label{font-size:.72rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.wiz-step__line{position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--border-default);z-index:0}.wiz-step.is-active .wiz-step__dot{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.wiz-step.is-active .wiz-step__label{color:var(--text-primary);font-weight:700}.wiz-step.is-done .wiz-step__dot{border-color:var(--color-gold);background:var(--color-gold);color:#fff}.wiz-step.is-done .wiz-step__label{color:var(--color-gold-muted)}.wiz-step.is-done .wiz-step__line{background:var(--color-gold)}.wiz-code{font-size:1.5rem;font-weight:700;letter-spacing:.45em;text-align:center;text-indent:.45em;padding-inline:var(--space-2)}.wiz-done{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:50%;display:grid;place-items:center;background:var(--color-gold-subtle);color:var(--color-gold);animation:wiz-pop .42s cubic-bezier(.2,.9,.3,1.2) both}@keyframes wiz-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.wiz-done{animation:none}}@media (max-width:420px){.wiz-step__label{font-size:.66rem}}