/* Native select polish. Screen-only: keep native menus, keyboard behavior and print.
   Opt out with data-native-select. Multi-select/listboxes keep their own presentation. */
@media screen and (forced-colors: none) {
  :root select:not([multiple]):not([data-native-select]):where(:not([size]), [size="0"], [size="1"]) {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("select-chevron.svg?v=f946a7fda9");
    background-repeat: no-repeat;
    background-position: right var(--tw-select-inset, 12px) center;
    background-size: var(--tw-select-icon, 16px) var(--tw-select-icon, 16px);
    padding-inline-end: var(--tw-select-space, 40px);
    cursor: pointer;
  }
  :root select:not([multiple]):not([data-native-select]):where(:not([size]), [size="0"], [size="1"]):dir(rtl) {
    background-position: left var(--tw-select-inset, 12px) center;
  }
  /* Compact unit pickers keep enough room for short labels such as “fl oz”. */
  :root select[aria-label$=" unit"], :root select[data-key$="Unit"], :root select.tw-select-compact {
    --tw-select-icon: 12px;
    --tw-select-inset: 6px;
    --tw-select-space: 24px;
  }
  :root select:disabled { cursor: not-allowed; }
}
/* Restore the OS arrow when background images are suppressed for accessibility. */
@media screen and (forced-colors: active) {
  :root select:not([multiple]):not([data-native-select]):where(:not([size]), [size="0"], [size="1"]) {
    -webkit-appearance: auto;
    appearance: auto;
    background-image: none;
    padding-inline-end: 8px;
  }
}