/* Decorative distant lights: no media downloads, transforms and opacity only. */
.entrance-scene-lights{display:none;pointer-events:none}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){
 .entrance-scene-lights{display:block;position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
 .entrance-scene-lights[hidden]{display:none}
 .entrance-scene-lights:before{content:"";position:absolute;left:3%;top:23%;width:3px;height:2px;border-radius:50%;background:#fff7e4;box-shadow:-5px 1px 4px #fff6df80;opacity:0;animation:entrance-plane 48s linear infinite}
 .entrance-scene-lights:after{content:"";position:absolute;left:9%;top:47%;width:2px;height:1px;background:#ffeac5;border-radius:50%;box-shadow:4px 0 1px #ffeac590,35px 10px 1px #d88a6866;opacity:0;animation:entrance-traffic 17s linear 3s infinite}
 .auth>.entrance-scene-lights{position:absolute}
 .auth>.auth-brand,.auth>.auth-panel{z-index:1}
}
@keyframes entrance-plane{
 0%{transform:translate3d(0,0,0);opacity:0}
 5%{opacity:.6}8%{opacity:.15}9%{opacity:.65}
 23%{opacity:.55}24%{opacity:.15}25%{opacity:.65}
 43%{opacity:.5}44%{opacity:.15}45%{opacity:.65}
 58%{opacity:.5}
 65%{transform:translate3d(62vw,-5vh,0);opacity:0}
 100%{transform:translate3d(62vw,-5vh,0);opacity:0}
}
@keyframes entrance-traffic{
 0%{transform:translate3d(0,0,0);opacity:0}
 10%{opacity:.45}
 75%{opacity:.35}
 90%,100%{transform:translate3d(18vw,-1.3vh,0);opacity:0}
}

/* Mobile uses the open sky between window frames. */
@media(max-width:700px){
 .auth:before,body.team-auth-mode:before{
  background-size:100% 100%,auto 500%;
  background-position:center,22% top;
  background-repeat:no-repeat;
  animation:none!important;
  transform:none!important;
  will-change:auto;
 }
}