@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');

#qc_profile_fields .qc-website-field {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.qc-flag-emoji {
  font-family: 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif;
  font-size: 1.15em;
  font-weight: 400;
  line-height: 1;
  vertical-align: -.06em;
}
.qc-flag-image {
  width: 1.6em;
  height: 1em;
  object-fit: cover;
  vertical-align: -.12em;
  margin-right: .3em;
}

#qc_profile_save_status[data-state='error'] { color: #a52232; }
#qc_profile_save_status[data-state='saving'] { opacity: .75; }

/* The admin user editor does not load the public account theme stylesheet. */
#us-toast-container .us-toast {
  color: #243040 !important;
  background: #fff !important;
  border: 1px solid #d7dce2 !important;
}
#us-toast-container .us-toast .toast-body,
#us-toast-container .us-toast .toast-body * { color: inherit !important; }

:root[data-bs-theme='dark'] #us-toast-container .us-toast {
  color: #f4f6f8 !important;
  background: #222832 !important;
  border-color: #3a424e !important;
}
:root[data-bs-theme='dark'] #us-toast-container .us-toast .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
:root[data-bs-theme='dark'] #qc_profile_save_status[data-state='error'] { color: #ff9baa; }
@media (prefers-color-scheme: dark) {
  :root:not([data-bs-theme='light']) #us-toast-container .us-toast {
    color: #f4f6f8 !important;
    background: #222832 !important;
    border-color: #3a424e !important;
  }
  :root:not([data-bs-theme='light']) #us-toast-container .us-toast .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
  }
  :root:not([data-bs-theme='light']) #qc_profile_save_status[data-state='error'] {
    color: #ff9baa;
  }
}