#masthead{position:sticky;top:0;z-index:100;height:var(--ng-masthead-height);background:var(--ng-color-bg);border-bottom:1px solid var(--ng-color-border);display:flex;align-items:center}#masthead>.wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--ng-gutter);height:100%}#logo{flex-shrink:0}#logo a{display:flex;align-items:center;color:inherit}#logo img,#logo svg{height:36px;width:auto;display:block}#menuholder{display:flex;align-items:center;flex:1;justify-content:flex-end}#mainmenu{display:flex;align-items:center;gap:4px;list-style:none}#mainmenu>li{position:relative}#mainmenu>li>:is(a,button){display:inline-flex;align-items:center;gap:.3em;padding:8px 14px;font-size:16px;font-family:var(--ng-font-body);font-weight:500;color:inherit;border-radius:var(--ng-radius);white-space:nowrap;transition:background-color .15s ease;line-height:1.2}#mainmenu>li>:is(a,button):hover,#mainmenu>li>:is(a,button):focus-visible{background-color:var(--ng-color-bg-alt)}#mainmenu>li>:is(a,button)[aria-current=page],#mainmenu>li>:is(a,button).current{background-color:var(--ng-color-bg-alt);font-weight:700}#mainmenu>li>div.submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--ng-color-bg);border:1px solid var(--ng-color-border);border-radius:var(--ng-radius);padding:8px 0;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;z-index:20}#mainmenu>li>div.submenu:before{content:"";display:block;position:absolute;top:-12px;left:0;width:100%;height:12px;background:0 0}#mainmenu>li.active>div.submenu{opacity:1;visibility:visible}#mainmenu>li>div.submenu li{padding:0 8px}#mainmenu>li>div.submenu li a{display:block;padding:8px 12px;font-size:15px;font-weight:500;color:inherit;border-radius:var(--ng-radius-sm);transition:background-color .1s ease}#mainmenu>li>div.submenu li a:hover,#mainmenu>li>div.submenu li a:focus-visible{background-color:var(--ng-color-bg-alt)}#mainmenu>li>button .chevron{display:inline-block;width:.5em;height:.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;margin-left:2px}#mainmenu>li.active>button .chevron{transform:rotate(-135deg) translateY(-2px)}#secondary{display:flex;align-items:center;gap:8px;flex-shrink:0}.hamburger{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--ng-radius);transition:background-color .15s ease;position:relative}.hamburger:hover{background-color:var(--ng-color-bg-alt)}.hamburger span,.hamburger span:before,.hamburger span:after{display:block;width:22px;height:2px;background:var(--ng-color-text);border-radius:2px;transition:transform .25s ease,opacity .25s ease}.hamburger span{position:relative}.hamburger span:before,.hamburger span:after{content:"";position:absolute;left:0}.hamburger span:before{top:-7px}.hamburger span:after{top:7px}body.navshown .hamburger span{background:0 0}body.navshown .hamburger span:before{transform:rotate(45deg) translate(5px,5px)}body.navshown .hamburger span:after{transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:1023.98px){.hamburger{display:flex}#menuholder{display:block;position:fixed;top:var(--ng-masthead-height);left:0;width:100%;height:calc(100dvh - var(--ng-masthead-height));background:var(--ng-color-bg);padding:16px var(--ng-wrapper-margin);overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease;z-index:99}body.navshown #menuholder{transform:translateX(0)}#mainmenu{flex-direction:column;align-items:stretch;gap:4px}#mainmenu>li>:is(a,button){width:100%;font-size:18px;padding:12px 16px}#mainmenu>li>div.submenu{position:static;opacity:1;visibility:visible;border:none;border-left:2px solid var(--ng-color-border);border-radius:0;padding:4px 0 4px 16px;margin:4px 0 8px 16px;display:none}#mainmenu>li.active>div.submenu{display:block}}@media (prefers-color-scheme:dark){#masthead{background:var(--ng-color-footer-1);border-color:rgba(255,255,255,.1);color:#fff}#menuholder{background:var(--ng-color-footer-1)}#mainmenu>li>:is(a,button):hover,#mainmenu>li>div.submenu li a:hover{background-color:rgba(255,255,255,.08)}#mainmenu>li>div.submenu{background:var(--ng-color-footer-2);border-color:rgba(255,255,255,.1)}}