.gooey-nav-container{--gooey-bg: var(--accent);--gooey-fg: #050505;--gooey-muted: rgba(242, 240, 234, .72);position:relative;padding:6px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg),transparent 8%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.gooey-nav-container.is-light{--gooey-bg: var(--accent);--gooey-fg: #050505;--gooey-muted: rgba(9, 9, 9, .68)}.gooey-nav-container nav{position:relative;z-index:3}.gooey-nav-container ul{display:flex;gap:8px;list-style:none;margin:0;padding:0}.gooey-nav-container li{position:relative;border-radius:999px}.gooey-nav-container a{display:flex;min-height:28px;align-items:center;padding:0 12px;border-radius:999px;color:var(--gooey-muted);font-family:Courier New,monospace;font-size:11px;text-decoration:none;text-transform:uppercase;white-space:nowrap}.gooey-nav-container li.active a{color:transparent}.gooey-nav-container .effect{position:absolute;pointer-events:none;display:grid;place-items:center;border-radius:999px;z-index:1}.gooey-nav-container .effect.text{z-index:4;color:var(--gooey-fg);font-family:Courier New,monospace;font-size:11px;text-transform:uppercase}.gooey-nav-container .effect.text.active{animation:none}.gooey-nav-container .effect.filter{background:var(--gooey-bg);filter:none;mix-blend-mode:normal;box-shadow:none}.gooey-nav-container .particle{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:999px;background:var(--gooey-bg);display:none;animation:none}@keyframes gooey-particle{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(0)}}@keyframes gooey-text{0%{transform:scale(.86)}to{transform:scale(1)}}@media(max-width:760px){.gooey-nav-container{max-width:calc(100vw - 118px);overflow-x:auto;scrollbar-width:none}.gooey-nav-container::-webkit-scrollbar{display:none}.gooey-nav-container a{min-height:26px;padding:0 8px;font-size:10px}}