.gooey-nav-container{--gooey-color-1:#fff;--gooey-color-2:#d9d4ff;--gooey-color-3:#aaa1ee;isolation:isolate;position:relative}.gooey-nav-container ul{z-index:3;align-items:center;gap:3px;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav-container li{color:#ffffffd1;border-radius:999px;transition:color .3s,box-shadow .3s;position:relative}.gooey-nav-container li a{white-space:nowrap;padding:10px 12px;display:block}.gooey-nav-container li:after{content:"";z-index:-1;border-radius:inherit;opacity:0;background:#fff;transition:opacity .3s,transform .3s;position:absolute;inset:0;transform:scale(.72)}.gooey-nav-container li.active{color:var(--purple);text-shadow:none}.gooey-nav-container li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container li:focus-within:has(:focus-visible){box-shadow:0 0 0 2px #fff,0 0 0 4px #aca3efa6}.gooey-effect{z-index:1;pointer-events:none;opacity:1;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.gooey-text{z-index:4;color:#0000;font:inherit;transition:color .3s}.gooey-text.active{color:var(--purple)}.gooey-filter{filter:blur(7px)contrast(70)blur();mix-blend-mode:screen}.gooey-filter:before{content:"";z-index:-2;display:none;position:absolute;inset:-62px}.gooey-filter:after{content:"";z-index:-1;opacity:0;background:#fff;border-radius:999px;position:absolute;inset:0;transform:scale(0)}.gooey-filter.active:after{animation:.3s both gooey-pill}.gooey-particle,.gooey-point{opacity:0;transform-origin:50%;border-radius:50%;width:14px;height:14px;display:block}.gooey-particle{animation:gooey-particle var(--time) ease 1 -350ms;position:absolute;top:calc(50% - 7px);left:calc(50% - 7px)}.gooey-point{background:var(--color);animation:gooey-point var(--time) ease 1 -350ms}@keyframes gooey-pill{to{opacity:1;transform:scale(1)}}@keyframes gooey-particle{0%{opacity:1;transform:rotate(0deg) translate(var(--start-x), var(--start-y))}70%{opacity:1;transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2))}85%{opacity:1;transform:rotate(calc(var(--rotate) * .66)) translate(var(--end-x), var(--end-y))}to{opacity:1;transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5))}}@keyframes gooey-point{0%{opacity:0;transform:scale(0)}38%{opacity:1}65%,85%{opacity:1;transform:scale(var(--scale))}to{opacity:0;transform:scale(0)}}@media (prefers-reduced-motion:reduce){.gooey-nav-container li,.gooey-nav-container li:after,.gooey-text{transition:none}.gooey-particle,.gooey-point,.gooey-filter.active:after{animation:none}}