.track.svelte-15see0v{background:var(--surface-3);border-radius:3px;height:3px;overflow:hidden}.fill.svelte-15see0v{background:linear-gradient(90deg, var(--brand-600), var(--brand-400), var(--gold-400));transform-origin:0;height:100%;transition:transform var(--dur-slow) var(--ease-out)}.step.svelte-15see0v{color:var(--text-subtle);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:4px;padding:2px 4px;font-size:11px;font-weight:600;display:inline-flex}@media (width>=640px){.step.svelte-15see0v{flex-direction:row;gap:8px;font-size:13px}}.dot.svelte-15see0v{background:var(--surface-2);border:1px solid var(--border-strong);width:20px;height:20px;transition:background-color var(--dur-base), transform var(--dur-base) var(--ease-spring);border-radius:50%;place-items:center;font-size:10px;display:grid}.step.active.svelte-15see0v{color:var(--text)}.step.active.svelte-15see0v .dot:where(.svelte-15see0v){background:var(--brand-500);border-color:var(--brand-500);color:#fff;transform:scale(1.12)}.step.done.svelte-15see0v{color:var(--text-muted)}.step.done.svelte-15see0v .dot:where(.svelte-15see0v){background:color-mix(in oklab, var(--success) 22%, transparent);border-color:color-mix(in oklab, var(--success) 60%, transparent);color:var(--success)}a.step.svelte-15see0v:hover{color:var(--text)}
