.steps{align-items:flex-start;margin:0 0 1rem;padding:0;list-style:none;display:flex}.step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.4rem;min-width:0;display:flex;position:relative}.step+.step:before{content:"";background:var(--line);height:2px;position:absolute;top:10px;left:-50%;right:50%}.step-dot{border:1px solid var(--line);background:var(--surface-2);width:22px;height:22px;color:var(--ink-3);transition:background var(--fast), border-color var(--fast), color var(--fast);border-radius:999px;place-items:center;font-size:.7rem;font-weight:700;line-height:1;display:grid;position:relative}.step-label{color:var(--ink-3);overflow-wrap:anywhere;font-size:.78rem;line-height:1.25}.step.is-done .step-dot{background:var(--good);border-color:var(--good);color:var(--paper)}.step.is-done+.step:before{background:var(--good)}.step.is-now .step-dot{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.step.is-now .step-label{color:var(--ink);font-weight:650}@media (prefers-reduced-motion:reduce){.step-dot{transition:none}}