.gooey-nav-container{isolation:isolate;width:100%;position:relative}.gooey-nav-list{z-index:3;grid-template-columns:repeat(var(--gooey-columns,3), minmax(0, 1fr));gap:.5rem;margin:0;padding:.5rem;list-style:none;display:grid;position:relative}.gooey-nav-item{z-index:2;position:relative}.gooey-nav-button{z-index:2;width:100%;min-width:6rem;color:var(--gooey-text-muted,#ffffff85);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:1.05rem;justify-content:center;align-items:center;padding:.75rem 1rem;transition:color .18s,transform .18s;display:flex;position:relative}.gooey-nav-button:hover{transform:translateY(-1px)}.gooey-nav--compact .gooey-nav-list{gap:.35rem;padding:.35rem}.gooey-nav--compact .gooey-nav-button{border-radius:.85rem;min-width:0;padding:.55rem .7rem;font-size:.7rem}.gooey-nav--compact .gooey-nav-blob{border-radius:.85rem}.gooey-nav--compact .gooey-nav-text{font-size:.7rem}.gooey-nav--compact .point{width:8px;height:8px}.gooey-nav-item.active .gooey-nav-button{color:#0000;text-shadow:none}.gooey-nav-button:focus-visible{outline:2px solid var(--gooey-outline,#ffffff8c);outline-offset:2px}.gooey-nav-effect{pointer-events:none;position:absolute}.gooey-nav-filter{z-index:1;filter:url(#gooey-nav-filter)}.gooey-nav-filter.active{animation:gooey-nav-bump var(--time,.9s) ease}.gooey-nav-text{z-index:4;white-space:nowrap;color:var(--gooey-text-active,#fff);letter-spacing:.02em;opacity:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;transform:scale(.96)}.gooey-nav-text.active{animation:gooey-nav-text var(--gooey-animation-time,.6s) ease forwards}.gooey-nav-blob{background:var(--gooey-blob-bg,linear-gradient(135deg, #ff7a35, #00d4ff));box-shadow:var(--gooey-blob-shadow,0 12px 24px #ff7a3533);border-radius:1.05rem;position:absolute;inset:0}.particle{width:0;height:0;animation:gooey-nav-particle var(--time,.9s) ease forwards;transform:translate(-50%, -50%) translate(var(--start-x), var(--start-y)) rotate(var(--rotate,0deg)) scale(var(--scale,1));position:absolute;top:50%;left:50%}.point{background:var(--color,white);border-radius:999px;width:12px;height:12px;display:block}@keyframes gooey-nav-particle{0%{opacity:0;transform:translate(-50%, -50%) translate(var(--start-x), var(--start-y)) rotate(var(--rotate,0deg)) scale(.2)}15%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) translate(var(--end-x), var(--end-y)) rotate(var(--rotate,0deg)) scale(var(--scale,1))}}@keyframes gooey-nav-text{0%{opacity:0;transform:scale(.92)}20%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes gooey-nav-bump{0%,to{transform:scale(1)}35%{transform:scale(1.04)}60%{transform:scale(.985)}}