.gooey-nav-container{padding:4px 0;position:relative}.gooey-nav-container nav{display:flex;position:relative}.gooey-nav-container nav ul{gap:.25em;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{cursor:pointer;color:#64748b;border-radius:100vw;transition:color .3s;position:relative}.gooey-nav-container nav ul li a{color:inherit;white-space:nowrap;padding:.4em .85em;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.gooey-nav-container nav ul li:hover{color:#0f172a}.gooey-nav-container nav ul li:after{content:"";opacity:0;z-index:-1;background:#2563eb;border-radius:100vw;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:scale(.85)}.gooey-nav-container nav ul li.active{color:#fff}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}