:root {
  --bottom-float-menu-height: 96px;
  --footer-margin-bottom: var(--bottom-float-menu-height, 0px);
}

@media (max-width: 768px) {
  :root {
    --bottom-float-menu-height: calc(78px + env(safe-area-inset-bottom));
  }
}