.steps{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;margin-bottom:1rem;overflow-x:auto}.steps .step{display:flex;align-items:center;gap:1rem;text-decoration:none;flex-direction:column;padding-bottom:1rem}.steps .step__title{white-space:nowrap}.steps .step__marker{--size: 2.5rem;border:2px solid var(--clr-primary);font-size:1.25rem;display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:50%;width:var(--size);height:var(--size);color:var(--clr-primary);background-color:var(--white)}.steps .step__marker i{display:none}.steps .step__marker .step__marker--position{color:inherit}.steps .step__marker.active{background-color:var(--clr-primary);color:var(--white)}.steps .step__marker.completed{background-color:var(--clr-secondary);border-color:var(--clr-secondary)}.steps .step__marker.completed .step__marker--position{display:none}.steps .step__marker.completed i{display:block}