:root{--step-height:5.25em}.steps .steps__list{display:flex;height:var(--step-height);justify-content:space-evenly;position:relative;width:100%;z-index:0}.steps .steps__list:after{background-color:var(--p-zinc-400);content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.steps .steps__step{z-index:1}.steps .steps__step:not(:last-child){margin-right:var(--spacer)}.step{align-items:center;display:flex;flex-direction:column;height:var(--step-height);justify-content:center;padding-top:1em}.step.is-current .step-badge{background-color:var(--p-primary-50);border-color:var(--p-primary-500);color:var(--p-primary-500);transform:scale(1.1)}.step .step-badge{align-items:center;background-color:var(--p-zinc-50);border:2px solid var(--p-zinc-400);border-radius:2.5em;color:var(--p-zinc-600);display:flex;height:2.5em;justify-content:center;transform-origin:center;transition:all .2s ease-in-out;width:2.5em}.step .step-badge i{font-size:1.1em}.step .step-label{font-size:.9em;font-weight:var(--font-weight-bold);margin-top:var(--spacer-sm)}.dark-mode .steps .steps__list:after{background-color:var(--p-zinc-700)}.dark-mode .step.is-current .step-badge{background-color:var(--p-primary-50);border-color:var(--p-primary-50);color:var(--p-primary-950)}.dark-mode .step .step-badge{background-color:var(--p-zinc-950);border-color:var(--p-zinc-700);color:var(--p-zinc-50)}