.gooey-nav-container{--gnav-pill:var(--text);--gnav-pill-text:var(--bg-elevated);width:max-content;position:relative}.gooey-nav-container nav{display:flex;position:relative}.gooey-nav-container nav ul{color:var(--muted);gap:2px;margin:0;padding:0;list-style:none;display:flex}.gooey-nav-container nav ul li{isolation:isolate;cursor:pointer;transition:color .25s;position:relative}.gooey-nav-container nav ul li button{color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.46em .7em;font-size:12px;font-weight:500;display:inline-block}.gooey-nav-container nav ul li:hover{color:var(--text)}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 0 2px var(--accent);border-radius:9999px}.gooey-nav-container nav ul li:after{content:"";background:var(--gnav-pill);opacity:0;z-index:-1;border-radius:9999px;transition:opacity .25s,transform .25s;position:absolute;inset:0;transform:scale(.85)}.gooey-nav-container nav ul li.active{color:var(--gnav-pill-text)}.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:none}}