.stepper-container{display:flex;position:relative}.stepper-container.horizontal{flex-direction:row;justify-content:space-between;align-items:center}.stepper-container.vertical{flex-direction:column;align-items:flex-start}.stepper-line{background-color:var(--neutral-tertiary);z-index:0;border-radius:999dvh;position:absolute}.stepper-container.horizontal .stepper-line{height:2px;top:23px}.stepper-container.vertical .stepper-line{width:2px;left:8%;transform:translate(-50%)}.stepper-line.active{background-color:var(--theme-primary)}.step-wrapper{z-index:2;padding:var(--padding-xs);flex-direction:column;align-items:center;display:flex;position:relative}.stepper-container.vertical .step-wrapper{align-items:center;gap:var(--gap-xs);flex-direction:row}.step-circle{background-color:var(--theme-color-white);border-radius:50%;width:2rem;height:2rem;position:relative;overflow:hidden}.step-circle:after{content:"";background-color:var(--theme-primary);border-radius:50%;transition:transform .4s ease-in-out;position:absolute;inset:0;transform:scale(0)}.step-circle.active:after,.step-circle.completed:after{transform:scale(1)}.step-circle.active,.step-circle.completed{background-color:var(--theme-primary);box-shadow:var(--box-shadow-hover)}.step-circle.incompleted{background-color:var(--theme-color-white);border:1px solid var(--gray-light);border-radius:50%;width:2rem;height:2rem;position:relative;overflow:hidden}.step-number{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--fw-600);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.step-circle.active .step-number,.step-circle.completed .step-number{color:var(--theme-color-white)}.step-label{margin-top:var(--margin-sm);color:var(--text-teritory);font-weight:var(--fw-500);white-space:nowrap;font-size:var(--text-sm)}.step-label.active{color:var(--theme-primary);font-weight:var(--fw-600)}.step-subtitle{font-size:var(--text-2xs);color:var(--text-secondary);font-weight:var(--fw-400);letter-spacing:var(--letter-spacing-medium)}.step-subtitle.active{color:var(--text-secondary);font-weight:var(--fw-600)}.stepper-container.vertical .step-label{margin-top:0}.stepper-container.vertical{gap:1.5rem}
