/* Keep the navigation in the viewport while preserving the page underneath. */
@media(max-width:1180px){
 body.menu-open{
  position:fixed;
  top:var(--skyline-menu-scroll-top,0px);
  left:0;
  right:0;
  width:100%;
  overflow:hidden;
  overscroll-behavior:none;
 }
 body.menu-open .premium-header{
  position:fixed!important;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:var(--skyline-menu-header-height,88px)!important;
  margin:0;
  z-index:1001;
 }
 body.menu-open .premium-header .main-nav{
  position:absolute;
  top:100%;
  max-height:calc(100dvh - var(--skyline-menu-header-height,88px) - env(safe-area-inset-bottom,0px));
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:max(24px,env(safe-area-inset-bottom,0px));
  touch-action:pan-y;
 }
 body.menu-open .menu-backdrop.is-visible{
  position:fixed;
  inset:0;
  z-index:1000;
  touch-action:none;
 }
}
