/* Nabtech Panel · navigation renderer styles (ported from Nabtech Multi-Theme Navigation 3.1.10). Scoped to html[data-nbnav-active] and the Nabtech header (#nav.nabtech-navbar). Light and dark: body.dark-mode, html[data-theme=dark] and html[data-bs-theme=dark] switch the tokens. */ html[data-nbnav-active] #nav.nabtech-navbar,#navbar-side[data-nbnav-side],#nbnav-search { --nbn-ink:#18273f;--nbn-muted:#70809a;--nbn-description:#586b86;--nbn-accent:#3267df;--nbn-mint:#68e5c2; --nbn-surface:#fff;--nbn-soft:#f2f6fc;--nbn-line:#e4ebf5;--nbn-focus:#4285ee; --nbn-menu-shadow:0 24px 64px -18px #0c254e40,0 5px 18px #0c254e0b; --nbn-radius:24px;--nbn-panel-width:1320px;--nbn-gutter:20px; } html[data-nbnav-active] body.dark-mode #nav.nabtech-navbar,body.dark-mode #navbar-side[data-nbnav-side],body.dark-mode #nbnav-search, html[data-nbnav-active]:is([data-theme=dark],[data-bs-theme=dark]) #nav.nabtech-navbar,html:is([data-theme=dark],[data-bs-theme=dark]) #navbar-side[data-nbnav-side],html:is([data-theme=dark],[data-bs-theme=dark]) #nbnav-search { --nbn-ink:#e7effd;--nbn-muted:#9dafc9;--nbn-description:#b0c1da;--nbn-accent:#91b8ff;--nbn-surface:#111e32; --nbn-soft:#192a42;--nbn-line:#2b3b53;--nbn-focus:#93baff;--nbn-menu-shadow:0 28px 70px -16px #000a; } /* Native .primary/.dark/.dark-mode continue choosing the active logo themselves. */ html[data-nbnav-active] #nav.nabtech-navbar { border-bottom:1px solid #869db21c!important; } html[data-nbnav-active] #nav.nabtech-navbar>.container { max-width:1380px; } html[data-nbnav-active] #nav.nabtech-navbar #primary-nav>.navbar-nav>li>a.nav-link { position:relative;display:flex;align-items:center;gap:7px;padding:11px 13px!important;margin:0 2px!important; min-height:44px;border:1px solid transparent!important;border-radius:13px!important; line-height:1.35!important;font-weight:600!important; transition:background .2s ease,border-color .2s ease,color .2s ease!important; } html[data-nbnav-active] #nav.nabtech-navbar #primary-nav>.navbar-nav>li>a.nav-link:hover, html[data-nbnav-active] #nav.nabtech-navbar #primary-nav>.navbar-nav>li[data-nbmm-hover-open=true]>a.nav-link { background:rgba(99,147,241,.10)!important;border-color:rgba(129,166,229,.13)!important; } html[data-nbnav-active] #nav.nabtech-navbar.primary #primary-nav>.navbar-nav>li>a.nav-link:hover, html[data-nbnav-active] #nav.nabtech-navbar.dark #primary-nav>.navbar-nav>li>a.nav-link:hover { background:#ffffff12!important;border-color:#ffffff1a!important; } html[data-nbnav-active] #nav.nabtech-navbar .nbn-svg,#navbar-side[data-nbnav-side] .nbn-svg,#nbnav-search .nbn-svg { display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; } html[data-nbnav-active] #nav.nabtech-navbar .nbn-caret {width:13px!important;height:13px!important;opacity:.65;transition:transform .2s ease!important;margin-left:1px;} html[data-nbnav-active] #nav.nabtech-navbar [data-nbmm-hover-open=true]>a>.nbn-caret {transform:rotate(180deg);} html[data-nbnav-active] #nav.nabtech-navbar a[data-nbn-caret]::after {display:none!important;} /* Only panels recognized by the desktop controller. Notifications and content selectors are excluded. */ html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) { box-sizing:border-box!important;max-width:calc(100vw - 32px)!important; padding:10px!important;margin:0!important;border:1px solid var(--nbn-line)!important; border-radius:20px!important;box-shadow:var(--nbn-menu-shadow)!important;background:var(--nbn-surface)!important; color:var(--nbn-ink)!important;transform:none!important;z-index:1050!important; min-width:272px!important;isolation:isolate; } html[data-nbnav-active] #nav.nabtech-navbar [data-nbmm-hover-kind=mega]>:is([data-nbmm-hover-panel],[data-nbn-source-panel]) { width:min(var(--nbn-panel-width),calc(100vw - var(--nbn-gutter)*2))!important; max-width:calc(100vw - var(--nbn-gutter)*2)!important;min-width:0!important; border-radius:var(--nbn-radius)!important;padding:9px!important; background:linear-gradient(145deg,var(--nbn-surface),var(--nbn-surface) 76%,var(--nbn-soft))!important; } html[data-nbnav-active] #nav.nabtech-navbar [data-nbmm-hover-kind=mega] .mega-menu { min-width:0!important;width:100%!important;padding:13px!important;background:transparent!important;color:var(--nbn-ink)!important; } html[data-nbnav-active] #nav.nabtech-navbar [data-nbmm-hover-kind=mega] .mega-menu>.container {width:100%!important;max-width:none!important;padding:0!important;} html[data-nbnav-active] #nav.nabtech-navbar [data-nbmm-hover-kind=mega] .mega-menu .row {margin:0!important;align-items:stretch!important;} html[data-nbnav-active] #nav.nabtech-navbar [data-nbmm-hover-kind=mega] .menu-small-box {padding:10px 14px!important;margin:0!important;border:0!important;min-width:0;} html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) .item-with-icons, html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) .item-heading {display:flex;align-items:center;gap:10px;margin:1px 0 12px!important;padding:0 7px!important;} html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) .item-icon {font-size:15px!important;color:var(--nbn-accent)!important;margin:0!important;} html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) .menu-name {margin:0!important;color:var(--nbn-muted)!important;background:none!important;-webkit-text-fill-color:currentColor!important;font-size:11px!important;font-weight:700!important;letter-spacing:normal!important;line-height:1.4!important;text-transform:none!important;animation:none!important;} html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) .menu-list {margin:0!important;padding:0!important;list-style:none!important;} html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) li {list-style:none;} html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) a[data-nbn-link] { box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:11px!important; position:relative!important;padding:11px 10px!important;margin:2px 0!important;min-height:44px!important; color:var(--nbn-ink)!important;background:transparent!important;border:1px solid transparent!important;border-radius:13px!important; font-size:13px!important;font-weight:550!important;line-height:1.4!important;text-decoration:none!important; white-space:normal!important;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important; } html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) a[data-nbn-link]:hover {background:var(--nbn-soft)!important;border-color:var(--nbn-line)!important;color:var(--nbn-accent)!important;transform:translateX(2px);} html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) a[data-nbn-link]>.item, html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) a[data-nbn-link]>span:not(.nbn-icon-tile):not(.badge) {min-width:0;} html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) a[data-nbn-link]>.item>span {display:block!important;color:var(--nbn-description)!important;-webkit-text-fill-color:currentColor!important;font-size:11px!important;line-height:1.5!important;margin:3px 0 0!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important;opacity:1!important;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-icon-tile,#navbar-side[data-nbnav-side] .nbn-icon-tile { width:36px;height:36px;flex:0 0 36px;border:1px solid #7a9de31c;border-radius:11px; display:grid;place-items:center;color:var(--nbn-accent);background:linear-gradient(135deg,#7b9bf515,#72d6d610); } html[data-nbnav-active] #nav.nabtech-navbar .nbn-icon-tile[data-tone=mint],#navbar-side[data-nbnav-side] .nbn-icon-tile[data-tone=mint] {color:#229d82;background:#4ac5a614;border-color:#4ac5a61c;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-icon-tile[data-tone=violet],#navbar-side[data-nbnav-side] .nbn-icon-tile[data-tone=violet] {color:#8970df;background:#ae89f414;border-color:#ae89f41c;} html[data-nbnav-active] #nav.nabtech-navbar a[data-nbn-link]>i {flex:none!important;width:24px!important;margin:0 4px!important;font-size:18px!important;color:var(--nbn-accent)!important;text-align:center!important;} html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) .dropdown-header {border:0!important;border-bottom:1px solid var(--nbn-line)!important;background:var(--nbn-soft)!important;color:var(--nbn-ink)!important;border-radius:12px!important;padding:15px!important;margin:0 0 7px!important;white-space:normal!important;} html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) .dropdown-header * {color:inherit;} html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) .dropdown-divider {border-color:var(--nbn-line)!important;margin:7px 10px!important;} /* Legacy promotional backgrounds are intentionally not restyled. The source renderer below owns its own surfaces. */ /* Closed panels never catch the pointer, regardless of the theme's broad :hover rule. */ html[data-nbnav-active] #nav.nabtech-navbar [data-nbmm-hover-open=false]>:is([data-nbmm-hover-panel],[data-nbn-source-panel]) {display:none!important;visibility:hidden!important;pointer-events:none!important;} html[data-nbnav-active] #nav.nabtech-navbar [data-nbmm-hover-open=true]>:is([data-nbmm-hover-panel],[data-nbn-source-panel]) {visibility:visible!important;pointer-events:auto!important;} [data-nbmm-hover-trigger]::before,[data-nbmm-hover-trigger]::after,[data-nbmm-hover-item]::before,[data-nbmm-hover-item]::after {pointer-events:none!important;} html[data-nbnav-active] #nav.nabtech-navbar a:focus:not(:focus-visible),html[data-nbnav-active] #nav.nabtech-navbar button:focus:not(:focus-visible),#navbar-side[data-nbnav-side] a:focus:not(:focus-visible),#navbar-side[data-nbnav-side] button:focus:not(:focus-visible) {outline:none!important;} html[data-nbnav-active] #nav.nabtech-navbar a:focus-visible,html[data-nbnav-active] #nav.nabtech-navbar button:focus-visible,#navbar-side[data-nbnav-side] a:focus-visible,#navbar-side[data-nbnav-side] button:focus-visible {outline:2px solid var(--nbn-focus)!important;outline-offset:3px!important;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-search-toggle {border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:0!important;min-width:0;min-height:0;width:auto;height:auto;cursor:pointer;box-shadow:none!important;font:inherit!important;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-search-toggle:hover {background:transparent!important;color:var(--nbn-accent)!important;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-search-entry {display:flex;align-items:center;margin:0 4px;} /* 3.1.4 — show only the search icon; keep Ctrl+K keyboard functionality hidden. */ html[data-nbnav-active] #nav.nabtech-navbar .nbn-search-toggle .nbn-shortcut { display:none!important; } /* Mobile uses Nabtech's SAME #navbar-side, #side, #navbar-side-toggle and .display state. */ #navbar-side[data-nbnav-side] .nbn-side-head {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 13px;background:var(--nbn-surface);} #navbar-side[data-nbnav-side] .nbn-side-head strong {display:block;font-size:20px;font-weight:750;color:var(--nbn-ink);letter-spacing:-.5px;} #navbar-side[data-nbnav-side] .nbn-side-head small {display:block;color:var(--nbn-muted);font-size:11px;margin-top:4px;} #navbar-side[data-nbnav-side] .nbn-side-close {display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--nbn-line);border-radius:12px;background:var(--nbn-soft);color:var(--nbn-ink);cursor:pointer;} /* 3.1.10 — mobile drawer search layout repair. Search logic remains untouched. */ #navbar-side[data-nbnav-side] .media-search { display:block!important;width:100%!important;max-width:100%!important; margin:0!important;padding:12px 17px 8px!important; background:transparent!important;border:0!important; } #navbar-side[data-nbnav-side] .media-search .input-icon { display:block!important;position:relative!important;width:100%!important; height:48px!important;margin:0!important;padding:0!important; } #navbar-side[data-nbnav-side] #input-items { box-sizing:border-box!important;display:block!important; position:relative!important;width:100%!important;max-width:100%!important; height:48px!important;min-height:48px!important; margin:0!important;padding:0 15px 0 46px!important; border:1px solid var(--nbn-line)!important;border-radius:14px!important; background:var(--nbn-soft)!important;color:var(--nbn-ink)!important; font-family:inherit!important;font-size:14px!important;line-height:normal!important; text-align:left!important;box-shadow:none!important;outline:none!important; -webkit-appearance:none!important;appearance:none!important; } #navbar-side[data-nbnav-side] #input-items::placeholder { color:var(--nbn-muted)!important;opacity:1!important; } #navbar-side[data-nbnav-side] .media-search .input-icon>span { position:absolute!important;z-index:2!important; left:16px!important;top:50%!important;right:auto!important;bottom:auto!important; display:flex!important;align-items:center!important;justify-content:center!important; width:20px!important;height:20px!important;padding:0!important;margin:0!important; transform:translateY(-50%)!important; color:var(--nbn-muted)!important;font-size:17px!important;line-height:1!important; pointer-events:none!important; } #navbar-side[data-nbnav-side] #input-items:focus { border-color:var(--nbn-focus)!important; box-shadow:0 0 0 3px rgba(66,133,238,.12)!important; } #navbar-side[data-nbnav-side] .nbn-side-search-all { box-sizing:border-box!important;min-height:45px!important; align-items:center!important;margin-top:3px!important; padding:11px 14px!important;font-size:12px!important; } #navbar-side[data-nbnav-side] #side {padding:4px 12px 16px!important;margin:0!important;width:100%!important;} #navbar-side[data-nbnav-side] #side li {background:transparent!important;border:0!important;box-shadow:none!important;} #navbar-side[data-nbnav-side] #side li>a {display:flex!important;align-items:center!important;gap:11px!important;min-height:48px!important;padding:11px 13px!important;margin:3px 0!important;color:var(--nbn-ink)!important;background:transparent!important;border:1px solid transparent!important;border-radius:13px!important;font-size:14px!important;line-height:1.4!important;white-space:normal!important;} #navbar-side[data-nbnav-side] #side li>a:hover,#navbar-side[data-nbnav-side] #side li.open>a {background:var(--nbn-soft)!important;border-color:var(--nbn-line)!important;color:var(--nbn-accent)!important;} #navbar-side[data-nbnav-side] #side li>a>.mtext {flex:1;min-width:0;} /* Native active-panel rules paint span text white; inherit the actual light/dark card ink. */ #navbar-side[data-nbnav-side] #side li>a>.mtext, #navbar-side[data-nbnav-side] #side li>a .menu-name, #navbar-side[data-nbnav-side] #side li>a>.arrow {color:inherit!important;-webkit-text-fill-color:currentColor!important;} #navbar-side[data-nbnav-side] #side li>a>i {font-size:18px!important;width:23px!important;flex:none;margin:0!important;color:var(--nbn-accent)!important;} #navbar-side[data-nbnav-side] #side li>a>.arrow {margin-left:auto!important;opacity:.5;position:static!important;} #navbar-side[data-nbnav-side] #side li>ul {padding:0 0 0 14px!important;margin:0 0 7px 18px!important;border-left:1px solid var(--nbn-line)!important;background:none!important;box-shadow:none!important;} #navbar-side[data-nbnav-side] #side li>ul a {font-size:13px!important;min-height:43px!important;} /* The source column has its own hierarchy border; do not draw Nabtech's old dotted connector over custom HTML. */ #navbar-side[data-nbnav-side] #side .nbn-side-column::before, #navbar-side[data-nbnav-side] #side .nbn-side-column>a::before {content:none!important;display:none!important;} #navbar-side[data-nbnav-side] .nbn-side-search-all {display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc(100% - 34px);margin:0 17px 12px;padding:11px 12px;border:1px solid var(--nbn-line);border-radius:12px;background:var(--nbn-soft);color:var(--nbn-accent);font-family:inherit;font-weight:600;font-size:11px;line-height:1.4;cursor:pointer;} #navbar-side[data-nbnav-side] [data-nbn-filter-hide] {display:none!important;} #navbar-side[data-nbnav-side] [data-nbn-filter-open] {display:block!important;height:auto!important;visibility:visible!important;} #nbnav-scrim {display:none;} @media(min-width:992px){ html[data-nbnav-active] #nav.nabtech-navbar .navbar-header .nbn-search-entry {display:none!important;} html[data-nbnav-active] #nav.nabtech-navbar #primary-nav {min-width:0;} html[data-nbnav-active] #nav.nabtech-navbar #primary-nav>.navbar-nav {align-items:center;} #navbar-side[data-nbnav-side] .nbn-side-head {display:none;} #navbar-side[data-nbnav-side].fixed {background:var(--nbn-surface)!important;color:var(--nbn-ink);} } @media(min-width:992px) and (max-width:1199px){ html[data-nbnav-active] #nav.nabtech-navbar #primary-nav>.navbar-nav>li>a.nav-link {padding:10px 8px!important;gap:5px;margin:0!important;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-search-toggle {min-width:0;min-height:0;padding:0!important;} html[data-nbnav-active] #nav.nabtech-navbar [data-nbmm-hover-kind=mega] .menu-small-box {padding:9px!important;} } @media(max-width:991.98px){ html[data-nbnav-active] #nav.nabtech-navbar .navbar-header .top {display:flex!important;align-items:center!important;gap:6px!important;} html[data-nbnav-active] #nav.nabtech-navbar .navbar-header .nbn-search-entry {order:0;} html[data-nbnav-active] #nav.nabtech-navbar .navbar-header .nbn-search-toggle {width:44px;min-width:44px;min-height:44px;height:44px;padding:0!important;} html[data-nbnav-active] #nav.nabtech-navbar .navbar-header .nbn-search-toggle .nbn-shortcut {display:none;} #navbar-side[data-nbnav-side] {position:fixed!important;top:12px!important;bottom:12px!important;left:12px!important;width:min(370px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:auto!important;border:1px solid var(--nbn-line)!important;border-radius:25px!important;background:var(--nbn-surface)!important;box-shadow:0 30px 90px #001a4540!important;z-index:1075!important;overflow:hidden!important;transform:translateX(calc(-100% - 30px));visibility:hidden;pointer-events:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s!important;display:flex!important;flex-direction:column!important;} #navbar-side[data-nbnav-side].display {transform:translateX(0);visibility:visible;pointer-events:auto;} #navbar-side[data-nbnav-side] .slimScrollDiv {height:auto!important;flex:1 1 auto;min-height:0;overflow:hidden!important;} #navbar-side[data-nbnav-side] .sidebar-scroll {height:100%!important;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;} #navbar-side[data-nbnav-side] .slimScrollBar,#navbar-side[data-nbnav-side] .slimScrollRail {display:none!important;} #navbar-side[data-nbnav-side]>.logo {flex:none;} #nbnav-scrim[data-open] {display:block;position:fixed;inset:0;background:#02102688;backdrop-filter:blur(6px);z-index:1070;animation:nbnav-fade .18s ease;} #navbar-side[data-nbnav-side] .nbn-side-head {flex:0 0 auto;} body[data-nbn-drawer-open] {overflow:hidden!important;} } /* Site/account search lives in the browser top layer, independent of theme/hero animation. */ #nbnav-search {box-sizing:border-box!important;font-family:inherit;position:fixed!important;inset:0!important;margin:auto!important;padding:0!important;width:min(750px,calc(100vw - 32px))!important;height:min(690px,calc(100vh - 48px))!important;height:min(690px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important;max-width:none!important;border:1px solid var(--nbn-line)!important;border-radius:25px!important;background:var(--nbn-surface)!important;color:var(--nbn-ink)!important;box-shadow:0 35px 110px #020f3d60!important;overflow:hidden!important;text-align:left!important;z-index:2147483000;} #nbnav-search *,#nbnav-search *::before,#nbnav-search *::after {box-sizing:border-box!important;} #nbnav-search:not([open]) {display:none!important;} #nbnav-search[open] {display:flex!important;flex-direction:column!important;opacity:1!important;visibility:visible!important;animation:nbnav-search-in .2s ease-out!important;animation-play-state:running!important;} #nbnav-search::backdrop {background:#031029a8;backdrop-filter:blur(10px);} #nbnav-search.nbn-search-fallback {box-shadow:0 0 0 100vmax #031029bb,0 35px 110px #020f3d60!important;} #nbnav-search .nbn-search-head {flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px 20px;background:radial-gradient(ellipse at 100% 0,#4681e84a,transparent 64%),linear-gradient(110deg,#07172a,#112a4b);color:#f4f8ff;} #nbnav-search .nbn-search-kicker {font-size:9px;font-weight:650;letter-spacing:2px;color:#91c4e7;margin:0 0 7px;} #nbnav-search h2 {font-size:23px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.6px!important;color:#fff!important;margin:0!important;background:none!important;-webkit-text-fill-color:currentColor!important;animation:none!important;} #nbnav-search .nbn-search-subtitle {font-size:12px;color:#a6bad3;margin:6px 0 0!important;line-height:1.6!important;} #nbnav-search button {font:inherit;cursor:pointer;} #nbnav-search .nbn-search-close {width:36px;height:36px;flex:none;display:grid;place-items:center;background:#ffffff0a;border:1px solid #ffffff2a;border-radius:11px;color:#c7d9ee;padding:0;} #nbnav-search .nbn-search-close:hover {color:#fff;background:#ffffff16;} #nbnav-search .nbn-query-shell {flex:none;display:flex;align-items:center;gap:12px;margin:18px 20px 12px;padding:12px 14px;border:1px solid var(--nbn-line);border-radius:14px;background:var(--nbn-soft);color:var(--nbn-accent);} #nbnav-search .nbn-query-shell:focus-within {border-color:var(--nbn-focus);box-shadow:0 0 0 3px #668edf12;} #nbnav-search #nbnav-query {height:28px!important;min-width:0!important;flex:1!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:var(--nbn-ink)!important;font-family:inherit!important;font-weight:400!important;font-size:15px!important;line-height:1.5!important;border-radius:0!important;} #nbnav-search #nbnav-query::placeholder {color:var(--nbn-muted);font-size:13px;} #nbnav-search .nbn-query-clear {display:grid;place-items:center;width:27px;height:27px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--nbn-muted);} #nbnav-search .nbn-query-clear .nbn-svg {width:15px;height:15px;} #nbnav-search .nbn-search-summary {flex:none;display:flex;gap:8px;align-items:center;padding:0 24px 12px;color:var(--nbn-muted);font-size:10px;min-height:26px;} #nbnav-search .nbn-search-summary .nbn-svg {height:12px;width:12px;color:var(--nbn-accent);} #nbnav-search .nbn-search-results {min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;padding:0 15px 16px;overscroll-behavior:contain;} #nbnav-search .nbn-result-group {font-size:9px;font-weight:700;letter-spacing:1.3px;text-transform:none;color:var(--nbn-muted);margin:16px 10px 8px;padding:0;} #nbnav-search .nbn-result {display:flex;align-items:center;gap:12px;padding:10px 11px;margin:2px 0;min-height:57px;border:1px solid transparent;border-radius:12px;color:var(--nbn-ink);text-decoration:none;transition:background .15s;} #nbnav-search .nbn-result:hover,#nbnav-search .nbn-result[aria-selected=true] {background:var(--nbn-soft);border-color:var(--nbn-line);color:var(--nbn-accent);} #nbnav-search .nbn-result-icon {width:36px;height:36px;border:1px solid var(--nbn-line);border-radius:11px;display:grid;place-items:center;color:var(--nbn-accent);background:var(--nbn-soft);flex:none;} #nbnav-search .nbn-result-copy {flex:1;min-width:0;} #nbnav-search .nbn-result strong {display:block;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;} #nbnav-search .nbn-result small {display:block;font-size:10px;line-height:1.6;color:var(--nbn-muted);overflow-wrap:anywhere;} #nbnav-search .nbn-result>.nbn-svg {height:14px;width:14px;opacity:.45;} #nbnav-search .nbn-result mark {background:#689df422;color:inherit;padding:0;border-radius:2px;font-weight:750;} #nbnav-search .nbn-search-empty {padding:32px 20px;text-align:center;color:var(--nbn-muted);font-size:13px;line-height:1.8;} #nbnav-search .nbn-search-footer {flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 23px;border-top:1px solid var(--nbn-line);color:var(--nbn-muted);background:var(--nbn-soft);font-size:10px;} #nbnav-search .nbn-search-loading {width:15px;height:15px;border:2px solid var(--nbn-line);border-top-color:var(--nbn-accent);border-radius:50%;animation:nbnav-spin .65s linear infinite;} #nbnav-search .nbn-search-loading[hidden] {display:none;} #nbnav-search button:focus-visible,#nbnav-search a:focus-visible {outline:2px solid var(--nbn-focus)!important;outline-offset:2px!important;} @keyframes nbnav-spin {to{transform:rotate(360deg)}} @keyframes nbnav-fade {from{opacity:0}to{opacity:1}} @keyframes nbnav-search-in {from{opacity:.4;transform:translateY(8px) scale(.995)}to{opacity:1;transform:none}} @media(max-width:540px){ #nbnav-search {width:calc(100vw - 20px)!important;height:calc(100vh - 24px)!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:21px!important;} #nbnav-search .nbn-search-head {padding:22px 19px 19px;gap:12px;} #nbnav-search h2 {font-size:20px!important;} #nbnav-search .nbn-search-subtitle {font-size:11px;} #nbnav-search .nbn-query-shell {margin:14px 13px 12px;padding:10px;gap:9px;} #nbnav-search .nbn-search-summary {padding:0 17px 12px;} #nbnav-search .nbn-search-results {padding:0 8px 13px;} #nbnav-search .nbn-search-footer {padding:12px 17px;} #nbnav-search .nbn-search-footer .nbn-keys {display:none;} } @media(prefers-reduced-motion:reduce){ html[data-nbnav-active] #nav.nabtech-navbar *,#navbar-side[data-nbnav-side],#navbar-side[data-nbnav-side] *,#nbnav-search,#nbnav-search * {animation:none!important;transition:none!important;scroll-behavior:auto!important;} } /* Icon-font-independent native toggle/accordion arrows. The original controls stay in place. */ @media(max-width:991.98px){ html[data-nbnav-active] #nav.nabtech-navbar #navbar-side-toggle {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;line-height:1!important;touch-action:manipulation;} html[data-nbnav-active] #nav.nabtech-navbar #navbar-side-toggle span {display:block!important;width:21px!important;height:2px!important;background:currentColor!important;position:relative!important;border-radius:2px!important;} html[data-nbnav-active] #nav.nabtech-navbar #navbar-side-toggle span::before,html[data-nbnav-active] #nav.nabtech-navbar #navbar-side-toggle span::after {content:""!important;display:block!important;position:absolute!important;left:0!important;width:21px!important;height:2px!important;border:0!important;background:currentColor!important;border-radius:2px!important;transform:none!important;} html[data-nbnav-active] #nav.nabtech-navbar #navbar-side-toggle span::before {top:-6px!important;} html[data-nbnav-active] #nav.nabtech-navbar #navbar-side-toggle span::after {top:6px!important;} html[data-nbnav-active] #nav.nabtech-navbar #navbar-side-toggle.display span {background:transparent!important;} html[data-nbnav-active] #nav.nabtech-navbar #navbar-side-toggle.display span::before {top:0!important;transform:rotate(45deg)!important;} html[data-nbnav-active] #nav.nabtech-navbar #navbar-side-toggle.display span::after {top:0!important;transform:rotate(-45deg)!important;} } #navbar-side[data-nbnav-side] #side .arrow {display:block!important;width:7px!important;height:7px!important;flex:0 0 7px;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;transform:rotate(-45deg);transition:transform .2s ease;} #navbar-side[data-nbnav-side] #side .arrow::before,#navbar-side[data-nbnav-side] #side .arrow::after {content:none!important;display:none!important;} #navbar-side[data-nbnav-side] #side .open>a>.arrow {transform:rotate(45deg);} html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) .item>span {opacity:1!important;} @media(prefers-reduced-motion:reduce){#nbnav-search[open] {animation:none!important;}} /* 3.1 source renderer: Menu Manager remains the source of content and column sizing. */ @media(min-width:992px){ html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-panel { position:absolute;left:50%;top:100%;transform:translateX(-50%);width:min(var(--nbn-panel-width),calc(100vw - var(--nbn-gutter)*2)); max-width:calc(100vw - var(--nbn-gutter)*2);min-width:0;margin:10px 0 0;padding:9px; border:1px solid var(--nbn-line);border-radius:var(--nbn-radius);box-shadow:var(--nbn-menu-shadow); background:linear-gradient(145deg,var(--nbn-surface),var(--nbn-surface) 76%,var(--nbn-soft));color:var(--nbn-ink); } } html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-surface {padding:13px!important;background:transparent!important;color:var(--nbn-ink);} html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-inner {width:100%;min-width:0;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-grid {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch;min-width:0;margin:0;padding:0;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-column {grid-column:span var(--nbn-span,3);min-width:0;width:auto;max-width:none;margin:0;padding:12px 4px;border:0;background:transparent;float:none;align-self:stretch;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-column-heading {display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:0 10px;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-column-heading-link {text-decoration:none;color:var(--nbn-ink);display:block;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-column-title {color:var(--nbn-muted);background:none;-webkit-text-fill-color:currentColor;font-size:11px!important;font-weight:700!important;line-height:1.45!important;letter-spacing:1.3px!important;text-transform:uppercase!important;margin:0;padding:0;animation:none;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-links {margin:0;padding:0;list-style:none;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-links>li {margin:0;padding:0;list-style:none;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-links>li>a[data-nbn-link] {padding:10px 8px!important;margin:3px 0!important;min-height:52px!important;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-links .nbn-icon-tile {width:34px;height:34px;flex-basis:34px;border-radius:11px;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-links a .item {min-width:0;overflow-wrap:break-word;} /* HTML is a first-class column type derived from the real custom-HTML field. No .col-html class is required. Do not repaint the administrator's inner HTML. */ html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-column[data-nbn-content=html] { padding:22px;position:relative;border:1px solid #ffffff18;border-radius:20px; background:radial-gradient(ellipse at 100% 0,rgba(62,111,203,.36),transparent 72%),linear-gradient(145deg,#0b1b31,#102b4f); color:#edf4ff;box-shadow:inset 0 1px 0 #ffffff0b;overflow:hidden; } html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-column[data-nbn-content=html] .nbn-column-title {color:#c6d8ef;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-html {max-width:100%;min-width:0;position:relative;height:auto;color:inherit;line-height:1.65;overflow-wrap:break-word;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-html>h1,html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-html>h2,html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-html>h3,html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-html>h4 {color:inherit;line-height:1.3;margin:0 0 12px;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-html>p {color:inherit;margin:0 0 12px;line-height:1.7;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-html>p:last-child {margin-bottom:0;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-html img,html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-html video {max-width:100%;height:auto;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-column[data-nbn-tone=light] {background:var(--nbn-soft);color:var(--nbn-ink);border-color:var(--nbn-line);} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-column[data-nbn-tone=raw] {background:transparent;color:var(--nbn-ink);box-shadow:none;border:0;padding:0;} /* Keep scrolling for long account menus but never show either native or plugin rails. */ html[data-nbnav-active] #nav.nabtech-navbar [data-nbn-account-panel] .slimScrollBar, html[data-nbnav-active] #nav.nabtech-navbar [data-nbn-account-panel] .slimScrollRail {display:none!important;} @media(min-width:992px){ html[data-nbnav-active] #nav.nabtech-navbar #primary-nav>#header {display:flex!important;align-items:center;flex-wrap:nowrap;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-search-entry {flex:none;} } @media(max-width:1199px) and (min-width:992px){ html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-surface {padding:9px!important;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-grid {gap:9px;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-column[data-nbn-content=html] {padding:16px;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-menu-links>li>a[data-nbn-link] {gap:7px!important;font-size:12px!important;padding:8px 6px!important;} } /* Match this site's existing font. No @font-face/import or named font family is supplied. */ html[data-nbnav-active] #nav.nabtech-navbar .nbn-search-toggle, #navbar-side[data-nbnav-side] .nbn-side-close, #navbar-side[data-nbnav-side] .nbn-side-search-all, #nbnav-search button,#nbnav-query {font-family:inherit;} #navbar-side[data-nbnav-side] #side .nbn-side-column {width:100%;max-width:100%;padding:0;float:none;} #navbar-side[data-nbnav-side] #side .nbn-side-html {margin:8px 0 12px;padding:19px;border-radius:16px;background:linear-gradient(145deg,#0b1b31,#102b4f);color:#edf4ff;overflow:hidden;line-height:1.65;} #navbar-side[data-nbnav-side] #side .nbn-side-html>h1,#navbar-side[data-nbnav-side] #side .nbn-side-html>h2,#navbar-side[data-nbnav-side] #side .nbn-side-html>h3,#navbar-side[data-nbnav-side] #side .nbn-side-html>h4 {color:inherit;line-height:1.3;margin:0 0 12px;} #navbar-side[data-nbnav-side] #side .nbn-side-html>p {color:inherit;line-height:1.7;margin:0 0 12px;} #navbar-side[data-nbnav-side] #side .nbn-side-html img {max-width:100%;height:auto;} #navbar-side[data-nbnav-side] #side .nbn-side-column.nbn-tone-light>.nbn-side-html {background:var(--nbn-soft);color:var(--nbn-ink);} #navbar-side[data-nbnav-side] #side .nbn-side-column.nbn-tone-raw>.nbn-side-html {background:transparent;color:var(--nbn-ink);padding:0;} /* 3.1.1: native leaf links receive the SAME 3.1 dropdown design before JS. A closed dropdown is never revealed just to avoid a flash; native open/show works. */ @media(min-width:992px){ html[data-nbnav-active] #nav.nabtech-navbar #primary-nav li.dropdown:not(.show):not(.open)>[data-nbn-source-panel]{visibility:hidden!important;opacity:0!important;pointer-events:none!important;} html[data-nbnav-active] #nav.nabtech-navbar #primary-nav li.dropdown.show>[data-nbn-source-panel], html[data-nbnav-active] #nav.nabtech-navbar #primary-nav li.dropdown.open>[data-nbn-source-panel]{visibility:visible;opacity:1;pointer-events:auto;} } /* Do not inherit white/transparent text from a legacy submenu-colour preset. */ html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) a[data-nbn-link]>.item{ color:inherit!important;-webkit-text-fill-color:currentColor!important;opacity:1!important; } #nbnav-search .nbn-results-more{display:block;width:calc(100% - 22px);margin:12px 11px 3px;padding:12px;border:1px solid var(--nbn-line);border-radius:12px;color:var(--nbn-accent);background:var(--nbn-soft);font:inherit;cursor:pointer;} #nbnav-search .nbn-results-more:focus-visible{outline:2px solid var(--nbn-focus);outline-offset:2px;} /* Regular-dropdown repair from 3.1.1. Keep its readable, smaller descriptions. Mega column-heading typography is restored separately above. No universal font reset. Menu Manager appends its descriptions as inside .menu-name or .item. */ html[data-nbnav-active] #nav.nabtech-navbar #primary-nav>.navbar-nav>li>a.nav-link, html[data-nbnav-active] #nav.nabtech-navbar #primary-nav>.navbar-nav>li>a.nav-link>span:not(.badge):not(.user-avatar), html[data-nbnav-active] #nav.nabtech-navbar :is(ul[data-nbmm-hover-panel],ul[data-nbn-source-panel]) a[data-nbn-link], html[data-nbnav-active] #nav.nabtech-navbar :is(ul[data-nbmm-hover-panel],ul[data-nbn-source-panel]) a[data-nbn-link]>.item, html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) .menu-name{ text-transform:none!important;letter-spacing:normal!important; } /* Match normal dropdown LABEL size; subordinate text is always smaller. */ html[data-nbnav-active] #nav.nabtech-navbar :is(ul[data-nbn-source-panel],ul[data-nbmm-hover-panel]) .menu-name{ font-size:13px!important;font-weight:650!important;line-height:1.4!important; color:var(--nbn-ink)!important;-webkit-text-fill-color:currentColor!important;white-space:normal!important; } html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) :is(.menu-name,.nbn-column-title)>span{ display:block!important;max-width:100%;margin:4px 0 0!important;padding:0!important; color:var(--nbn-description)!important;-webkit-text-fill-color:currentColor!important; font-family:inherit!important;font-size:.846154em!important;font-weight:400!important;line-height:1.5!important; text-transform:none!important;letter-spacing:normal!important;white-space:normal!important;opacity:1!important; } html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) a[data-nbn-link]>.item{ font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important; } html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) :is(.menu-name,.nbn-column-title)>span :is(span,small,strong,b,em), html[data-nbnav-active] #nav.nabtech-navbar :is([data-nbmm-hover-panel],[data-nbn-source-panel]) a[data-nbn-link]>.item>span :is(span,small,strong,b,em){ color:inherit!important;-webkit-text-fill-color:currentColor!important;font-size:inherit!important; text-transform:none!important;letter-spacing:normal!important; } /* Same description hierarchy in the existing mobile accordion; promo HTML is excluded. */ #navbar-side[data-nbnav-side] #side li>a :is(.mtext,.item), #navbar-side[data-nbnav-side] #side li>a .menu-name{ text-transform:none!important;letter-spacing:normal!important; } #navbar-side[data-nbnav-side] #side li>a :is(.mtext,.item,.menu-name)>span:not(.badge):not(.arrow){ display:block!important;font-size:.846154em!important;font-weight:400!important;line-height:1.5!important; color:var(--nbn-description)!important;-webkit-text-fill-color:currentColor!important; margin-top:3px!important;opacity:1!important;text-transform:none!important;letter-spacing:normal!important; } /* 3.1.2 — only the visible TOP-LEVEL desktop navigation text is 2px smaller. Nabtech renders these labels in a direct inside the top-level . 1em here is the anchor's own theme-controlled size, not the document root. The anchor keeps its original size, so each label is reduced exactly once. Icons, avatars, badges, dropdown contents and the native mobile drawer keep their existing measurements. No new font family and no JavaScript sizing. For a 1.5px reduction instead, change only the 2px below to 1.5px. */ @media (min-width:992px) { html[data-nbnav-active] #nav.nabtech-navbar #primary-nav > .navbar-nav > li > a.nav-link > span:not(.badge):not(.user-avatar):not(.nbn-icon-tile):not(.nbn-caret):not(.nbn-shortcut) { font-size:calc(1em - 2px)!important; } } /* 3.1.3 — restore the desktop navigation row's vertical breathing room. Typography and all dropdown/mega-menu measurements remain exactly as defined above. */ @media (min-width:992px) { html[data-nbnav-active] #nav.nabtech-navbar > .container { } html[data-nbnav-active] #nav.nabtech-navbar #primary-nav, html[data-nbnav-active] #nav.nabtech-navbar #primary-nav > .navbar-nav { min-height:57px!important; align-items:center!important; } html[data-nbnav-active] #nav.nabtech-navbar #primary-nav > .navbar-nav > li > a.nav-link { min-height:48px!important; } html[data-nbnav-active] #nav.nabtech-navbar .navbar-header, html[data-nbnav-active] #nav.nabtech-navbar .navbar-right, html[data-nbnav-active] #nav.nabtech-navbar .top { align-items:center!important; } } /* 3.1.5 — Search trigger: magnifying-glass only. Ctrl+K remains functional in JavaScript; its visual hint is intentionally hidden. */ html[data-nbnav-active] #nav.nabtech-navbar .nbn-search-toggle .nbn-shortcut, html[data-nbnav-active] #nav.nabtech-navbar .nbn-search-toggle kbd { display:none!important; } /* 3.1.8 — Account uses the SAME .nbn-caret SVG inserted by navigation.js. Do not add a separate ::after/profile caret here. The generic rules above: .nbn-caret and a[data-nbn-caret]::after now apply to the account trigger exactly as they do to the other dropdowns. */ /* Fit open desktop mega menus to short laptop viewports without scrolling. */ @media (min-width:992px) { html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-panel[data-nbn-fit=compact] .nbn-mega-surface {padding:8px!important;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-panel[data-nbn-fit=compact] .nbn-mega-grid {gap:12px;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-panel[data-nbn-fit=compact] .nbn-menu-column[data-nbn-content=links] {padding:8px 2px;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-panel[data-nbn-fit=compact] .nbn-column-heading {margin-bottom:8px;padding:0 8px;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-panel[data-nbn-fit=compact] .nbn-menu-links>li>a[data-nbn-link] {min-height:42px!important;padding:6px!important;margin:1px 0!important;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-panel[data-nbn-fit=compact] .nbn-menu-links .nbn-icon-tile {width:28px;height:28px;flex-basis:28px;border-radius:9px;} html[data-nbnav-active] #nav.nabtech-navbar .nbn-mega-panel[data-nbn-fit=compact] .nbn-menu-column[data-nbn-content=html]:not([data-nbn-tone=raw]) {padding:14px;} } /* Outline account icon in a softly raised circular badge. */ #nav.nabtech-navbar .user-avatar.avatar-navbar > i.fa-user { display:inline-block!important;vertical-align:middle!important; width:40px!important;height:40px!important;min-width:40px!important; padding:0!important;margin:0!important;border:0!important;border-radius:0!important; font-size:0!important;line-height:0!important;box-shadow:none!important; background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22face%22%20x1%3D%22.15%22%20y1%3D%220%22%20x2%3D%22.85%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23ffffff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e7f1f5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22rim%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23e4edf3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a7c2d0%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2244%22%20rx%3D%2215%22%20ry%3D%221.2%22%20fill%3D%22%23244d65%22%20opacity%3D%22.06%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2225%22%20r%3D%2220%22%20fill%3D%22url%28%23rim%29%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2222.8%22%20r%3D%2219.3%22%20fill%3D%22url%28%23face%29%22%20stroke%3D%22%23d5e3eb%22%20stroke-width%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M9.2%2017a16%2016%200%200%201%2020-9%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23417f96%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2218.8%22%20r%3D%223.8%22%2F%3E%3Cpath%20d%3D%22M16.5%2030.8v-1.3c0-4.4%203.4-7.2%207.5-7.2s7.5%202.8%207.5%207.2v1.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat!important; filter:none; transition:transform .18s ease,filter .18s ease; } #nav.nabtech-navbar .user-avatar.avatar-navbar > i.fa-user::before, #nav.nabtech-navbar .user-avatar.avatar-navbar > i.fa-user::after {display:none!important;content:none!important;} #nav.nabtech-navbar a:hover .user-avatar.avatar-navbar > i.fa-user, #nav.nabtech-navbar a:focus-visible .user-avatar.avatar-navbar > i.fa-user {transform:translateY(-1px);filter:brightness(1.02);} @media (prefers-reduced-motion:reduce) { #nav.nabtech-navbar .user-avatar.avatar-navbar > i.fa-user {transition:none;transform:none!important;} } /* Legacy carets (from the old nav polish hook): the renderer draws its own .nbn-caret SVG. */ html[data-nbnav-active] #nav.nabtech-navbar .dropdown-toggle::after, html[data-nbnav-active] #nav.nabtech-navbar li:is(.Secondary_Navbar-Account,.user_icon,[data-menuItemName="Account"]) > a.dropdown-toggle::before, html[data-nbnav-active] #nav.nabtech-navbar li:is(.Secondary_Navbar-Account,.user_icon,[data-menuItemName="Account"]) > a.dropdown-toggle > span::before, html[data-nbnav-active] #nav.nabtech-navbar li:is(.Secondary_Navbar-Account,.user_icon,[data-menuItemName="Account"]) > a.dropdown-toggle > span::after, html[data-nbnav-active] #nav.nabtech-navbar li:is(.Secondary_Navbar-Account,[data-menuItemName="Account"]) .user-info::before, html[data-nbnav-active] #nav.nabtech-navbar li:is(.Secondary_Navbar-Account,[data-menuItemName="Account"]) .user-info::after {content:none!important;display:none!important;border:0!important;width:0!important;height:0!important;margin:0!important;} html[data-nbnav-active] #nav.nabtech-navbar li:is(.Secondary_Navbar-Account,[data-menuItemName="Account"]) :is(.caret,.fa-caret-down) {display:none!important;} /* Scroll areas: 3px, visible only while the pointer is over them. */ @supports not (-moz-appearance:none) { #navbar-side[data-nbnav-side] .sidebar-scroll,#nbnav-search .nbn-search-results,html[data-nbnav-active] #nav [data-nbmm-hover-panel],html[data-nbnav-active] #nav [data-nbn-account-panel] {scrollbar-width:auto;scrollbar-color:auto;} #navbar-side[data-nbnav-side] .sidebar-scroll::-webkit-scrollbar,#nbnav-search .nbn-search-results::-webkit-scrollbar,html[data-nbnav-active] #nav [data-nbmm-hover-panel]::-webkit-scrollbar,html[data-nbnav-active] #nav [data-nbn-account-panel]::-webkit-scrollbar {display:block!important;width:3px!important;height:3px!important;} #navbar-side[data-nbnav-side] .sidebar-scroll::-webkit-scrollbar-track,#nbnav-search .nbn-search-results::-webkit-scrollbar-track,html[data-nbnav-active] #nav [data-nbmm-hover-panel]::-webkit-scrollbar-track,html[data-nbnav-active] #nav [data-nbn-account-panel]::-webkit-scrollbar-track, #navbar-side[data-nbnav-side] .sidebar-scroll::-webkit-scrollbar-corner,#nbnav-search .nbn-search-results::-webkit-scrollbar-corner,html[data-nbnav-active] #nav [data-nbmm-hover-panel]::-webkit-scrollbar-corner,html[data-nbnav-active] #nav [data-nbn-account-panel]::-webkit-scrollbar-corner {background:transparent;} #navbar-side[data-nbnav-side] .sidebar-scroll::-webkit-scrollbar-thumb,#nbnav-search .nbn-search-results::-webkit-scrollbar-thumb,html[data-nbnav-active] #nav [data-nbmm-hover-panel]::-webkit-scrollbar-thumb,html[data-nbnav-active] #nav [data-nbn-account-panel]::-webkit-scrollbar-thumb {background:transparent;border-radius:99px;} #navbar-side[data-nbnav-side] .sidebar-scroll:hover::-webkit-scrollbar-thumb,#nbnav-search .nbn-search-results:hover::-webkit-scrollbar-thumb,html[data-nbnav-active] #nav [data-nbmm-hover-panel]:hover::-webkit-scrollbar-thumb,html[data-nbnav-active] #nav [data-nbn-account-panel]:hover::-webkit-scrollbar-thumb {background:var(--nbn-muted,#7b91af);} #navbar-side[data-nbnav-side] .sidebar-scroll::-webkit-scrollbar-button,#nbnav-search .nbn-search-results::-webkit-scrollbar-button,html[data-nbnav-active] #nav [data-nbmm-hover-panel]::-webkit-scrollbar-button,html[data-nbnav-active] #nav [data-nbn-account-panel]::-webkit-scrollbar-button {display:none;width:0;height:0;} } @supports (-moz-appearance:none) { #navbar-side[data-nbnav-side] .sidebar-scroll,#nbnav-search .nbn-search-results,html[data-nbnav-active] #nav [data-nbmm-hover-panel],html[data-nbnav-active] #nav [data-nbn-account-panel] {scrollbar-width:thin;scrollbar-color:transparent transparent;} #navbar-side[data-nbnav-side] .sidebar-scroll:hover,#nbnav-search .nbn-search-results:hover,html[data-nbnav-active] #nav [data-nbmm-hover-panel]:hover,html[data-nbnav-active] #nav [data-nbn-account-panel]:hover {scrollbar-color:var(--nbn-muted,#7b91af) transparent;} }