/* /ui/login/desktop/login-desktop.css */

.shell{
  position:relative;
  min-height:100dvh;
  width:100vw;
  overflow:hidden;
  background:var(--app-bg);
}

.right{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
}

html[data-login-ready="0"] body{
  opacity:0;
}

html[data-login-ready="1"] body{
  opacity:1;
  transition:opacity .6s ease;
}

.left{
  position:relative;
  z-index:5;
  min-height:100dvh;
  display:flex;
  align-items:center;
  padding-left:48px;
  padding-right:24px;
}

@media (width <= 900px){
  .left{
    min-height:auto;
    justify-content:center;
    padding:24px;
    padding-top:40px;
  }
}