/* Only invalid fields receive a red treatment; never show a wall of errors at the bottom. */
.profile-dialog .profile-field-error,
.profile-editor-dialog .profile-field-error { display: block; color: #b52b27; font-size: 14px; font-weight: 500; line-height: 1.6; overflow-wrap: anywhere; }
.profile-field-error[hidden] { display: none !important; }
.profile-dialog .profile-field-help,
.profile-editor-dialog .profile-field-help { display: block; margin-top: 1px; color: #727272; font-size: 13px; font-weight: 400; line-height: 1.5; }
.profile-dialog .profile-field-invalid > .profile-field-title,
.profile-editor-dialog .profile-field-invalid > .profile-field-title,
.profile-field-invalid .profile-field-title { color: #b52b27; }
.profile-dialog .profile-field-invalid input:not([type="file"]),
.profile-dialog .profile-field-invalid textarea,
.profile-dialog .profile-field-invalid select,
.profile-editor-dialog .profile-field-invalid input:not([type="file"]),
.profile-editor-dialog .profile-field-invalid textarea,
.profile-editor-dialog .profile-field-invalid select { border-color: #d6403a; background-color: #fff8f7; box-shadow: 0 0 0 1px #d6403a; }
.profile-dialog .profile-field-invalid :is(input, textarea, select):focus,
.profile-editor-dialog .profile-field-invalid :is(input, textarea, select):focus { border-color: #b52b27; box-shadow: 0 0 0 3px #fbe2df; }
.profile-validation-field { scroll-margin-block: 24px; }
.connect-avatar-editor.profile-field-invalid,
.avatar-editor.profile-field-invalid { outline: 2px solid #d6403a; outline-offset: 2px; flex-wrap: wrap; }
.connect-avatar-editor > .profile-field-error,
.avatar-editor > .profile-field-error { flex-basis: 100%; }
.profile-dialog [data-profile-error],
.profile-editor-dialog [data-shared-profile-error] { font-size: 14px; line-height: 1.6; }