/* Native selects and custom dropdown buttons share the same indicator. */
body select:not([multiple]):not([size]),
body select:not([multiple])[size="1"],
body .dropdown-control {
  -webkit-appearance: none;
  appearance: none;
  background-image: url("dropdown-chevron.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 18px 18px !important;
  padding-right: 40px !important;
}
.account-role::after { content: none; }
@media (forced-colors: active) {
  body select:not([multiple]):not([size]),
  body select:not([multiple])[size="1"] {
    appearance: auto;
    background-image: none !important;
  }
}