/* Popovers share the navbar's current glass material in both themes. */
html body :is(#languageMenu#languageMenu#languageMenu#languageMenu#languageMenu,#notificationMenu#notificationMenu#notificationMenu#notificationMenu#notificationMenu,#userMenu#userMenu#userMenu#userMenu#userMenu,#mobileMenuDrawer#mobileMenuDrawer#mobileMenuDrawer#mobileMenuDrawer#mobileMenuDrawer,.nav-language-options) {
 background:var(--nav-menu-bg,rgba(72,77,84,.42))!important;
 color:var(--nav-menu-text,#fff)!important;
 border:1px solid var(--nav-menu-edge,rgba(255,255,255,.2))!important;
 backdrop-filter:var(--nav-menu-blur,blur(24px))!important;
 -webkit-backdrop-filter:var(--nav-menu-blur,blur(24px))!important;
 box-shadow:0 14px 40px rgba(0,0,0,.16)!important;
}
html body :is(#userMenu#userMenu#userMenu#userMenu#userMenu,#notificationMenu#notificationMenu#notificationMenu#notificationMenu#notificationMenu) :is(.user-menu__identity,.user-menu__links,.popover-head,.notification-list,.notification-empty,.popover-footer-link){background:transparent!important;color:inherit!important;border-color:var(--nav-menu-edge)!important;}
html body :is(#userMenu#userMenu#userMenu#userMenu#userMenu,#notificationMenu#notificationMenu#notificationMenu#notificationMenu#notificationMenu) :is(.user-menu__links a,.user-menu__links button,.user-menu__identity-copy strong,.account-menu-theme,.popover-head strong,.popover-text-btn,.popover-footer-link){color:var(--nav-menu-text)!important;}
html body :is(#userMenu#userMenu#userMenu#userMenu#userMenu,#notificationMenu#notificationMenu#notificationMenu#notificationMenu#notificationMenu) :is(.user-menu__identity-copy>span,.popover-head span,.notification-empty){color:var(--nav-menu-text)!important;opacity:.72;}
html body #userMenu#userMenu#userMenu#userMenu#userMenu .user-menu__divider{background:var(--nav-menu-edge)!important;}
html body #userMenu#userMenu#userMenu#userMenu#userMenu .user-menu__links :is(a,button):hover{background:rgba(128,133,143,.16)!important;}
html body #languageMenu#languageMenu#languageMenu#languageMenu#languageMenu{width:210px!important;min-width:190px!important;padding:8px!important;border-radius:24px!important;}
html body :is(#languageMenu#languageMenu#languageMenu#languageMenu#languageMenu,.nav-language-options) button {
 display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
 width:100%!important;min-height:42px!important;padding:8px 12px!important;border:1px solid transparent!important;
 border-radius:999px!important;background:transparent!important;color:var(--nav-menu-text)!important;font:inherit;text-align:left;
}
html body #languageMenu#languageMenu#languageMenu#languageMenu#languageMenu button small{display:none!important;}
html body :is(#languageMenu#languageMenu#languageMenu#languageMenu#languageMenu,.nav-language-options) button:hover{background:rgba(128,133,143,.16)!important;}
html body :is(#languageMenu#languageMenu#languageMenu#languageMenu#languageMenu,.nav-language-options) button.is-active {
 background:rgba(255,255,255,.84)!important;color:#20252d!important;
 border-color:rgba(255,255,255,.36)!important;box-shadow:0 2px 7px rgba(0,0,0,.12)!important;
}
.language-flag{display:block!important;width:22px!important;height:22px!important;flex:0 0 22px!important;overflow:hidden;border-radius:50%;box-shadow:0 0 0 1px rgba(128,133,143,.16);}
.nav-language-picker{position:relative;max-width:100%;}
.nav-language-current{display:flex;align-items:center;gap:9px;min-height:40px;border:1px solid var(--nav-menu-edge);border-radius:999px;padding:7px 12px;background:rgba(128,133,143,.12);color:var(--nav-menu-text);font:inherit;cursor:pointer;}
.nav-language-current::after{content:'⌄';margin-left:5px;}
.nav-language-options{position:absolute;right:0;bottom:calc(100% + 8px);z-index:30;width:210px;max-width:calc(100vw - 44px);padding:8px;border-radius:24px;}
.nav-language-options[hidden]{display:none!important;}
.nav-language-source{display:none!important;}
.nav-language-current:focus-visible,.nav-language-options button:focus-visible,html body #languageMenu button:focus-visible{outline:2px solid var(--nav-menu-text);outline-offset:2px;}

html[data-theme=dark] body :is(#languageMenu#languageMenu#languageMenu#languageMenu#languageMenu,.nav-language-options) button.is-active{background:rgba(255,255,255,.14)!important;color:#f3f4f6!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important;}