.gooey-nav-container{justify-content:center;align-items:center;display:flex;position:relative}.gooey-nav-container nav ul{z-index:2;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{position:relative}.gooey-nav-container nav ul li>a{color:var(--foreground);z-index:3;opacity:.65;border-radius:9999px;padding:.45rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s;display:block;position:relative}.gooey-nav-container nav ul li.active>a{opacity:0}.gooey-nav-container nav ul li>a:hover{opacity:.9}.gooey-nav-container nav ul li .dropdown-link{opacity:1!important;color:var(--foreground)!important}.gooey-nav-container nav ul li .dropdown-link:hover{opacity:1!important}.gooey-nav-container .effect{pointer-events:none;z-index:1;border-radius:9999px;transition:left .5s cubic-bezier(.16,1,.3,1),top .5s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1);position:absolute;overflow:hidden}.gooey-nav-container .effect.filter{background:var(--foreground);filter:url(#gooey-filter)blur();--color-1:#2b9edc;--color-2:orange;--color-3:#5bc4f5;--color-4:#ff7a00}.dark .gooey-nav-container .effect.filter{background:var(--foreground);--color-1:#60c4f5;--color-2:#ffb347;--color-3:#93daff;--color-4:#ffd580}.gooey-nav-container .effect.text{color:var(--background);z-index:4;opacity:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:opacity .2s;display:flex}.gooey-nav-container .effect.text.active{opacity:1}.gooey-nav-container .particle{background:var(--color,white);pointer-events:none;width:8px;height:8px;animation:particle-anim var(--time,.8s) ease-out forwards;transform-origin:50%;border-radius:50%;position:absolute;top:50%;left:50%}.gooey-nav-container .particle .point{background:inherit;width:100%;height:100%;transform:scale(var(--scale,1)) rotate(var(--rotate,0deg));border-radius:50%;display:block}@keyframes particle-anim{0%{transform:translate(calc(var(--start-x,0px) - 50%), calc(var(--start-y,0px) - 50%)) scale(1);opacity:1}to{transform:translate(calc(var(--end-x,0px) - 50%), calc(var(--end-y,0px) - 50%)) scale(0);opacity:0}}