.auth-frame-root{display:none}
body.auth-demo-page{display:block!important;min-height:100vh!important;overflow:hidden!important;background:var(--bg)!important}
body.auth-demo-page>#sectionMetricsBar,
body.auth-demo-page>#sidebar,
body.auth-demo-page>#sidebar-backdrop,
body.auth-demo-page>#global-monitor-panel{display:none!important}
body.auth-demo-page>#demoPageRoot{display:none!important}
body.auth-demo-page>#scannerFrameRoot{display:none!important}
body.auth-demo-page>#authFrameRoot{display:block!important;position:fixed;top:56px;left:0;right:0;bottom:0;z-index:35;background:
linear-gradient(180deg, rgba(17,24,39,.92) 0%, rgba(10,15,26,.98) 100%),
linear-gradient(rgba(122,162,255,.10) 1px, transparent 1px),
linear-gradient(90deg, rgba(122,162,255,.10) 1px, transparent 1px);background-size:auto, 36px 36px, 36px 36px}
.auth-frame{display:block;width:100%;height:100%;border:0;background:transparent}
@media(max-width:700px){
  body.auth-demo-page>#authFrameRoot{top:56px}
}

:root[data-theme="light"] body.auth-demo-page>#authFrameRoot{background:linear-gradient(180deg, rgba(248,250,252,.98) 0%, rgba(241,245,249,.98) 100%),linear-gradient(rgba(148,163,184,.16) 1px, transparent 1px),linear-gradient(90deg, rgba(148,163,184,.16) 1px, transparent 1px);background-size:auto,36px 36px,36px 36px}