.nav-menu:has(li>span):before{content:"";position:absolute;width:100%;height:100vh;z-index:-20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:hsla(273,5%,42%,.75)}.nav-menu:has(li>span):after{content:"";position:absolute;width:100%;height:var(--content-height);z-index:-10;top:0;background:hsla(0,0%,96%,.85)}.nav-trigger[data-state=open]{color:var(--black)}@media (max-width:1024px){.nav-menu:not(:has(li>span)){background:#f3f3f4}}@media (min-width:1024px){.nav-menu:not(:has(li>span)){background:hsla(240,4%,95%,.85);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}}.mobile-menu{--x-width:calc(var(--hamburger-height) * 1.41421356237);display:flex;flex-direction:column;justify-content:center;gap:var(--hamburger-gap);width:var(--bar-width)}.mobile-menu input,.mobile-menu:after,.mobile-menu:before{content:"";width:var(--bar-width);height:var(--bar-height);background-color:var(--black);border-radius:9999px;transform-origin:left center;transition:opacity var(--animation-timing),width var(--animation-timing),translate var(--animation-timing),rotate var(--animation-timing)}.mobile-menu input{appearance:none;padding:0;margin:0;outline:none;pointer-events:none}.mobile-menu:has(input:checked):before{rotate:45deg;width:var(--x-width);translate:0 calc(var(--bar-height) / -2)}.mobile-menu:has(input:checked):after{rotate:-45deg;width:var(--x-width);translate:0 calc(var(--bar-height) / 2)}.mobile-menu input:checked{opacity:0;width:0}