@keyframes stepper-active-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--bg-action-primary) 45%,transparent);transform:scale(1)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--bg-action-primary) 20%,transparent);transform:scale(1.06)}}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;gap:var(--spacing-sm)}.stepper__connector{position:absolute;top:12px;right:50%;left:calc(-50% + 12px);width:calc(100% - 24px);height:2px;border-radius:1px;background:color-mix(in srgb,var(--color-brand-500) 12%,transparent);z-index:0}.stepper__connector--filled{background:linear-gradient(90deg,var(--color-brand-500),color-mix(in srgb,var(--color-brand-500) 30%,transparent))}.stepper__indicator{width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.stepper__step--completed .stepper__indicator{background:var(--bg-action-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--color-brand-500) 35%,transparent)}.stepper__step--upcoming .stepper__indicator{background:color-mix(in srgb,var(--color-brand-500) 7%,transparent);border:2px solid color-mix(in srgb,var(--color-brand-500) 20%,transparent)}.stepper__step--active .stepper__indicator{background:var(--bg-action-primary);animation:stepper-active-pulse 1.8s ease-in-out infinite}.stepper__step--active .stepper__indicator:after{content:"";width:9px;height:9px;border-radius:var(--radius-full);background:var(--text-on-primary)}.stepper__check-icon{width:14px;height:14px;color:var(--text-on-primary);flex-shrink:0}.stepper__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-subtle);text-align:center;line-height:1.2}.stepper__step--active .stepper__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-brand)}.stepper__step--completed .stepper__label{color:var(--text-subtle)}