/* Keep single-select arrows inset and separate from the selected label. */
select:not([multiple]):not([size]) {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url('/assets/chevron-down.svg');
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding-right: 38px;
}
select:not([multiple]):not([size]):focus-visible {
  border-color: #7397cb;
  outline: 2px solid #7397cb;
  outline-offset: 2px;
}
select:not([multiple]):not([size]):disabled { opacity: .65; cursor: default; }
@media (forced-colors: active) {
  select:not([multiple]):not([size]) { appearance: auto; -webkit-appearance: auto; background-image: none; padding-right: 12px; }
}