.stepper.svelte-k0e47y{--_step-size:40px;--_step-icon:18px;--_step-font:var(--font-sm);--_connector-thickness:2px;flex-direction:column;display:flex}@media (width>=768px){.stepper.svelte-k0e47y{flex-direction:row;align-items:flex-start;width:100%}}.stepper--small.svelte-k0e47y{--_step-size:32px;--_step-icon:14px;--_step-font:var(--font-xs)}.stepper--large.svelte-k0e47y{--_step-size:48px;--_step-icon:22px;--_step-font:var(--font-md)}.stepper__step.svelte-k0e47y{align-items:center;gap:var(--space-xs);display:flex}@media (width>=768px){.stepper__step.svelte-k0e47y{gap:var(--space-2xs);flex-direction:column}}.stepper__indicator.svelte-k0e47y{width:var(--_step-size);height:var(--_step-size);border-radius:var(--radius-full);background:var(--bg-3);color:var(--tx-2);flex-shrink:0;justify-content:center;align-items:center;transition:background-color .3s,color .3s;display:flex}.stepper__indicator.svelte-k0e47y svg{width:var(--_step-icon);height:var(--_step-icon)}.stepper__step--completed.svelte-k0e47y .stepper__indicator:where(.svelte-k0e47y),.stepper__step--active.svelte-k0e47y .stepper__indicator:where(.svelte-k0e47y){background:var(--accent-blue);color:#fff}.stepper__number.svelte-k0e47y{font-size:var(--_step-font);font-weight:600;line-height:1}.stepper__label.svelte-k0e47y{font-size:var(--_step-font);color:var(--tx-2);white-space:nowrap;transition:color .3s}.stepper__step--completed.svelte-k0e47y .stepper__label:where(.svelte-k0e47y),.stepper__step--active.svelte-k0e47y .stepper__label:where(.svelte-k0e47y){color:var(--tx);font-weight:500}.stepper__connector.svelte-k0e47y{background:var(--ui-3);width:var(--_connector-thickness);height:var(--space-sm);margin-left:calc(var(--_step-size) / 2 - var(--_connector-thickness) / 2);position:relative;overflow:hidden}@media (width>=768px){.stepper__connector.svelte-k0e47y{height:var(--_connector-thickness);width:auto;margin-left:0;margin-top:calc(var(--_step-size) / 2 - var(--_connector-thickness) / 2);flex:1}}.stepper__connector-fill.svelte-k0e47y{background:var(--accent-blue);width:100%;height:0;transition:height .4s;position:absolute;top:0;left:0}@media (width>=768px){.stepper__connector-fill.svelte-k0e47y{width:0;height:100%;transition:width .4s}}.stepper__connector-fill--active.svelte-k0e47y{height:100%}@media (width>=768px){.stepper__connector-fill--active.svelte-k0e47y{width:100%}}