.gfx-glyph{--glyph-hi:color-mix(in srgb, var(--gx-accent-hi) 78%, #fff);--glyph-lo:var(--gx-accent-lo);--glyph-edge:color-mix(in srgb, var(--gx-accent-edge) 55%, transparent);filter:drop-shadow(0 1px 0 var(--glyph-edge));flex-shrink:0;overflow:visible}.dark .gfx-glyph{--glyph-hi:color-mix(in srgb, var(--gx-accent-hi) 70%, #fff);--glyph-lo:color-mix(in srgb, var(--gx-accent-lo) 88%, #fff);--glyph-edge:color-mix(in srgb, var(--gx-accent-edge) 90%, #000)}.gfx-nav{--nav-pill:transparent;background:var(--nav-pill);-webkit-tap-highlight-color:transparent;transition:background-color .16s ease-out,color .16s ease-out}.gfx-nav[aria-current=page]{--nav-pill:color-mix(in srgb, var(--gx-accent) 16%, transparent);color:var(--foreground);font-weight:600}@media (hover:hover){.gfx-nav:hover{--nav-pill:color-mix(in srgb, var(--gx-accent) 9%, transparent);color:var(--foreground)}.gfx-nav[aria-current=page]:hover{--nav-pill:color-mix(in srgb, var(--gx-accent) 20%, transparent)}}.gfx-nav:focus-visible{outline:2px solid var(--gx-accent);outline-offset:-2px;--nav-pill:color-mix(in srgb, var(--gx-accent) 9%, transparent);color:var(--foreground)}.gfx-nav-ico{transform-origin:50% 85%;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.gfx-nav-ico>.gfx-glyph{transform-origin:50% 100%}.gfx-nav-label{transition:transform .26s cubic-bezier(.34,1.56,.64,1)}@media (hover:hover){.gfx-nav:hover .gfx-nav-ico{transform:scale(1.12)rotate(-7deg)}.gfx-nav:hover .gfx-nav-ico>.gfx-glyph{animation:.56s cubic-bezier(.3,.7,.4,1) both gfx-bump}.gfx-nav:hover .gfx-nav-label{transform:translate(3px)}}.gfx-nav:focus-visible .gfx-nav-ico{transform:scale(1.12)rotate(-7deg)}.gfx-nav:focus-visible .gfx-nav-ico>.gfx-glyph{animation:.56s cubic-bezier(.3,.7,.4,1) both gfx-bump}.gfx-nav:focus-visible .gfx-nav-label{transform:translate(3px)}.gfx-nav:active .gfx-nav-ico{transition-duration:80ms;transition-timing-function:ease-out;transform:translateY(1.5px)scale(1.16,.8)rotate(0)}.gfx-nav:active .gfx-nav-label{transition-duration:80ms;transform:translate(1px)}@keyframes gfx-bump{0%{transform:none}16%{transform:translateY(.5px)scale(1.16,.8)}42%{transform:translateY(-4px)scale(.88,1.14)rotate(4deg)}64%{transform:translateY(0)scale(1.12,.88)}80%{transform:translateY(-1px)scale(.97,1.04)}to{transform:none}}@media (prefers-reduced-motion:reduce){.gfx-nav .gfx-nav-ico,.gfx-nav .gfx-nav-ico>.gfx-glyph,.gfx-nav .gfx-nav-label{transition:none!important;animation:none!important;transform:none!important}}