/* opera-select CSS, extracted from opera-select.js (served as a file so the CSP can stay style-src self) */
.osel,.osel-pop{--_bg:var(--osel-bg,var(--card,#121820));--_ibg:var(--osel-input-bg,var(--_bg));--_line:var(--osel-line,var(--line,#1e2833));--_line2:var(--osel-line-hover,var(--line2,#2d3b4d));--_txt:var(--osel-txt,var(--txt,#e6edf3));--_mut:var(--osel-mut,var(--mut,#8b98a5));--_acc:var(--osel-acc,var(--acc,#4c8dff));--_h:var(--osel-h,var(--h,38px));--_r:var(--osel-radius,8px);--_fs:var(--osel-font-size,14px);--_hl:var(--osel-highlight,color-mix(in srgb,var(--_acc) 16%,transparent));--_sh:var(--osel-shadow,0 14px 36px rgba(0,0,0,.38),0 2px 8px rgba(0,0,0,.2))}
.osel-native{display:none!important}
.osel{position:relative;display:inline-flex;vertical-align:middle;max-width:100%;min-width:0;box-sizing:border-box}
.osel>button.osel-btn.osel-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;min-width:0;height:var(--_h);padding:0 10px 0 11px;font:inherit;font-size:var(--_fs);font-weight:400;line-height:1.25;letter-spacing:normal;text-transform:none;color:var(--_txt);background:var(--_ibg);border:1px solid var(--_line);border-radius:var(--_r);cursor:pointer;text-align:left;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:border-color .12s}
.osel>button.osel-btn.osel-btn:hover{border-color:var(--_line2)}
.osel>button.osel-btn.osel-btn:focus-visible{outline:2px solid var(--_acc);outline-offset:-1px}
.osel>button.osel-btn.osel-btn[aria-expanded=true]{border-color:var(--_acc)}
.osel>button.osel-btn.osel-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--_line)}
.osel-val{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:minmax(0,1fr)}
.osel-cur,.osel-sz{grid-area:1/1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.osel-sz{visibility:hidden;height:0}
.osel-chev{flex:none;width:14px;height:14px;color:var(--_mut);transition:transform .15s}
.osel>button[aria-expanded=true] .osel-chev{transform:rotate(180deg)}
.osel-pop{position:fixed;z-index:2147483000;box-sizing:border-box;margin:0;padding:4px;overflow-y:auto;overscroll-behavior:contain;background:var(--_bg);color:var(--_txt);border:1px solid var(--_line2);border-radius:calc(var(--_r) + 2px);box-shadow:var(--_sh);font-size:var(--_fs);line-height:1.35;text-align:left;outline:none;animation:osel-in .09s ease-out}
.osel-pop *{box-sizing:border-box}
@keyframes osel-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.osel-pop.osel-up{animation-name:osel-in-up}@keyframes osel-in-up{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.osel-opt{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px 6px 8px;border-radius:calc(var(--_r) - 2px);cursor:pointer;user-select:none;-webkit-user-select:none;overflow-wrap:anywhere}
.osel-opt.is-active{background:var(--_hl)}
.osel-opt[aria-selected=true]{font-weight:600}
.osel-opt[aria-disabled=true]{opacity:.45;cursor:not-allowed}
.osel-ck{flex:none;width:16px;height:16px;color:var(--_acc);visibility:hidden}
.osel-opt[aria-selected=true] .osel-ck{visibility:visible}
.osel-gl{padding:9px 10px 4px 32px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--_mut)}
.osel-grp+.osel-grp,.osel-opt+.osel-grp{margin-top:2px;border-top:1px solid var(--_line)}
.osel-empty{padding:10px;color:var(--_mut)}
.osel-head{display:none}
.osel-back{position:fixed;inset:0;z-index:2147482999;background:rgba(0,0,0,.45);animation:osel-fade .15s}
@keyframes osel-fade{from{opacity:0}to{opacity:1}}
.osel-pop.osel-sheet{left:0!important;right:0;bottom:0;top:auto!important;width:auto!important;max-height:72vh;padding:6px 8px calc(10px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;border-width:1px 0 0;animation:osel-sheet .18s ease-out}
@keyframes osel-sheet{from{transform:translateY(100%)}to{transform:none}}
.osel-sheet .osel-head{display:block;position:sticky;top:-6px;z-index:1;margin:-6px -8px 4px;padding:10px 16px 10px;background:var(--_bg);border-bottom:1px solid var(--_line);font-size:13px;font-weight:600;color:var(--_mut);text-align:center}
.osel-sheet .osel-head::before{content:"";display:block;width:36px;height:4px;margin:0 auto 8px;border-radius:2px;background:var(--_line2)}
.osel-sheet .osel-head-bare{padding:10px 16px 2px;border-bottom:0}.osel-sheet .osel-head-bare::before{margin-bottom:0}
.osel-sheet .osel-opt{min-height:48px;font-size:16px;padding:10px 12px}
.osel-sheet .osel-gl{padding-left:36px}
@media (prefers-reduced-motion:reduce){.osel-pop,.osel-back{animation:none}.osel-chev{transition:none}}
