.step-indicator{-moz-column-gap:var(--spacing-sm);column-gap:var(--spacing-sm);row-gap:var(--spacing-sm);display:flex}.step-indicator>.step{display:grid;flex-grow:1;grid-template-columns:24px min-content 1fr;align-items:center;font-weight:700}.step-indicator>.step>div{display:flex;width:24px;height:24px;flex-wrap:wrap;place-content:center;border-radius:9999px}.step-indicator>.step>span{padding-right:var(--spacing-sm);padding-left:var(--spacing-xs)}.step-indicator>.step:not(.step-indicator>.step--active){color:rgb(var(--coords-ghost))}.step-indicator>.step:not(.step-indicator>.step--active)>div{border-width:3px}.step-indicator>.step--active>div{background-color:rgb(var(--coords-secondary));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.step-indicator>.step--active>span{color:rgb(var(--coords-secondary))}.step-indicator>.step:after{height:1px;width:100%;background-color:rgb(var(--coords-ghost));--tw-content:"";content:var(--tw-content)}