.step-item{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}.step-item:not(:first-child):before,.step-next-indicator:not(:first-child):before{position:absolute;right:50%;top:50%;height:1px;width:100%;--tw-translate-y:-50%;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));background-color:hsl(var(--muted));--tw-content:"";content:var(--tw-content)}.step{position:relative;z-index:10;display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:hsl(var(--muted));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active .step,.complete .step{border-color:hsl(var(--primary));background-color:hsl(var(--primary))}.active:not(:first-child):before,.complete:not(:first-child):before,.next-active:not(:first-child):before{z-index:10;background-color:hsl(var(--primary))}.step-next-indicator:not(:first-child):before{right:unset}.next-active-dot{position:absolute;top:50%;z-index:10;height:.25rem;width:.25rem;--tw-translate-y:-50%;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));border-radius:50%;background-color:hsl(var(--primary))}