/* Keep the required marker inside the title's grid item, beside its text. */
.profile-dialog .profile-field-title,
.profile-editor-dialog .profile-field-title { display: inline-flex; align-items: baseline; gap: 4px; min-width: 0; font-size: 14px; line-height: 1.5; }
.profile-dialog .profile-field-title > em,
.profile-editor-dialog .profile-field-title > em { display: inline; color: #e3452e; font-size: 14px; font-style: normal; line-height: inherit; }
.profile-identity-field { min-width: 0; }
.profile-form-grid, .editor-form-grid { align-items: start; }
.profile-dialog .profile-identity-field > label,
.profile-editor-dialog .profile-identity-field > label { display: grid; gap: 7px; margin-bottom: 14px; color: #4e4e4e; font-size: 14px; font-weight: 800; }
.profile-identity-field select { width: 100%; min-height: 46px; padding: 11px 34px 11px 12px; border: 1px solid #dcd9d2; border-radius: 9px; background-color: #fff; color: #171717; font-family: inherit; font-size: 16px; line-height: 1.4; cursor: pointer; }
.profile-identity-field select:invalid { color: #888; }
.profile-identity-field select option { color: #171717; }
.profile-identity-field select:focus { border-color: #165cff; outline: 0; box-shadow: 0 0 0 3px #e9efff; }
.profile-identity-field [data-identity-other][hidden] { display: none !important; }
.profile-dialog [data-identity-other] label,
.profile-editor-dialog [data-identity-other] label { display: grid; gap: 7px; margin-top: -2px; margin-bottom: 14px; font-size: 14px; color: #555; }
.profile-dialog [data-identity-custom],
.profile-editor-dialog [data-identity-custom] { font-size: 16px; font-family: inherit; font-weight: 500; }