.gooey-nav-container{position:relative;display:inline-block}.gooey-nav-container nav ul{display:flex;gap:.25em;list-style:none;padding:0;margin:0;position:relative}.gooey-nav-container nav ul li{position:relative}.gooey-nav-container nav ul li a{display:inline-block;padding:.42em .85em;font-size:13.5px;font-weight:500;color:var(--ink-text-dim);text-decoration:none;position:relative;z-index:2;border-radius:100vw;transition:color .25s ease,background .2s ease}.gooey-nav-container nav ul li:not(.active):hover a{color:var(--ink-text);background:var(--ink-800)}.gooey-nav-container nav ul li.active a{color:#fff;font-weight:600}.gooey-nav-pill{position:absolute;left:0;top:0;width:0;height:0;background:var(--accent-bright);border-radius:100vw;z-index:1;pointer-events:none;box-shadow:0 4px 12px var(--accent-glow)}.gooey-nav-pill.is-ready{transition:left .42s cubic-bezier(.34,1.4,.64,1),top .42s cubic-bezier(.34,1.4,.64,1),width .42s cubic-bezier(.34,1.4,.64,1),height .42s cubic-bezier(.34,1.4,.64,1)}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){outline:2px solid var(--accent-bright);outline-offset:2px;border-radius:100vw}