.account-flow-page {
    min-height: 58svh;
}

.account-flow-shell {
    max-width: 54rem;
}

.account-flow-shell--form {
    max-width: 42rem;
}

.account-flow-card {
    display: grid;
    gap: 1.15rem;
}

.account-flow-card--form {
    gap: 1.25rem;
}

.account-flow-copy {
    display: grid;
    gap: 0.8rem;
}

.account-flow-copy h1,
.account-flow-lead {
    margin: 0;
}

.account-flow-form {
    display: grid;
    gap: 1rem;
}

.account-flow-field {
    display: grid;
    gap: 0.45rem;
}

.account-flow-field input {
    width: 100%;
}

.account-flow-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.account-flow-feedback:empty {
    display: none;
}

.account-flow-note {
    margin: 0;
    font-size: var(--font-size-s);
    color: var(--color-text-muted);
}

.account-flow-hidden-hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 680px) {
    .account-flow-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .account-flow-actions .pm-button,
    .account-flow-actions button {
        width: 100%;
    }
}