/* Bottom navigation (mobile) - Loaded in to prevent FOUC - Black theme requested */ :root{ --bottom-nav-h:56px; } .bottom-nav{ position:fixed; left:0; right:0; bottom:0; height:var(--bottom-nav-h); padding-bottom: env(safe-area-inset-bottom); background:#000; border-top:1px solid rgba(255,255,255,.12); display:flex; justify-content:space-around; align-items:center; z-index:1000; } .bottom-nav .bn-item{ flex:1; text-decoration:none; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:11px; color:rgba(255,255,255,.80); } .bottom-nav .bn-icon{ font-size:18px; line-height:1; margin-bottom:2px; } .bottom-nav .bn-item.active{ color:#3b82f6; font-weight:700; } @media (min-width:961px){ .bottom-nav{ display:none; } }