/* Native selects retain their labels, grouping, keyboard controls and events. */
main select{
  border-radius:999px!important;min-height:50px;padding:12px 18px;
  border:1px solid #4a5871;background:#171e30;color:#f4f6fb;
  font:500 15px/1.4 'Segoe UI',system-ui,sans-serif;cursor:pointer;
  transition:border-color .15s,box-shadow .15s;
}
main select:hover{border-color:#ac5260}
main select:focus-visible{outline:2px solid #cf2332!important;outline-offset:3px}
main select:disabled{opacity:.5;cursor:not-allowed}
@supports (appearance:base-select){
  main select,main select::picker(select){appearance:base-select}
  main select{align-items:center;gap:16px}
  main select:open{border-color:#dc2937;box-shadow:0 0 0 3px #dc29371c}
  main select::picker-icon{color:#c7d2e4;transition:rotate .15s;font-size:13px}
  main select:open::picker-icon{rotate:180deg;color:#ff6974}
  main select::picker(select){
    margin-block:8px;border:1px solid #ae3543;border-radius:22px;
    padding:8px;background:#171e30;color:#f4f6fb;
    box-shadow:0 14px 38px #082b4c40;
    max-block-size:min(370px,52dvh);overflow-y:auto;overscroll-behavior:contain;
    scrollbar-width:thin;scrollbar-color:#b43c4b #202a40;
  }
  main select option{
    display:flex;align-items:center;gap:12px;min-height:42px;
    padding:10px 14px;margin:2px 0;border:1px solid transparent;border-radius:14px;
    background:transparent;color:#e9eef7;font:500 14px/1.4 'Segoe UI',system-ui,sans-serif;
    white-space:normal;cursor:pointer;
  }
  main select option:hover,main select option:focus-visible{background:#2a3650;border-color:#596b88;outline:none}
  main select option:checked{background:#bb1d2a;color:#fff;border-color:#d52a37;font-weight:650}
  main select option:focus-visible{outline:2px solid #ff6974!important;outline-offset:-2px}
  main select option::checkmark{color:#fff;order:2;margin-left:auto}
  main select option:disabled{opacity:.45;cursor:not-allowed}
  main select optgroup{color:#a9b9d0;font:700 12px/1.5 'Segoe UI',system-ui,sans-serif;padding:10px 4px 4px}
}
@media(prefers-reduced-motion:reduce){main select,main select::picker-icon{transition:none}}