/* Keep form dropdown indicators centered and clear of their field borders. */
body select:not([multiple]):not([size]),
body select:not([multiple])[size="1"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-inline-end: 44px !important;
  background-image: url("assets/ui/select-chevron.svg") !important;
  background-position: right 16px center !important;
  background-size: 16px 12px !important;
  background-repeat: no-repeat !important;
}

@media (forced-colors: active) {
  body select:not([multiple]):not([size]),
  body select:not([multiple])[size="1"] {
    -webkit-appearance: auto !important;
    appearance: auto !important;
    background-image: none !important;
    padding-inline-end: 16px !important;
  }
}