.wizard-container{overflow-x:hidden}.wizard{position:relative;display:flex;justify-content:space-between;min-width:600px;}.progress-line,.wizard::before{position:absolute;top:16px;height:2px;right:calc((100% / var(--steps))/ 2)}.wizard::before{content:"";background-color:#dee2e6;z-index:0;left:calc((100% / var(--steps))/ 2)}.complete .circle,.progress-line{background-color:#198754}.progress-line{z-index:1;left:calc(((100% / var(--steps)) * (var(--steps) - var(--current) - 1)) + ((100% / var(--steps))/ 2))}.wizard-step{position:relative;z-index:2;flex:1;text-align:center;padding:0 5px;scroll-snap-align:center}.circle{width:32px;height:32px;border-radius:50%;background-color:#dee2e6;margin:0 auto;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff}.inprogress .circle{background-color:#fff;border:2px solid #198754;color:#198754}.complete .circle::after{content:"✓"}.inprogress .circle::after{content:"";display:block;width:10px;height:10px;background:#198754;border-radius:50%}.title{font-weight:600;white-space:normal}.complete .title,.inprogress .title{color:#13dd17}@media (max-width:576px){.small{display:none}.wizard-container{overflow-x:auto;scroll-snap-type:x mandatory}.wizard{min-width:auto;flex-wrap:nowrap;width:max-content}.circle,.progress-line,.wizard::before{display:none!important}.wizard-step{min-width:max-content;border-radius:.5rem;padding:0 .5rem;margin-left:.3rem;background-color:#dee2e6}.complete{background-color:#198754!important;color:#fff}}