:root{--line-border-fill: #153d6c;--line-border-empty: #c9c9c9;--circle-skipped: white}.stepper-wrapper{margin-top:auto;display:flex;justify-content:space-between}.stepper-item{position:relative;display:flex;flex-direction:column-reverse;align-items:center;flex:1}.stepper-item::before{position:absolute;content:"";border-bottom:10px solid var(--line-border-empty);width:100%;bottom:16px;left:-50%;z-index:0}.stepper-item::after{position:absolute;content:"";border-bottom:10px solid var(--line-border-empty);width:100%;bottom:16px;left:50%;z-index:1}.stepper-item .step-counter{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;background:var(--line-border-empty);margin-bottom:6px}.stepper-item.completed .step-counter{background-color:var(--line-border-empty)}.stepper-item.completed::after{position:absolute;content:"";border-bottom:4px solid var(--line-border-fill);width:100%;bottom:19px;left:50%;z-index:1}.stepper-item:first-child::before{content:none}.stepper-item:last-child::after{content:none}.completedView{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;background:#fff}.activeView{background:var(--line-border-fill)}.inActiveView{background:var(--line-border-empty)}.skippedView{border:1rem solid var(--circle-skipped);scale:.8}