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;box-shadow:0 0 var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, 15%));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}@media (hover: hover){nava:hover,navbutton:hover,navselect:hover,navinput:hover,navtextarea:hover{--shadow-alpha: 30%}}navinput:focus,navtextarea:focus,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%}