[data-account-validation] .account-field-error {
    display: block;
    color: #b42318;
    font-size: .875rem;
    line-height: 1.7;
    text-align: start;
    overflow-wrap: anywhere;
}

[data-account-validation] .account-field-error:empty {
    display: none;
}

form[data-account-validation] :is(input, select, textarea)[aria-invalid="true"],
form.business-form[data-account-validation] :is(input, select, textarea)[aria-invalid="true"] {
    border: 2px solid #b42318;
    outline-color: #b42318;
}

[data-account-validation] input:is([type="checkbox"], [type="radio"])[aria-invalid="true"] {
    outline: 2px solid #b42318;
    outline-offset: 2px;
}

[data-account-validation] .registration-consent {
    flex-wrap: wrap;
}

[data-account-validation] .registration-consent .account-field-error {
    flex-basis: 100%;
    order: 1;
}

[data-account-validation] .registration-consent > span:not(.account-field-error) {
    flex: 1;
    min-width: 0;
}
