/* The brand-kit picker and navbar share the --menu-* surface tokens. */
.dubskool-select{position:relative;min-width:0;--select-control-height:48px}
.dubskool-select-trigger{position:relative;display:flex;align-items:center;width:100%;min-width:0;min-height:var(--select-control-height);padding:10px var(--select-end-space) 10px 14px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--white);color:var(--ink);text-align:start;font:400 16px/1.4 var(--font-body);cursor:pointer}
.dubskool-select-value{display:flex;align-items:center;min-width:0;flex:1}
.dubskool-select-label{display:inline-flex;align-items:center;gap:10px;min-width:0}.dubskool-select-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dubskool-select svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dubskool-select-trigger>svg{position:absolute;right:var(--select-chevron-inset);width:12px;height:12px;transition:transform var(--motion-fast) var(--motion-ease)}
.dubskool-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.dubskool-select-trigger[aria-expanded=true]{border-color:var(--ink)}
.dubskool-select .language-flag{display:block;width:20px;height:20px;aspect-ratio:1;object-fit:cover;border-radius:50%;flex:none;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.dubskool-select .language-flag.is-globe{outline:0}
.dubskool-select-menu{position:absolute;top:calc(100% + 8px);inset-inline:0;z-index:40;max-height:min(320px,var(--menu-available,320px));padding:var(--menu-padding);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--menu-radius);background:var(--menu-background);box-shadow:var(--menu-shadow)}
.dubskool-select.opens-up .dubskool-select-menu{top:auto;bottom:calc(100% + 8px)}
.dubskool-select-menu [role=option]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 12px;margin:0;border:0;border-radius:var(--menu-row-radius);background:transparent;color:var(--ink);text-align:start;font:500 14px/1.4 var(--font-body);cursor:pointer}
.dubskool-select-menu [role=option]>svg{visibility:hidden}.dubskool-select-menu [aria-selected=true]{color:var(--purple)}.dubskool-select-menu [aria-selected=true]>svg{visibility:visible}
.dubskool-select-menu [role=option]:hover,.dubskool-select-menu .is-active{background:var(--menu-hover)}
.dubskool-select-trigger:focus-visible{outline:2px solid var(--purple);outline-offset:4px}.dubskool-select:has(.dubskool-select-trigger:focus-visible) [role=option].is-active{outline:2px solid var(--purple);outline-offset:-3px}
.dubskool-select-trigger:disabled,.dubskool-select-menu [role=option]:disabled{opacity:.5;cursor:default}
.dubskool-select:dir(rtl) .dubskool-select-trigger>svg{right:auto;left:var(--select-chevron-inset)}
.dubskool-select [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.dubskool-select-trigger>svg{transition:none}}
@media(forced-colors:active){.dubskool-select-menu [aria-selected=true]{color:Highlight}.dubskool-select-menu .is-active{outline:1px solid Highlight}}