.gooey-nav{--gn-pad:4px;--gn-gap:6px;--gn-font:14.5px;--gn-x:16px;--gn-y:8px;max-width:100%;font-family:var(--font-jakarta), var(--font-inter), ui-sans-serif, system-ui, sans-serif;font-size:var(--gn-font);align-items:center;line-height:1.2;display:inline-flex;position:relative}.gooey-nav--sm{--gn-pad:3px;--gn-gap:3px;--gn-font:13px;--gn-x:12px;--gn-y:6px}.gooey-nav--md{--gn-pad:4px;--gn-gap:6px;--gn-font:14.5px;--gn-x:16px;--gn-y:8px}.gooey-nav--lg{--gn-pad:6px;--gn-gap:8px;--gn-font:16px;--gn-x:20px;--gn-y:10px}.gooey-nav--framed{padding:var(--gn-pad);background:var(--gn-frame);box-shadow:var(--gn-frame-shadow);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);border:1px solid var(--gn-frame-edge);border-radius:999px}.gooey-nav__stage{align-items:center;max-width:100%;display:flex;position:relative}.gooey-nav__canvas{pointer-events:none;z-index:1;position:absolute;top:0;left:0}.gooey-nav__fallback{background:var(--gn-pill);pointer-events:none;z-index:1;border-radius:999px;transition:transform .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1);display:none;position:absolute;top:0;left:0}.gooey-nav__list{align-items:center;gap:var(--gn-gap);z-index:2;flex-wrap:nowrap;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav__list--active{color:var(--gn-active-ink);visibility:hidden;clip-path:inset(100%);pointer-events:none;z-index:3;position:absolute;inset:0}.gooey-nav__item{display:flex;position:relative}.gooey-nav__link{padding:var(--gn-y) var(--gn-x);color:var(--gn-muted);font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:999px;align-items:center;gap:7px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.gooey-nav__list--active .gooey-nav__link{color:inherit;font-weight:600}.gooey-nav__item[data-active] .gooey-nav__link{color:var(--gn-ink)}.gooey-nav__link:focus-visible{outline-offset:2px;outline:2px solid #e4521b}.gooey-nav__icon,.gooey-nav__suffix{flex:none;justify-content:center;align-items:center;display:inline-flex}.gooey-nav__icon svg,.gooey-nav__suffix svg{width:1.1em;height:1.1em}.gooey-nav__dropdown-container{z-index:50;pointer-events:auto;position:absolute;top:100%;left:50%;transform:translate(-50%)}.gooey-nav__rim{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--gn-frame-edge), inset 0 1px 0 var(--gn-frame-highlight);pointer-events:none;position:absolute;inset:0}@media (hover:hover){.gooey-nav__link:hover{color:var(--gn-ink)}}