.step-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.step{height:2.5rem;width:2.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.step,.text{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;font-weight:600;--tw-text-opacity:1}.text{color:rgb(209 213 219/var(--tw-text-opacity))}.btn{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));padding:.25rem 1.75rem;font-weight:500;--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.btn:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.active .step{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(244,114,182,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#93c5fd var(--tw-gradient-to-position)}.active .text{--tw-text-opacity:1;color:rgb(221 82 140/var(--tw-text-opacity))}.complete .step{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.complete p{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.active:not(:first-child):before,.complete:not(:first-child):before{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}