/* Share the same arrow inset across forms with different field styling. */
select:not([multiple]):is(:not([size]), [size="1"]) {
  appearance: none;
  /* Keep the arrow and its reserved space through page-specific field shorthands. */
  padding-inline-end: 42px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='m1 1.5 7 7 7-7' fill='none' stroke='%233d4348' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 16px 10px !important;
  background-position: right 15px center !important;
}

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