/* Step rail and section progress · 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: Progress. */
/* families/wizard-stepper/family.css */
.wz-rh b, .wz-rl{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal;letter-spacing:0}
/* families/wizard-stepper/family.css */
.wz-ri.is-current .wz-mark{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}
/* families/wizard-stepper/family.css */
.wz-ri.is-complete .wz-mark{background:hsl(var(--accent));border-color:hsl(var(--accent));color:hsl(var(--primary))}
/* families/wizard-stepper/family.css */
.wz-ri.is-error .wz-mark{background:hsl(var(--destructive)/.08);border-color:hsl(var(--destructive)/.55);color:hsl(var(--destructive))}
/* families/wizard-stepper/family.css */
.wz-ri.is-locked .wz-mark{background:hsl(var(--muted));border-color:hsl(var(--border));color:hsl(var(--muted-foreground))}
/* families/wizard-stepper/family.css */
.wz-rail{display:flex;flex-direction:column}
/* families/wizard-stepper/family.css */
.wz-rh{padding:0 var(--s-2) var(--s-4)}
/* families/wizard-stepper/family.css */
.wz-rh b{display:block;font-size:var(--text-card);font-weight:var(--w-semibold)}
/* families/wizard-stepper/family.css */
.wz-rh span{font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/wizard-stepper/family.css */
.wz-meter{display:grid;grid-template-columns:repeat(var(--n,8),minmax(0,1fr));gap:3px;margin-top:var(--s-2)}
/* families/wizard-stepper/family.css */
.wz-meter i{height:4px;border-radius:var(--r-chip);background:hsl(var(--border));transition:background-color var(--motion-sheet-in)}
/* families/wizard-stepper/family.css */
.wz-meter i.done{background:hsl(var(--primary))}
/* families/wizard-stepper/family.css */
.wz-meter i.cur{background:hsl(var(--ring))}
/* families/wizard-stepper/family.css */
.wz-meter i.err{background:hsl(var(--destructive))}
/* families/wizard-stepper/family.css */
.wz-ri{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:38px;padding:var(--s-2);border-radius:var(--r-control);position:relative;text-decoration:none;color:hsl(var(--foreground));transition:background-color var(--motion-hover)}
/* families/wizard-stepper/family.css */
.wz-ri .wz-mark{width:20px;height:20px;font-size:var(--text-11)}
/* families/wizard-stepper/family.css */
.wz-ri .wz-mark svg{width:12px;height:12px}
/* families/wizard-stepper/family.css */
.wz-ri:not(:last-child)::after{content:"";position:absolute;left:calc(var(--s-2) + 10px);top:calc(50% + 11px);height:calc(100% - 22px);width:1px;background:hsl(var(--border))}
/* families/wizard-stepper/family.css */
.wz-ri.is-complete:not(:last-child)::after{background:hsl(var(--primary)/.45)}
/* families/wizard-stepper/family.css */
.wz-ri:hover, .wz-ri.is-hover{background:hsl(var(--muted))}
/* families/wizard-stepper/family.css */
.wz-ri:focus-visible, .wz-ri.is-focus{outline:2px solid hsl(var(--ring));outline-offset:-2px}
/* families/wizard-stepper/family.css */
.wz-ri.is-current{background:hsl(var(--accent))}
/* families/wizard-stepper/family.css */
.wz-ri.is-current::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:var(--r-chip);background:hsl(var(--primary))}
/* families/wizard-stepper/family.css */
.wz-ri[aria-disabled=true]{cursor:not-allowed}
/* families/wizard-stepper/family.css */
.wz-ri[aria-disabled=true]:hover{background:transparent}
/* families/wizard-stepper/family.css */
.wz-rl{font-size:var(--text-card);font-weight:var(--w-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* families/wizard-stepper/family.css */
.wz-ri.is-current .wz-rl{font-weight:var(--w-semibold)}
/* families/wizard-stepper/family.css */
.wz-ri.is-locked .wz-rl{color:hsl(var(--muted-foreground))}
/* families/wizard-stepper/family.css */
.wz-rm{font-size:var(--text-micro);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;white-space:nowrap}
/* families/wizard-stepper/family.css */
.wz-ri.is-error .wz-rm{color:hsl(var(--destructive));font-weight:var(--w-medium)}
/* families/wizard-stepper/family.css */
.wz-railcard{align-self:start;border:1px solid hsl(var(--border));border-radius:var(--r-card);padding:var(--s-4) var(--s-2) var(--s-2)}
/* families/wizard-stepper/family.css */
.wz-railcard .wz-rh{padding:0 var(--s-2) var(--s-3)}
/* families/wizard-stepper/family.css */
.wz-bars{display:flex;flex-direction:column;gap:var(--s-3)}
/* families/wizard-stepper/family.css */
.wz-bars .wz-bar{position:relative;border:1px solid hsl(var(--border));border-radius:var(--r-card)}
/* families/wizard-stepper/family.css */
.wz-rs{border:1px solid hsl(var(--border));border-radius:var(--r-card);overflow:hidden}
/* families/wizard-stepper/family.css */
.wz-rr{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:var(--s-4);align-items:start;padding:var(--s-3) var(--s-4)}
/* families/wizard-stepper/family.css */
.wz-rr+.wz-rr{border-top:1px solid hsl(var(--border))}
/* families/wizard-stepper/family.css */
.wz-rr .v{padding-top:var(--s-2);min-width:0}
/* families/wizard-stepper/family.css */
.wz-rr .v small{display:block;color:hsl(var(--muted-foreground));font-size:var(--text-small);margin-top:2px}
/* families/wizard-stepper/family.css */
.wz-mbars{display:flex;flex-direction:column;gap:var(--s-3)}
/* families/wizard-stepper/family.css */
.wz-mbars .wz-mbar{position:relative;border:1px solid hsl(var(--border));border-radius:var(--r-card)}
/* families/wizard-stepper/family.css */
.wz-mrail{border:1px solid hsl(var(--border));border-radius:var(--r-card);background:hsl(var(--card));overflow:hidden}
/* families/wizard-stepper/family.css */
.wz-mrail summary{list-style:none;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-4);cursor:pointer;min-height:var(--control-h-m)}
/* families/wizard-stepper/family.css */
.wz-mrail summary::-webkit-details-marker{display:none}
/* families/wizard-stepper/family.css */
.wz-mrail .wz-sum-r{display:flex;align-items:center;gap:var(--s-2)}
/* families/wizard-stepper/family.css */
.wz-mrail .wz-sum-r svg{margin-left:auto;transition:transform var(--motion-pop-in);color:hsl(var(--muted-foreground))}
/* families/wizard-stepper/family.css */
.wz-mrail[open] .wz-sum-r svg{transform:rotate(180deg)}
/* families/wizard-stepper/family.css */
.wz-mrail .wz-rail{padding:0 var(--s-2) var(--s-2);border-top:1px solid hsl(var(--border))}