/* WAAXSI select controls: quiet, touchable and readable at TV distance. */
.ui-control{position:relative;display:inline-flex;align-items:center;min-width:min(100%,12rem);vertical-align:middle}
.ui-control__native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
.ui-control__button{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;min-height:3rem;padding:.7rem 1rem;color:var(--text);font:inherit;font-size:.875rem;line-height:1.3;text-align:left;background:color-mix(in srgb,var(--bg) 82%,#fff 3%);border:1px solid color-mix(in srgb,var(--line) 84%,#fff 16%);border-radius:.7rem;box-shadow:0 7px 18px #0002;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.ui-control__button::after{content:'';width:.45rem;height:.45rem;flex:none;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.68;transition:transform .18s ease}
.ui-control.open .ui-control__button{background:color-mix(in srgb,var(--bg) 76%,#fff 5%);border-color:var(--muted);transform:translateY(-1px)}
.ui-control.open .ui-control__button::after{transform:rotate(225deg) translate(-1px,-1px)}
.ui-control__button:disabled{opacity:.46;cursor:not-allowed;box-shadow:none}
html[data-input-modality="pointer"] .ui-control__button:focus{outline:0;box-shadow:0 7px 18px #0002}
html[data-input-modality="keyboard"] .ui-control__button:focus-visible,body.tv .ui-control__button:focus-visible{outline:2px solid #f4f5f7;outline-offset:4px;box-shadow:0 7px 18px #0004}
.ui-control__menu{position:fixed;z-index:1200;display:grid;gap:2px;max-width:calc(100vw - 24px);overflow:auto;padding:.38rem;background:color-mix(in srgb,var(--bg) 94%,#fff 6%);border:1px solid color-mix(in srgb,var(--line) 76%,#fff 24%);border-radius:.85rem;box-shadow:0 20px 55px #0008,0 0 0 1px #fff08;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,#fff 30%,transparent) transparent}
.ui-control__menu[hidden]{display:none}
.ui-control__option{display:flex;align-items:center;min-height:3rem;width:100%;padding:.7rem 1rem;color:var(--text);font:inherit;font-size:.875rem;line-height:1.3;text-align:left;white-space:normal;word-break:normal;overflow-wrap:anywhere;background:transparent;border:0;border-radius:.55rem;cursor:pointer}
.ui-control__option::after{content:'✓';margin-left:auto;color:var(--accent);opacity:0;font-size:.75rem}
.ui-control__option.selected::after{opacity:1}
.ui-control__option:hover,.ui-control__option.highlighted{background:color-mix(in srgb,#fff 7%,transparent);color:var(--text)}
.ui-control__option:disabled{color:var(--muted);opacity:.5;cursor:not-allowed}
.ui-control__option:disabled:hover{background:transparent}
.ui-control__group{padding:.65rem .65rem .28rem;color:var(--muted);font-size:.65rem;font-weight:650;letter-spacing:.11em;text-transform:uppercase}
@supports selector(::-webkit-scrollbar){.ui-control__menu::-webkit-scrollbar{width:8px}.ui-control__menu::-webkit-scrollbar-track{background:transparent}.ui-control__menu::-webkit-scrollbar-thumb{background:color-mix(in srgb,#fff 24%,transparent);border:2px solid transparent;border-radius:99px;background-clip:padding-box}}
@media(max-width:600px){.ui-control{min-width:0;width:100%}.ui-control__button{min-height:3rem;font-size:.9rem;padding:.65rem .75rem}.ui-control__option{min-height:2.8rem;font-size:.9rem;padding:.62rem .72rem}.ui-control__group{padding-top:.72rem}}
@media(prefers-reduced-motion:reduce){.ui-control__button,.ui-control__button::after{transition:none}}