@layer components{.wizard-stepper{--wizard-mark:calc(var(--t-md) * 2);gap:var(--s-5);font-family:var(--f-sans);line-height:var(--lh-normal);flex-direction:column;display:flex}.wizard-stepper__count{align-items:baseline;gap:var(--s-2);font-size:var(--t-md);font-weight:var(--fw-medium);color:var(--text-primary);flex-wrap:wrap;display:flex}.wizard-stepper__promise{font-weight:var(--fw-regular);font-size:var(--t-sm);color:var(--text-muted)}.wizard-stepper__list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.wizard-stepper__step{min-inline-size:0;position:relative}.wizard-stepper__target{align-items:center;gap:var(--s-2);inline-size:100%;min-inline-size:0;font-family:inherit;font-size:var(--t-sm);text-align:center;color:var(--text-muted);background:0 0;border:0;flex-direction:column;padding:0;display:flex}.wizard-stepper__target-inner{align-items:center;gap:var(--s-2);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}button.wizard-stepper__target{cursor:pointer}button.wizard-stepper__target:focus-visible{outline:var(--w-focus) solid var(--border-focus);outline-offset:var(--w-focus);border-radius:var(--r-sm)}.wizard-stepper__mark{inline-size:var(--wizard-mark);block-size:var(--wizard-mark);border:var(--w-hair) solid var(--border-subtle);border-radius:var(--r-full);font-size:var(--t-sm);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.wizard-stepper__mark>svg{inline-size:var(--t-sm);block-size:var(--t-sm)}.wizard-stepper__name{min-inline-size:0}.wizard-stepper__step:not(:last-child):after{inset-block-start:calc(var(--wizard-mark) / 2);inset-inline:calc(50% + var(--wizard-mark) / 2) calc(-50% + var(--wizard-mark) / 2);border-block-start:var(--w-hair) dashed var(--border-strong);content:"";position:absolute}.wizard-stepper__step[data-state=done]:after{border-block-start-color:var(--intent-primary-bg);border-block-start-style:solid}.wizard-stepper__step[data-state=current] .wizard-stepper__mark{border-color:var(--intent-primary-bg);background-color:var(--intent-primary-bg);color:var(--intent-primary-ink)}.wizard-stepper__step[data-state=current] .wizard-stepper__name{font-weight:var(--fw-medium);color:var(--text-primary)}.wizard-stepper__step[data-state=done] .wizard-stepper__mark{border-color:var(--intent-primary-bg);color:var(--intent-primary-bg)}.wizard-stepper__step[data-state=done] .wizard-stepper__name{color:var(--text-secondary)}}