/* Single transparent avatar CMS override. The existing profile component keeps
   its compatibility fields internally, but only one avatar is exposed to edit. */
[class*="avatarEditorGrid"] {
  grid-template-columns: 1fr !important;
}

[class*="avatarEditorGrid"] > [class*="avatarEditorField"]:nth-child(2) {
  display: none !important;
}

[class*="avatarEditorGrid"] > [class*="avatarEditorField"]:first-child > span {
  font-size: 0 !important;
}

[class*="avatarEditorGrid"] > [class*="avatarEditorField"]:first-child > span::after {
  content: "Avatar";
  font-size: 8px;
}

html[data-personal-theme="light"] [class*="avatarEditorGrid"] [class*="avatarEditorPreview"] {
  background: #fff !important;
}

html[data-personal-theme="dark"] [class*="avatarEditorGrid"] [class*="avatarEditorPreview"] {
  background: #090a0d !important;
}