nav{display:flex;flex-flow:row nowrap;align-items:center;align-content:normal;justify-content:space-between;gap:0;padding-left:3.125rem;padding-right:3.125rem;padding-left:var(--nav-pad-x, 3.125rem);padding-right:var(--nav-pad-x, 3.125rem);--shadow-radius: .5rem;transition:box-shadow var(--trans-time) var(--trans-fnc);box-shadow:0 0 .5rem #00000026;position:sticky;inset:0 0 auto;width:100%;height:var(--nav-height);max-height:var(--nav-height);background-color:var(--color-secondary--darken);font-family:prometo,sans-serif;z-index:9999}@supports (color: hsl(0,0%,0%)){nav{box-shadow:0 0 var(--shadow-radius) 0 hsl(0,0%,0%,var(--shadow-alpha, 15%))}}@media (hover: hover){nav:is(a):hover{--shadow-alpha: 30%}nav:is(button):hover{--shadow-alpha: 30%}nav:is(select):hover{--shadow-alpha: 30%}nav:is(input):hover{--shadow-alpha: 30%}nav:is(textarea):hover{--shadow-alpha: 30%}}nav:is(input):focus{--shadow-alpha: 30%}nav:is(textarea):focus{--shadow-alpha: 30%}nav:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}@media only screen and (max-width: 1440px){nav{--nav-pad-x: 2rem}}@media only screen and (max-width: 1024px){nav{--nav-pad-x: 1.5rem}}@media only screen and (max-width: 425px){nav{--nav-pad-x: 1rem}}.nav__logo{--logo-height: 2.4rem;height:2.4rem;height:var(--logo-height)}@media only screen and (max-width: 1366px){.nav__logo{--logo-height: 2.2rem}}.nav__logo>svg{display:block;height:100%}
