/* Preserve the native form control; replace its platform popup everywhere. */
:root[data-themed-selects] select:not([multiple]):is(:not([size]),[size="0"],[size="1"]) {
  appearance:none;-webkit-appearance:none;padding-inline-end:32px!important;
  text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 40%,var(--muted) 42%,var(--muted) 58%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--muted) 42%,var(--muted) 58%,transparent 60%)!important;
  background-position:right 15px center,right 11px center!important;background-size:5px 5px!important;background-repeat:no-repeat!important;
}
:root[data-themed-selects] select:dir(rtl){background-position:left 11px center,left 15px center!important}
:root[data-themed-selects] select:disabled{cursor:not-allowed}
:root[data-themed-selects] select[aria-expanded="true"]{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
:root body .bb-select-menu {
  --select-surface:var(--spectre-native,var(--panel,#151b29));
  position:fixed;inset:auto;margin:0;padding:5px;box-sizing:border-box;min-width:0;
  max-width:calc(100vw - 16px);max-height:min(360px,70dvh);overflow:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:var(--line) var(--select-surface);
  background:var(--select-surface);color:var(--text,#edf4ff);
  border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line,#354259));border-radius:12px;
  box-shadow:0 16px 48px #0003,0 2px 8px #0002;z-index:2147483000;
  line-height:1.45;text-align:start;font-weight:400;letter-spacing:normal;isolation:isolate;
}
:root[data-style="clean"] body .bb-select-menu{border-radius:9px;box-shadow:0 8px 24px #0002}
:root body .bb-select-menu:focus{outline:none} /* The active option carries focus. */
:root body .bb-select-heading,:root body .bb-select-group{padding:7px 10px;margin:0;color:var(--muted);font-size:.85em;font-weight:500;overflow-wrap:anywhere}
:root body .bb-select-heading{border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);margin-bottom:4px}
:root body .bb-select-option {
  display:flex;align-items:center;gap:10px;position:relative;min-height:36px;padding:8px 10px;margin:2px 0;
  border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);cursor:pointer;
  white-space:normal;overflow-wrap:anywhere;
}
:root body .bb-select-option[aria-selected="true"]{background:color-mix(in srgb,var(--accent) 13%,var(--select-surface));font-weight:600}
:root body .bb-select-option[data-active]{background:color-mix(in srgb,var(--accent) 21%,var(--select-surface));border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}
:root body .bb-select-option[aria-disabled="true"]{color:var(--muted);cursor:not-allowed}
:root body .bb-select-copy{min-width:0;flex:1}
:root body .bb-select-check{width:16px;height:16px;flex:0 0 16px;color:var(--accent);visibility:hidden}
:root body .bb-select-option[aria-selected="true"] .bb-select-check{visibility:visible}
:root body .bb-select-swatch{width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #8884}
@media(pointer:coarse){:root body .bb-select-option{min-height:44px}}
@media(forced-colors:active){
  :root body .bb-select-menu{background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none}
  :root body .bb-select-option{color:CanvasText}
  :root body .bb-select-option[data-active]{outline:2px solid Highlight;outline-offset:-2px}
  :root body .bb-select-option[aria-selected="true"]{border-color:Highlight}
  :root body .bb-select-option[aria-disabled="true"]{color:GrayText}
  :root body .bb-select-check{color:Highlight}
}