[data-fragment=Stepper]{width:100%;font-family:var(--font-sans);color:var(--text-primary)}[data-fragment=Stepper] .stepper{align-items:center;gap:0;display:flex}[data-fragment=Stepper] .step-item{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}[data-fragment=Stepper] .step-circle{border:2px solid var(--ui-line-strong);background:var(--bg-primary);width:30px;height:30px;color:var(--text-secondary);cursor:default;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:12.5px;font-weight:700;display:inline-grid}[data-fragment=Stepper] .step-circle:not(:disabled){cursor:pointer}[data-fragment=Stepper] .step-circle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=Stepper] .step-circle-active{border-color:var(--brand);color:var(--brand)}[data-fragment=Stepper] .step-circle-complete{background:var(--brand);border-color:var(--brand);color:var(--ink-text-on-brand)}[data-fragment=Stepper] .step-line{background:var(--ui-line);flex:1;align-self:flex-start;height:2px;margin-top:14px}[data-fragment=Stepper] .step-line-active{background:var(--brand)}[data-fragment=Stepper] .step-label{color:var(--text-secondary);text-align:center;max-width:100px;font-size:11.5px;font-weight:600;line-height:1.3}[data-fragment=Stepper] .step-item:has(.step-circle-active) .step-label,[data-fragment=Stepper] .step-item:has(.step-circle-complete) .step-label{color:var(--text-primary)}