/* Retain native form semantics and keyboard navigation; style the control and picker. */
html body select:not([multiple]):not([size]){appearance:none;color-scheme:dark;cursor:pointer;box-sizing:border-box;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2398accb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
html body select:not([multiple]):not([size]):focus-visible{outline:2px solid #66afff;outline-offset:3px}html body select:disabled{cursor:default;opacity:.5}
@supports (appearance:base-select){
 html body select:not([multiple]):not([size]),html body select:not([multiple]):not([size])::picker(select){appearance:base-select}
 html body select:not([multiple]):not([size]){background-image:none;padding-right:12px;align-items:center;gap:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 html body select:not([multiple]):not([size])::picker-icon{content:'';display:block;width:7px;height:7px;flex:none;border-right:2px solid #879dbc;border-bottom:2px solid #879dbc;rotate:45deg;translate:0 -2px;transition:rotate .2s ease,translate .2s ease;margin-left:auto}
 html body select:not([multiple]):not([size]):open::picker-icon{rotate:225deg;translate:0 2px;border-color:#70b6ff}html body select:not([multiple]):not([size]):open{border-color:#4279b4;box-shadow:0 0 0 3px #288aff12}
 html body select:not([multiple]):not([size])::picker(select){width:max-content;min-width:max(anchor-size(width),210px);max-width:calc(100vw - 24px);max-height:min(360px,50dvh);margin-block:6px;padding:6px;border:1px solid #37435c;border-radius:12px;background:#191e30;color:#dbe6f8;box-shadow:0 16px 40px #05081480,0 2px 8px #05081440;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3c506f transparent;font:500 12px/1.4 Inter,sans-serif;opacity:0;transition:opacity .14s ease,display .14s allow-discrete,overlay .14s allow-discrete}
 html body select:not([multiple]):not([size]):open::picker(select){opacity:1}
 @starting-style{html body select:not([multiple]):not([size]):open::picker(select){opacity:0}}
 html body select:not([multiple]):not([size]) option{display:flex;align-items:center;gap:20px;min-height:38px;padding:10px 12px;margin:2px 0;border:0;border-radius:7px;background:transparent;color:#abbcd7;font:500 12px/1.4 Inter,sans-serif;white-space:normal;cursor:pointer;outline:none}
 html body select:not([multiple]):not([size]) option:hover,html body select:not([multiple]):not([size]) option:focus{background:#26334a;color:#f0f6ff}
 html body select:not([multiple]):not([size]) option:checked{color:#7bc0ff;background:#223c5c;font-weight:650}html body select:not([multiple]):not([size]) option:disabled{opacity:.4;cursor:default}
 html body select option::checkmark{order:1;margin-left:auto;content:'✓';color:#76baff;font-size:15px;font-weight:700}
 @media(pointer:coarse){html body select:not([multiple]):not([size]) option{min-height:44px}}
}
@media(prefers-reduced-motion:reduce){html body select,html body select::picker-icon,html body select::picker(select){transition:none!important}}