.step-item{flex-direction:column;justify-content:center;align-items:center;width:9rem;display:flex;position:relative}.step-item:before{--tw-translate-y:-50%;width:100%;height:2px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(169 178 188/var(--tw-bg-opacity,1));--tw-content:"";content:var(--tw-content);position:absolute;top:50%;right:50%}.step-item:first-child:before{left:0}.step-item:last-child:after{--tw-translate-y:-50%;width:100%;height:2px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(169 178 188/var(--tw-bg-opacity,1));--tw-content:"";content:var(--tw-content);position:absolute;top:50%;right:0}.step{z-index:10;--tw-bg-opacity:1;background-color:rgb(112 128 143/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:2rem;height:2rem;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:9999px;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.active .step{--tw-border-opacity:1;border-width:2px;border-color:rgb(0 102 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(241 242 244/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 102 255/var(--tw-text-opacity,1))}.completed .step{--tw-bg-opacity:1;background-color:rgb(0 102 255/var(--tw-bg-opacity,1))}.active p,.completed p{--tw-text-opacity:1;color:rgb(0 102 255/var(--tw-text-opacity,1))}.active:before,.completed:before,.active:last-child:after{--tw-bg-opacity:1;background-color:rgb(0 102 255/var(--tw-bg-opacity,1))}