/* Account recovery: password reset and account unlock, on the card of the login page (vendor-login.css) */

.recovery-step__marker {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 16px;
}

.recovery-step--current .recovery-step__marker {
    background: var(--c-white);
    color: var(--c-plum);
}

.recovery-step--done .recovery-step__marker {
    background: rgba(255, 255, 255, .24);
}

.recovery-email {
    overflow-wrap: anywhere;
}

.recovery-code {
    height: 52px;
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .3em;
    font-variant-numeric: tabular-nums;
}