:root{--color-1:#fff;--color-2:#bae6fd;--color-3:#00bcf2;--color-4:#0078d4}.gooey-nav-container{-webkit-backdrop-filter:blur(28px)saturate(180%);background:#0b1220a6;border:1px solid #ffffff26;border-top-color:#ffffff40;align-items:center;padding:4px;display:inline-flex;position:relative;box-shadow:0 10px 30px -5px #0009,inset 0 1px #ffffff26;border-radius:0!important}.gooey-nav-container nav{z-index:2;align-items:center;display:flex;position:relative}.gooey-nav-container nav ul{flex-direction:row;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.gooey-nav-container nav ul li{z-index:2;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.gooey-nav-container nav ul li a{letter-spacing:.02em;color:#94a3b8;white-space:nowrap;cursor:pointer;align-items:center;padding:6px 14px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex;border-radius:0!important}.gooey-nav-container nav ul li a:hover{color:#fff}.gooey-nav-container nav ul li.active a{color:#0000}.gooey-nav-container .effect{pointer-events:none;box-sizing:border-box;position:absolute;border-radius:0!important}.gooey-nav-container .effect.filter{z-index:1;background:linear-gradient(135deg,#00bcf2 0%,#0078d4 100%);transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #00bcf273}.gooey-nav-container .effect.text{z-index:3;color:#fff;letter-spacing:.02em;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.gooey-nav-container .particle{pointer-events:none;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gooey-nav-container .particle .point{background:var(--color,#00bcf2);width:4px;height:4px;box-shadow:0 0 6px var(--color,#00bcf2);display:block;border-radius:0!important}