.gooey-nav-container{--gooey-color-1:#70e7ff;--gooey-color-2:#367cff;--gooey-color-3:#dbe6ed;--gooey-color-4:#ff8b3d;isolation:isolate;position:relative}.gooey-nav-container nav,.gooey-nav-container ul{align-items:center;display:flex}.gooey-nav-container ul{z-index:3;gap:2px;margin:0;padding:3px;list-style:none;position:relative}.gooey-nav-container li{color:#d5dde2;border-radius:999px;transition:color .18s;position:relative}.gooey-nav-container li.active{color:#061119}.gooey-nav-container li a{color:inherit;font:600 10px/1 var(--mono);letter-spacing:.09em;padding:8px 12px;display:inline-block}.gooey-nav-container li:focus-within{outline:1px solid var(--gooey-color-1);outline-offset:2px}.gooey-effect{z-index:1;pointer-events:none;place-items:center;width:0;height:0;display:grid;position:absolute}.gooey-text{z-index:4;color:#0000;font:600 10px/1 var(--mono);letter-spacing:.09em;transition:color .18s}.gooey-text.active{color:#061119}.gooey-filter{z-index:2;filter:blur(6px)contrast(110%);mix-blend-mode:screen}.gooey-filter:after{content:"";opacity:0;background:linear-gradient(120deg,#dffaff,#70e7ff 50%,#8aa9ff);border-radius:999px;position:absolute;inset:0;transform:scale(.88)}.gooey-filter.active:after{animation:.26s cubic-bezier(.22,1,.36,1) both gooey-pill}.gooey-particle,.gooey-point{border-radius:50%;width:12px;height:12px;display:block}.gooey-particle{animation:gooey-particle var(--gooey-time) ease both;position:absolute;top:calc(50% - 6px);left:calc(50% - 6px)}.gooey-point{background:var(--gooey-color);animation:gooey-point var(--gooey-time) ease both}@keyframes gooey-pill{to{opacity:1;transform:scale(1)}}@keyframes gooey-particle{0%{opacity:0;transform:translate(var(--start-x), var(--start-y))}28%,72%{opacity:.9}to{opacity:0;transform:translate(var(--end-x), var(--end-y))}}@keyframes gooey-point{0%{transform:scale(0)}45%{transform:scale(var(--gooey-scale))}to{transform:scale(0)}}@media (prefers-reduced-motion:reduce){.gooey-filter.active:after,.gooey-particle,.gooey-point{animation:none}}