.gooey-nav-container{position:relative}.gooey-nav-container ul{z-index:2;gap:.25rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav-container ul li{border-radius:9999px;position:relative}.gooey-nav-container ul li a{z-index:2;letter-spacing:-.01em;color:color-mix(in srgb, var(--color-bone) 80%, transparent);padding:.45rem .8rem;font-size:.875rem;font-weight:500;line-height:1.4;text-decoration:none;transition:color .22s;display:inline-block;position:relative}.gooey-nav-container ul li a:hover{color:var(--color-bone)}.gooey-nav-container ul li.active a{color:var(--color-ink);font-weight:600}.nav-sliding-pill{background:var(--color-bone);pointer-events:none;opacity:0;z-index:1;border-radius:9999px;width:0;height:0;position:absolute;top:0;left:0}.nav-sliding-pill.nav-sliding-pill--animated{transition:left .28s cubic-bezier(.16,1,.3,1),top .28s cubic-bezier(.16,1,.3,1),width .28s cubic-bezier(.16,1,.3,1),height .28s cubic-bezier(.16,1,.3,1),opacity .18s}@media (prefers-reduced-motion:reduce){.nav-sliding-pill.nav-sliding-pill--animated{transition:opacity .12s}}