.klyp-StepperBar{--stepper-paint:var(--duration-instant);--stepper-geom:var(--duration-fast);min-inline-size:0;container:stepperbar/inline-size}.klyp-StepperBar__list[role=list]{padding:var(--space-4);scrollbar-width:none;scroll-padding-inline:var(--space-4);justify-content:safe center;align-items:center;gap:0;margin:0;list-style:none;display:flex;overflow-x:auto}.klyp-StepperBar__list::-webkit-scrollbar{display:none}.klyp-StepperBar__item{flex:none;align-items:center;min-width:0;display:inline-flex}.klyp-StepperBar__item+.klyp-StepperBar__item:before{content:"";min-inline-size:var(--space-14);block-size:var(--bw-default);margin-inline:var(--space-8);border-radius:var(--radius-full);background:var(--color-border-strong);transition:background var(--stepper-paint) var(--easing-decelerate);flex:auto}.klyp-StepperBar__item+.klyp-StepperBar__item[data-prev-done]:before{background:var(--green-600)}.klyp-StepperBar__item>.klyp-StepperBar__step{flex:none}.klyp-StepperBar__step{justify-content:flex-start;align-items:center;gap:var(--space-6);block-size:var(--space-28);padding-inline:var(--space-2) var(--space-10);border-radius:var(--radius-full);color:var(--color-fg-muted);font:var(--fw-emphasis) var(--type-buttons-sm);font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;min-inline-size:0;transition:color var(--stepper-paint) var(--easing-decelerate), background-color var(--stepper-paint) var(--easing-decelerate), padding-inline var(--stepper-geom) var(--easing-emphasis), gap var(--stepper-geom) var(--easing-emphasis);background:0 0;border:0;display:inline-flex;position:relative}.klyp-StepperBar__step:hover{color:var(--color-fg-primary)}.klyp-StepperBar__step:focus-visible{outline:var(--bw-default) solid var(--color-ring);outline-offset:var(--space-2)}.klyp-StepperBar__step[data-active]{color:var(--color-fg-primary);background:var(--color-bg-surface-elevated)}.klyp-StepperBar__num{inline-size:var(--icon-size-lg);block-size:var(--icon-size-lg);border-radius:var(--radius-full);background:var(--color-bg-surface-elevated);font:var(--fw-emphasis) var(--type-buttons-sm);font-variant-numeric:tabular-nums;color:var(--color-fg-muted);transition:background-color var(--stepper-paint) var(--easing-decelerate), box-shadow var(--stepper-paint) var(--easing-decelerate), color var(--stepper-paint) var(--easing-decelerate);flex:none;place-items:center;display:grid}.klyp-StepperBar__step[data-active] .klyp-StepperBar__num{background:var(--color-bg-surface-solid);color:var(--color-fg-primary)}.klyp-StepperBar__step[data-done] .klyp-StepperBar__num{background:var(--green-600);color:var(--neutral-0);box-shadow:inset 0 0 0 var(--bw-default) var(--color-border-default), 0 var(--space-2) var(--space-4) #00000073}.klyp-StepperBar__step[data-done] .klyp-StepperBar__num svg{filter:drop-shadow(0 var(--space-2) var(--space-2) #00000059)}.klyp-StepperBar__label{min-inline-size:0;transition:grid-template-columns var(--stepper-geom) var(--easing-emphasis);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.klyp-StepperBar__labelText{white-space:nowrap;opacity:1;inline-size:max-content;min-inline-size:0;transition:opacity var(--stepper-geom) var(--easing-standard) var(--stepper-paint);justify-self:start;overflow:hidden}@container stepperbar (width<=30rem){.klyp-StepperBar__step:not([data-active]){min-inline-size:var(--space-28);padding-inline:var(--space-2);gap:0}.klyp-StepperBar__step:not([data-active]) .klyp-StepperBar__label{grid-template-columns:minmax(0,0fr)}.klyp-StepperBar__step:not([data-active]) .klyp-StepperBar__labelText{opacity:0;transition:opacity var(--stepper-paint) var(--easing-decelerate)}}@media (prefers-reduced-motion:reduce){.klyp-StepperBar__step,.klyp-StepperBar__num,.klyp-StepperBar__label,.klyp-StepperBar__labelText,.klyp-StepperBar__step:not([data-active]) .klyp-StepperBar__labelText,.klyp-StepperBar__item+.klyp-StepperBar__item:before{transition:none}}