/* Keep top header visible while scrolling */

.app-shell > .top-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
}

.app-shell.mobile-chrome-hidden > .top-nav {
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  margin-bottom: 0 !important;
}

@media (max-width: 920px) {
  .app-shell > .top-nav {
    top: env(safe-area-inset-top, 0px) !important;
  }
}