.nav{position:sticky;top:0;z-index:100;background-color:var(--color-ice-75);backdrop-filter:blur(10px)}.nav-container{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.nav-logo-container{display:flex;flex-direction:column;align-items:flex-start;width:108px;padding:8px 0}.nav-left-container{gap:120px}.nav-left-container,.nav-links,.nav-right-container{display:flex;align-items:center}.nav-right-container{gap:10px}.nav .nav-links,.nav .nav-logo-container,.nav .nav-right-container{opacity:0}.nav-visible .nav-links,.nav-visible .nav-logo-container,.nav-visible .nav-right-container{opacity:1}.nav-animate .mobile-nav-trigger{opacity:0;transform:translateY(-12px);animation:navStaggerIn var(--nav-animation-duration) ease-out calc(var(--nav-animation-delay) + var(--nav-stagger-offset)) forwards}.nav-submenu-panel{position:absolute;top:100%;left:0;right:0;background-color:var(--color-slate);opacity:0;visibility:hidden;overflow:hidden;transform:translateY(-4px);transition:opacity .15s ease-out,visibility .15s ease-out,transform .15s ease-out,height .25s ease-out;pointer-events:none}.nav-submenu-panel--open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media (max-width:1024px){.nav-links,.nav-right-container,.nav-submenu-panel{display:none}}