.nav-bar{z-index:50;height:calc(3.5rem + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(1rem, env(safe-area-inset-right,0px)) 0 max(1rem, env(safe-area-inset-left,0px));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}@media (width>=768px){.nav-bar{display:none}}