.main-nav-menu-button{--display: flex;position:relative;height:48px;width:48px;aspect-ratio:1;border-radius:100%;display:var(--display);place-items:center;color:light-dark(var(--clr-metal-950),var(--clr-white));background:light-dark(var(--clr-metal-50),var(--clr-metal-800))}.main-nav-menu-button .icon{--width: 1.6rem;position:absolute;aspect-ratio:1;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%);transform-origin:0% 0%;transition:rotate .3s,opacity .3s}.main-nav-menu-button .icon:last-child{opacity:0;rotate:-90deg}.main-nav-menu-button.active .icon:first-child{opacity:0;rotate:-90deg}.main-nav-menu-button.active .icon:last-child{opacity:1;rotate:0deg}#main-nav-container{container:main-nav / inline-size;width:100%;padding:24px 40px;z-index:500;max-width:var(--site-max-width)}@media screen and (max-width: 1200px){#main-nav-container{padding:16px}}@media screen and (max-width: 810px){#main-nav-container{padding:12px}}#main-nav-container [md],#main-nav-container [sm]{display:none}#main-nav{font-size:clamp(.5rem,.9cqw,1em);width:100%;min-height:5.6rem;display:grid;grid-template-columns:auto 1fr auto;place-items:center start;gap:28px;background:light-dark(var(--clr-white),var(--clr-metal-900));padding:16px 24px 16px 32px;border-radius:10em;box-shadow:0 1.2em 6.4em #171a5714}@media screen and (max-width: 810px){#main-nav{padding:12px 16px 12px 24px}}@media screen and (max-width: 809px){#main-nav{grid-template-columns:auto auto;justify-content:space-between}}#main-nav a:has(.logo-light-dark){display:flex;place-items:center;height:100%;border-radius:inherit 0 inherit 0}#main-nav a:has(.logo-light-dark):focus{outline:none}#main-nav .main-nav-hamburger{padding:2.4rem var(--pad-lr);background:none}#main-nav .main-nav-hamburger .bg{border-radius:1.4rem;background:light-dark(var(--clr-white),var(--clr-metal-950));padding:1em 0 2.4em;display:flex;flex-flow:column;gap:1.6em}#main-nav .main-nav-hamburger .bg .select-menu{padding:0 .5em;box-shadow:none}#main-nav .main-nav-hamburger .bg .select-menu .select-option{justify-content:start;gap:1.2em}#main-nav .main-nav-hamburger .bg .select-menu .select-option.active,#main-nav .main-nav-hamburger .bg .select-menu .select-option:focus{background:none}#main-nav .main-nav-hamburger .bg .select-menu .select-option .icon{--width: .9em;--height: .9em}#main-nav .main-nav-hamburger .bg .select-menu,#main-nav .main-nav-hamburger .bg .select-menu>*{background:none;color:light-dark(var(--clr-metal-950),var(--clr-white))}#main-nav .main-nav-hamburger .bg .select-menu label,#main-nav .main-nav-hamburger .bg .select-menu>* label{font-weight:700}#main-nav .main-nav-hamburger .flow.col{display:flex;flex-flow:column;gap:1.6em;padding:0 2.4em}#main-nav .main-nav-hamburger .button{font-size:.88rem}#main-nav .button{font-size:1em}#main-nav .main-nav-button{--display: flex;cursor:pointer!important}#main-nav .main-nav-button :not(>#page-library){color-scheme:light}#main-nav .main-nav-button:hover{background:light-dark(var(--clr-metal-50),var(--clr-metal-800))}#main-nav .main-nav-button.active label{--color: var(--clr-green-900) !important;color:var(--clr-green-900)!important}#main-nav .main-nav-button.active:before{scale:1;opacity:1}#main-nav .main-nav-button.active:has(label)>*:nth-child(1):is(.icon){transform:none!important}#main-nav .main-nav-button:before{display:none}#main-nav>.main-nav-button-group .main-nav-button{height:4em}#main-nav>.main-nav-button-group .main-nav-button .icon{--width: 1.8em;--height: 1.8em;--color: light-dark(var(--clr-metal-950), var(--clr-white))}#main-nav>.main-nav-button-group .main-nav-button.active label{color:var(--clr-green-900)}#main-nav>.main-nav-button-group .main-nav-button.active label:after{content:"";display:block;background-color:var(--clr-green-900);height:1px;width:calc(100% + 6px);position:relative;left:-3px;margin-bottom:-1px}#main-nav>.main-nav-button-group .main-nav-button.active .icon{--color: var(--clr-green-900)}#main-nav .right-side{display:grid;grid-auto-flow:column;place-items:center;gap:1em}@media screen and (max-width: 810px){#main-nav .right-side{gap:2em}}#main-nav .right-side hr[vr]{width:1px;height:5.6em;background:var(--clr-metal-100)}#main-nav .right-side .main-nav-button{height:max(4rem,4.8em)}#main-nav .right-side .main-nav-button.active .icon{color:var(--clr-green-900)}#primary-nav-cta:disabled{background-color:light-dark(var(--bg-dis),var(--clr-metal-800))}html[data-theme=light] #main-nav .main-nav-hamburger{color-scheme:dark}html[data-theme=dark] #main-nav .main-nav-hamburger{color-scheme:light}
