/* Stepper · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: a composed component. */
/* families/wizard-stepper/family.css */
.wz-mark, .wz-ci-t{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal;letter-spacing:0}
/* families/wizard-stepper/family.css */
.wz-mark{width:24px;height:24px;border-radius:var(--r-pill);display:grid;place-items:center;flex:none;font-weight:var(--w-semibold);font-size:var(--text-small);line-height:1;border:1px solid hsl(var(--input));color:hsl(var(--muted-foreground));background:hsl(var(--background));transition:background-color var(--motion-hover),border-color var(--motion-hover),color var(--motion-hover)}
/* families/wizard-stepper/family.css */
.wz-mark svg{width:14px;height:14px}
/* families/wizard-stepper/family.css */
.wz-mark .spin{width:12px;height:12px}
/* families/wizard-stepper/family.css */
.wz-steps{display:flex;align-items:flex-start;gap:var(--s-2);list-style:none}
/* families/wizard-stepper/family.css */
.wz-step{display:flex;align-items:flex-start;gap:var(--s-2);flex:1 1 0;min-width:0}
/* families/wizard-stepper/family.css */
.wz-step:last-child{flex:0 1 auto}
/* families/wizard-stepper/family.css */
.wz-line{flex:1;min-width:var(--s-6);height:1px;margin-top:18px;background:hsl(var(--border));transition:background-color var(--motion-sheet-in)}
/* families/wizard-stepper/family.css */
.wz-line.done{background:hsl(var(--primary)/.55)}
/* families/wizard-stepper/family.css */
.wz-step.is-current .wz-sb{cursor:default}
/* families/wizard-stepper/family.css */
.wz-step.is-current .wz-sb:hover{background:transparent}
/* families/wizard-stepper/family.css */
.wz-st{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:4px}
/* families/wizard-stepper/family.css */
.wz-steps.solo .wz-step{flex:none}
/* families/wizard-stepper/family.css */
.wz-cur{font:var(--w-medium) var(--text-code)/1 var(--font-code);color:hsl(var(--muted-foreground))}
/* families/wizard-stepper/family.css */
.wz-udot{width:8px;height:8px;border-radius:50%;background:hsl(var(--warning));flex:none}
/* families/wizard-stepper/family.css */
.wz-done{display:flex;gap:var(--s-3);align-items:center;padding:var(--s-4);border:1px solid hsl(var(--success)/.35);background:hsl(var(--success)/.06);border-radius:var(--r-card)}
/* families/wizard-stepper/family.css */
.wz-done svg{color:hsl(var(--success))}
/* families/wizard-stepper/family.css */
.wz-ci{padding:var(--s-3) var(--s-4) var(--s-4);border-bottom:1px solid hsl(var(--border));background:hsl(var(--background))}
/* families/wizard-stepper/family.css */
.wz-ci-r{display:flex;align-items:baseline;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
/* families/wizard-stepper/family.css */
.wz-ci-r span:last-child{margin-left:auto}
/* families/wizard-stepper/family.css */
.wz-ci-t{font-size:var(--text-step-m);font-weight:var(--w-semibold);line-height:1.3;margin-top:2px;letter-spacing:-.01em}
/* families/wizard-stepper/family.css */
.wz-ci .wz-meter{gap:4px;margin-top:var(--s-3)}
/* families/wizard-stepper/family.css */
.wz-ci .wz-meter i{height:4px}
/* families/wizard-stepper/family.css */
.wz-ci.is-error .wz-ci-t{color:hsl(var(--destructive))}