/* A full-width glass bar at the top edge. The backdrop lives
   on a pseudo-element so fixed mobile panels keep the viewport as their frame. */
.js-nav-header.header-bar[data-nav-glass]{
 --oe-nav-top:0px;--oe-nav-side:16px;--oe-nav-ink:#343434;
 top:0;left:0;right:0;
 border-radius:0;isolation:isolate;color:var(--oe-nav-ink);overflow:visible;
 background:transparent!important;transition:color .2s ease;
}
.js-nav-header.header-bar[data-nav-glass]::before{
 inset:0;border:0;border-radius:0;
 background:transparent;backdrop-filter:blur(20px) saturate(140%);
 -webkit-backdrop-filter:blur(20px) saturate(140%);
 box-shadow:none;transition:background-color .2s ease,border-color .2s ease;
}
.js-nav-header[data-nav-glass][data-nav-tone="dark"]{--oe-nav-ink:#fffef9;}
.js-nav-header.header-bar[data-nav-glass][data-nav-tone="dark"]::before{
 background:rgba(52,52,52,.28);
}
.js-nav-header.header-bar[data-nav-glass][data-nav-logo-window]::before{background:rgba(255,254,249,.7);}
.js-nav-header[data-nav-glass] .header-bar__inner > nav{max-width:min(120rem,1920px);padding-inline:32px;}
.js-nav-header[data-nav-glass] .js-nav-item > .submenu-trigger,
.js-nav-header[data-nav-glass] .js-nav-item > .submenu-trigger > a{color:var(--oe-nav-ink)!important;}
.js-nav-header[data-nav-glass] .js-nav-dot{background:var(--oe-nav-ink);}
.js-nav-header[data-nav-glass] .oe-login{color:var(--oe-nav-ink);}
.js-nav-header[data-nav-glass] .oe-account-control{background:rgba(233,237,223,.62);}
.js-nav-header[data-nav-glass][data-nav-tone="dark"] .oe-account-control{background:rgba(255,254,249,.12);}
.js-nav-header[data-nav-glass][data-nav-tone="dark"] .oe-audit{background:#fffef9;color:#343434;}
.js-nav-header[data-nav-glass][data-nav-tone="dark"] .oe-logo :is(.oe-logo__wordmark img,.oe-logo__mark-face img){filter:brightness(0) invert(1);}
.js-nav-header[data-nav-glass] .nav-mobile-trigger{color:var(--oe-nav-ink);}
.js-nav-header[data-nav-glass] .nav-mobile-trigger__bar{background:currentColor;}
.js-nav-header[data-nav-glass] .js-nav-mobile-topbar{padding:16px 20px;border:0;background:transparent!important;}
.js-nav-header[data-nav-glass] .nav-mobile-overlay{
 top:calc(var(--oe-nav-top) + env(safe-area-inset-top,0px) + var(--nav-mobile-topbar-height,66px) + 8px);
 right:var(--oe-nav-side);bottom:var(--oe-nav-side);width:calc(100vw - 2 * var(--oe-nav-side));
 border-radius:14px;background:#fffef9;box-shadow:0 8px 40px rgba(52,52,52,.12);
 transform:translateX(calc(100% + var(--oe-nav-side)));
}
.js-nav-header[data-nav-glass] .nav-mobile-overlay.is-open{transform:translateX(0);}
.js-nav-header[data-nav-glass] .nav-mobile-overlay__stage{margin-top:24px;}
.js-nav-header[data-nav-glass] .nav-mobile-backdrop{
 top:calc(var(--oe-nav-top) + env(safe-area-inset-top,0px) + var(--nav-mobile-topbar-height,66px) + 8px);
}
.js-nav-header.header-bar[data-nav-glass].is-mobile-menu-open{--oe-nav-ink:#343434;}
.js-nav-header.header-bar[data-nav-glass].is-mobile-menu-open::before{background:rgba(255,254,249,.92);}
.js-nav-header[data-nav-glass].is-mobile-menu-open .oe-logo :is(.oe-logo__wordmark img,.oe-logo__mark-face img){filter:none;}
.js-nav-header[data-nav-glass] :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:4px;}
@media(prefers-reduced-transparency:reduce){
 .js-nav-header.header-bar[data-nav-glass]::before{background:#fffef9;backdrop-filter:none;-webkit-backdrop-filter:none;}
 .js-nav-header.header-bar[data-nav-glass][data-nav-tone="dark"]::before{background:#343434;}
}
@media(prefers-reduced-motion:reduce){
 .js-nav-header.header-bar[data-nav-glass],.js-nav-header.header-bar[data-nav-glass]::before{transition:none;}
}