1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1195],{21195:function(e,t,a){a.r(t),a.d(t,{MobileNav:function(){return h}});var r=a(57437),l=a(87138),s=a(16463),o=a(2265),c=a(83852),i=a(23402),n=a(38711),p=a(52022),x=a(49354),f=a(79249);function h(){let e=(0,s.usePathname)()||"",{t}=(0,f.$)(),a=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=document.documentElement,t=a.current;if(!t)return;let r=()=>{e.style.setProperty("--mobile-nav-offset","".concat(t.offsetHeight,"px"))};r();let l=new ResizeObserver(r);return l.observe(t),()=>{l.disconnect(),e.style.removeProperty("--mobile-nav-offset")}},[]);let h=[{icon:c.Z,label:t("nav.learn"),href:"/learn",activeColor:"text-[#00F0FF]",activeBg:"bg-[#00F0FF]/10",activeGlow:"shadow-[0_-2px_12px_rgba(0,240,255,0.2)]"},{icon:i.Z,label:t("nav.library"),href:"/library",activeColor:"text-[#FE1038]",activeBg:"bg-[#FE1038]/10",activeGlow:"shadow-[0_-2px_12px_rgba(254,16,56,0.2)]"},{icon:n.Z,label:t("profile.stats"),href:"/statistics",activeColor:"text-emerald-400",activeBg:"bg-emerald-500/10",activeGlow:"shadow-[0_-2px_12px_rgba(16,185,129,0.2)]"},{icon:p.Z,label:t("nav.profile"),href:"/profile",activeColor:"text-[#00F0FF]",activeBg:"bg-[#00F0FF]/10",activeGlow:"shadow-[0_-2px_12px_rgba(0,240,255,0.2)]"}];return(0,r.jsxs)("nav",{ref:a,"aria-label":"Bottom navigation",className:"lg:hidden fixed bottom-0 left-0 right-0 bg-black/55 backdrop-blur-2xl supports-[backdrop-filter]:bg-black/40 border-t border-transparent z-50 pb-safe",children:[(0,r.jsx)("div",{className:"flex h-[58px] items-center justify-around px-2 sm:py-2 sm:px-4",children:h.map(t=>{let a=e===t.href;"/learn"===t.href&&(a="/learn"===e||e.startsWith("/learn/")||e.startsWith("/browser")||"/store"===e||e.startsWith("/store/")),"/statistics"===t.href&&(a=e.startsWith("/statistics"));let s=(0,x.cn)("flex flex-col items-center gap-0 px-2.5 py-1.5 sm:px-4 sm:py-2 touch-manipulation active:scale-95 relative","rounded-none [clip-path:polygon(0_4px,4px_0,calc(100%-4px)_0,100%_4px,100%_calc(100%-4px),calc(100%-4px)_100%,4px_100%,0_calc(100%-4px))]",a?(0,x.cn)(t.activeColor,t.activeBg,t.activeGlow):"text-zinc-600 hover:text-zinc-400"),o=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.icon,{className:(0,x.cn)("w-7 h-7 sm:w-6 sm:h-6",a&&"drop-shadow-[0_0_6px_currentColor]")}),(0,r.jsx)("span",{className:"hidden sm:block text-xs font-display font-semibold uppercase tracking-wider",children:t.label}),a&&(0,r.jsx)("div",{className:"absolute -top-[1px] left-1/2 -translate-x-1/2 w-9 h-[2px] bg-current rounded-full shadow-[0_0_10px_currentColor]"})]});return(0,r.jsx)(l.default,{href:t.href,scroll:!1,className:s,children:o},t.href)})}),(0,r.jsx)("div",{className:"h-[env(safe-area-inset-bottom)]"})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.