/* Exact mobile wrapper isolation. IDs avoid nth-of-type errors when guest controls are present. */
@media (max-width:820px){
  html,body{min-height:100%!important;background:#070a10!important}
  html body #primaryContentWrapper,
  html body #primaryContentWrapper>.page,
  html body #primaryContentWrapper .main-content,
  html body #primaryContentWrapper .main-content-top{
    display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important
  }
  html body #primaryContentWrapper{position:relative!important;z-index:1!important;width:100%!important;height:auto!important;min-height:100vh!important}
  html body #primaryContentWrapper>.page{position:relative!important;width:100%!important;height:auto!important;min-height:100vh!important;padding:64px 0 72px!important;overflow:visible!important}
  html body #primaryContentWrapper .main-content,
  html body #primaryContentWrapper .main-content-top{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;background:transparent!important}

  html body #mobileShellWrapper{
    position:static!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;
    margin:0!important;padding:0!important;background:transparent!important;pointer-events:none!important;overflow:visible!important
  }
  html body #mobileShellWrapper>.page,
  html body #mobileShellWrapper .main-content,
  html body #mobileShellWrapper .main-content-top{
    position:static!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;max-height:0!important;
    margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;
    border:0!important;pointer-events:none!important
  }
  html body #mobileShellWrapper .header{
    display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;
    height:64px!important;min-height:64px!important;max-height:64px!important;margin:0!important;padding:0 8px!important;
    background:#111b2d!important;z-index:10020!important;pointer-events:auto!important;overflow:visible!important
  }
  html body #mobileShellWrapper .header *{pointer-events:auto!important}
  html body #mobileShellWrapper .mobile-nav-component{
    display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;
    height:auto!important;min-height:64px!important;max-height:none!important;z-index:10020!important;
    visibility:visible!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important
  }
  html body #mobileShellWrapper .mobile-nav-component *{pointer-events:auto!important}
  html body .right-sidebar:not(.opened),
  html body .mobile-nav-component .pull-out:not(.opened){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  html body .right-sidebar.opened,
  html body .mobile-nav-component .pull-out.opened{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  html body .bets-section,html body .section.bets-section{
    position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    overflow:visible!important;transform:none!important;z-index:auto!important;pointer-events:auto!important
  }
  html body:not(.modal-open)>.modal-backdrop{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  html body #guestAuthHeaderFinal{pointer-events:auto!important}
}