/* Decorative meteors for the login template, enabled by the existing night class. */
#fj-login-night-stars {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:45vh;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}
body.ev #fj-login-night-stars {display:block}
.fj-login-night-content {position:relative;z-index:1}
#fj-login-night-stars .fj-login-shooting-star {
  position:absolute;
  display:block;
  width:100px;
  height:1px;
  border-radius:50%;
  background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(173,211,255,.5) 35%,rgba(173,211,255,0));
  box-shadow:0 0 5px rgba(181,219,255,.35);
  opacity:0;
  transform:rotate(-35deg);
}
#fj-login-night-stars .fj-login-shooting-star::before {
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 5px rgba(255,255,255,.9),0 0 9px rgba(173,211,255,.5);
}
#fj-login-night-stars .fj-login-shooting-star:nth-child(1) {left:22%;top:18%}
#fj-login-night-stars .fj-login-shooting-star:nth-child(2) {left:78%;top:44%;width:85px}
#fj-login-night-stars .fj-login-shooting-star:nth-child(3) {left:11%;top:62%;width:60px}
body.ev #fj-login-night-stars .fj-login-shooting-star:nth-child(1) {
  animation:fj-login-meteor-flight 9s .5s linear infinite;
}
body.ev #fj-login-night-stars .fj-login-shooting-star:nth-child(2) {
  animation:fj-login-meteor-flight 12s 3s linear infinite;
}
body.ev #fj-login-night-stars .fj-login-shooting-star:nth-child(3) {
  animation:fj-login-meteor-flight 15s 6s linear infinite;
}
@keyframes fj-login-meteor-flight {
  0%{opacity:0;transform:translate3d(0,0,0) rotate(-35deg)}
  2%{opacity:.9}
  10%,100%{opacity:0;transform:translate3d(-140px,98px,0) rotate(-35deg)}
}
@media (max-width:600px) {
  #fj-login-night-stars .fj-login-shooting-star {width:55px}
  #fj-login-night-stars .fj-login-shooting-star:nth-child(1) {left:23%;top:14%}
  #fj-login-night-stars .fj-login-shooting-star:nth-child(2) {left:84%;top:22%;width:45px}
  #fj-login-night-stars .fj-login-shooting-star:nth-child(3) {display:none}
  body.ev #fj-login-night-stars .fj-login-shooting-star:nth-child(1),
  body.ev #fj-login-night-stars .fj-login-shooting-star:nth-child(2) {animation-name:fj-login-meteor-flight-mobile}
}
@keyframes fj-login-meteor-flight-mobile {
  0%{opacity:0;transform:translate3d(0,0,0) rotate(-35deg)}
  2%{opacity:.85}
  10%,100%{opacity:0;transform:translate3d(-65px,45px,0) rotate(-35deg)}
}
@media (prefers-reduced-motion:reduce) {
  body.ev #fj-login-night-stars {display:none}
  body.ev #fj-login-night-stars .fj-login-shooting-star {animation:none}
}
@media print {#fj-login-night-stars{display:none!important}}