#adiGatewayFrameShell{position:fixed;inset:0;background:#02040a;display:none;overflow:hidden}
#adiGatewayFrameShell.active{display:block}
#adiGatewayFrame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#02040a}
html.adiGatewayFrameActive,body.adiGatewayFrameActive{overflow:hidden!important;overscroll-behavior:none!important}
html.adiGatewayFrameActive{height:100%!important;max-height:100%!important}
body.adiGatewayFrameActive{height:100%!important;min-height:0!important;max-height:100%!important}
@media (max-width:1024px) and (orientation:portrait){
  html:has(body.adiGatewayFrameActive){
    width:100%!important;
    height:100svh!important;
    height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.adiGatewayFrameActive{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100svh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    margin:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    touch-action:pan-x!important;
  }
  body.adiGatewayFrameActive main,
  body.adiGatewayFrameActive header,
  body.adiGatewayFrameActive footer{
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  #adiGatewayFrameShell{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100svh!important;
    height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  #adiGatewayFrame{
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }
}