.gooey-nav-container{position:relative}.gooey-nav-container nav{display:flex;position:relative}.gooey-nav-container nav ul{z-index:3;color:#fff;gap:.35em;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{cursor:pointer;color:#ffffff9e;border-radius:100vw;transition:color .3s;position:relative}.gooey-nav-container nav ul li a{letter-spacing:.02em;color:inherit;padding:.55em 1em;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){outline-offset:2px;outline:1.5px solid #ffffff73}.gooey-nav-container nav ul li:after{content:"";-webkit-backdrop-filter:blur(14px)saturate(1.35);opacity:0;z-index:-1;background:linear-gradient(145deg,#ffffff2e 0%,#ffffff0f 100%);border:1px solid #ffffff47;border-radius:100vw;transition:opacity .28s,transform .28s;position:absolute;inset:0;transform:scale(.92);box-shadow:inset 0 1px #ffffff47}.gooey-nav-container nav ul li.active{color:#fff}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.gooey-nav-container nav ul li:after{transition:opacity .15s;transform:none}}