/* @byterove/ui native-select 1.0.0 — additive to the pinned foundation. */
/* Keep the real select/picker. These declarations own only its arrow and
   inline-end text space, including legacy ID/inline padding shorthands. */
:root select:not([multiple]):is(:not([size]), [size=""], [size="0"], [size="1"]) {
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-inline-end: 40px !important;
  background-image: url("./chevron-down.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px 16px !important;
  background-origin: padding-box !important;
}

:root select:not([multiple]):is(:not([size]), [size=""], [size="0"], [size="1"]):dir(rtl) {
  background-position: left 12px center !important;
}

/* The OS supplies a contrast-adapted arrow when background images are removed. */
@media (forced-colors: active) {
  :root select:not([multiple]):is(:not([size]), [size=""], [size="0"], [size="1"]) {
    -webkit-appearance: auto !important;
    appearance: auto !important;
    padding-inline-end: 12px !important;
    background-image: none !important;
    forced-color-adjust: auto !important;
  }
}