:root{--linear-ease:cubic-bezier(.25, 1, .5, 1)}.gooey-nav-container{position:relative}.gooey-nav-container nav{display:flex;position:relative}.gooey-nav-container nav ul{z-index:3;gap:.5em;margin:0;padding:0 .5em;list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{cursor:pointer;transition:all .3s var(--linear-ease);color:#6b7280;border-radius:100vw;position:relative}.gooey-nav-container nav ul li a{color:inherit;white-space:nowrap;align-items:center;gap:.5rem;padding:.6em 1.2em;font-size:13px;font-weight:700;text-decoration:none;display:flex}.gooey-nav-container nav ul li:after{content:"";opacity:0;transition:all .4s var(--linear-ease);z-index:-1;background:#0c183a;border-radius:100vw;position:absolute;inset:0;transform:scale(.9)}.gooey-nav-container nav ul li.active{color:#fff}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.gooey-nav-container nav ul li:hover:not(.active){background-color:#0c183a0d}