.message { padding: 14px 18px; border-radius: 8px; border: 1px solid #b8ccbf; background: #eef6ef; color: #234637; }
.message.error { border-color: #dca9a9; background: #fff0f0; color: #a72828; }
.message.success { border-color: #b8ccbf; background: #eef6ef; color: #234637; }
.field-error, .error-message, .field-format-warning { display: block; margin: 7px 0 0; color: #a72828; font-size: 12px; line-height: 1.5; font-weight: 600; }
.message.hidden { display: none; }
.inline-validation-error {
    margin: .4rem 0 0;
    color: #9d2424;
    font-size: .875rem;
    font-weight: 600;
}

[aria-invalid="true"] {
    outline: 1px solid #9d2424;
    outline-offset: 2px;
}