.stepper-container{--size:40px;--track:2px;--completed:0;align-items:flex-start;display:flex;justify-content:space-between;position:relative;width:100%}.stepper-item{align-items:center;display:flex;flex:1;flex-direction:column;position:relative;text-align:center;z-index:1}.stepper-item:not(:last-child):before{background:var(--color-onboarding-steppers-gray);content:"";height:var(--track);left:50%;position:absolute;top:calc(var(--size)/2 - var(--track)/2);width:100%;z-index:-1}.stepper-item:not(:last-child).stepper-completed:before{background:var(--color-water-green)}.stepper-item.stepper-completed:not(:first-child):after{background:var(--color-water-green);content:"";height:var(--track);position:absolute;right:50%;top:calc(var(--size)/2 - var(--track)/2);width:100%;z-index:-1}.stepper-circle{align-items:center;background:var(--color-white);border:2px solid var(--color-onboarding-steppers-gray);border-radius:50%;display:flex;font-weight:600;height:var(--size);justify-content:center;transition:all .2s ease;width:var(--size)}.stepper-circle,.stepper-label{color:var(--color-onboarding-steppers-gray)}.stepper-label{white-space:nowrap}.stepper-active{background:var(--color-water-green);border-color:var(--color-white);box-shadow:0 0 0 3px var(--color-water-green);color:var(--color-white)}.stepper-active-label{color:var(--color-onboarding-steppers-active-label);font-weight:600}.stepper-completed{background:var(--color-water-green);border-color:var(--color-water-green);color:var(--color-white)}.stepper-mobile-container{border-bottom:2px solid var(--color-water-green);font-weight:600;padding-bottom:.75rem}.stepper-mobile-label{color:var(--color-water-green)}.stepper-mobile-counter{color:var(--color-onboarding-steppers-mobile-counter);font-weight:500}