.gooey-nav-container{position:relative;width:100%;padding:20px 0;display:flex;justify-content:center}.gooey-stage{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;filter:url(#goo);-webkit-filter:url(#goo)}.gooey-nav-container nav{position:relative;z-index:10}.gooey-nav-container ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.gooey-nav-container li{position:relative}.gooey-nav-container a{display:block;padding:12px 24px;color:#475569;text-decoration:none;font-weight:600;transition:all .3s;cursor:pointer;position:relative;z-index:2;border-radius:99px;background-color:transparent}.gooey-nav-container a:hover{background-color:#94a3b81a;color:#0f172a}:global(.dark) .gooey-nav-container a{color:#e2e8f0}:global(.dark) .gooey-nav-container a:hover{background-color:#ffffff0d;color:#fff}.gooey-nav-container li.active a{color:transparent}.gooey-nav-container .effect.filter{position:absolute;z-index:1;background:#3b82f6;border-radius:99px;pointer-events:none;transition:all .5s cubic-bezier(.68,-.55,.27,1.55)}.particle{position:absolute;top:50%;left:50%;width:10px;height:10px;pointer-events:none;transform:translate(-50%,-50%)}.particle .point{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--color, white);animation:particle-fly var(--time) ease-out forwards}@keyframes particle-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--end-x),var(--end-y)) scale(0);opacity:0}}.gooey-nav-container .effect.text{position:absolute;pointer-events:none;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;z-index:11;opacity:0;transition:opacity .2s}.gooey-nav-container .effect.text.active{opacity:1}.gooey-nav-container{--color-1: #60a5fa;--color-2: #93c5fd;--color-3: #2563eb;--color-4: #ffffff}.logoloop{position:relative;overflow:hidden;display:flex;width:100%;z-index:10;-webkit-user-select:none;user-select:none;--logoloop-gap: 32px;--logoloop-logoHeight: 28px}.logoloop--horizontal{flex-direction:row}.logoloop--vertical{flex-direction:column;height:100%}.logoloop__track{display:flex;will-change:transform}.logoloop--vertical .logoloop__track{flex-direction:column}.logoloop__list{display:flex;flex-shrink:0;align-items:center;list-style:none;margin:0;padding:0;gap:var(--logoloop-gap);padding-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__list{flex-direction:column;padding-right:0;padding-bottom:var(--logoloop-gap)}.logoloop__item{display:flex;align-items:center;justify-content:center;height:var(--logoloop-logoHeight)}.logoloop__item img{height:100%;width:auto;object-fit:contain;pointer-events:none}.logoloop__link{display:flex;align-items:center;height:100%;transition:opacity .2s}.logoloop__link:hover{opacity:.8}.logoloop--fade{mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.logoloop--vertical.logoloop--fade{mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent)}.logoloop--scale-hover .logoloop__item{transition:transform .3s ease}.logoloop--scale-hover .logoloop__item:hover{transform:scale(1.1)}