/* Shared select affordance: same inset in navigation, filters and every form.
   Component background shorthands must not restore a browser arrow or hide this one. */
select:not([multiple]):not([size]),
select:not([multiple])[size='1'] {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url('assets/icons/select-chevron.svg') !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 18px 18px !important;
  padding-right: 48px !important;
  box-sizing: border-box;
  text-overflow: ellipsis;
}
[dir='rtl'] select:not([multiple]):not([size]),
[dir='rtl'] select:not([multiple])[size='1'] {
  background-position: left 16px center !important;
  padding-right: 12px !important;
  padding-left: 48px !important;
}
@media (forced-colors: active) {
  select:not([multiple]):not([size]),
  select:not([multiple])[size='1'] {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    background-image: none !important;
  }
}