.gate-progress{align-items:center;gap:8px;margin:0;padding:14px 24px 6px;list-style:none;display:flex}.gate-progress__step{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.gate-progress__step:last-child{flex:none}.gate-progress__node{border:1.5px solid var(--line);width:24px;height:24px;color:var(--text-3);transition:color var(--dur-fast,.15s) var(--ease-out,ease), border-color var(--dur-fast,.15s) var(--ease-out,ease), background-color var(--dur-fast,.15s) var(--ease-out,ease);background:0 0;border-radius:999px;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.gate-progress__label{color:var(--text-3);white-space:nowrap;font-size:12px;font-weight:500}@media (width<=680px){.gate-progress{gap:6px;padding-inline:16px}.gate-progress__step{gap:6px}.gate-progress__rail{min-width:4px}}.gate-progress__rail{background:var(--line);border-radius:2px;flex:auto;min-width:12px;height:2px}.gate-progress__step--done .gate-progress__node{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#14271c)}.gate-progress__step--done .gate-progress__label{color:var(--text-2)}.gate-progress__step--done .gate-progress__rail{background:var(--accent)}.gate-progress__step--current .gate-progress__node{border-color:var(--warn);color:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb, var(--warn) 22%, transparent)}.gate-progress__step--current .gate-progress__label{color:var(--warn);font-weight:600}.gate-progress__step--active .gate-progress__node{border-color:var(--accent);color:var(--accent)}.gate-progress__pulse{background:var(--accent);border-radius:999px;width:8px;height:8px}