.stepper{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-8);width:100%;display:flex;position:relative}.stepper:before{content:"";background:var(--neutral-300);z-index:0;height:2px;position:absolute;top:24px;left:24px;right:24px}.stepper-progress{background:var(--gradient-primary);z-index:1;max-width:calc(100% - 48px);height:2px;transition:width .5s;position:absolute;top:24px;left:24px}.step{z-index:2;flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex;position:relative}.step.active .step-circle{background:var(--gradient-primary);color:#fff;border-color:#0000;transform:scale(1.1)}.step-circle{border:2px solid var(--neutral-300);width:48px;height:48px;font-weight:700;font-family:var(--font-display);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;transition:all .3s;display:flex}.step.completed .step-circle{background:var(--brand-deep-blue);color:#fff;border-color:#0000}.step-label-wrap{flex-direction:column;align-items:center;gap:.125rem;display:flex}.step-label{color:var(--neutral-600);text-align:center;font-size:.875rem;font-weight:500}.step-vendor{color:var(--neutral-400);text-align:center;letter-spacing:.03em;font-size:.625rem;font-weight:500}.step.active .step-label{color:var(--brand-deep-blue);font-weight:600}.step.completed .step-label{color:var(--fin-up)}