/* [project]/src/app/loading.css [app-client] (css) */
@keyframes loop_opacity {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fade_bat1 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade_bat2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: .8;
  }
}

@keyframes fade_bat3 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: .6;
  }
}

@keyframes fade_bat4 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: .4;
  }
}

#bat1, #bat2, #bat3, #bat4 {
  opacity: 0;
}

#bat1 {
  animation: .5s forwards fade_bat1;
  animation-delay: 0s;
}

#bat2 {
  animation: .5s forwards fade_bat2;
  animation-delay: .5s;
}

#bat3 {
  animation: .5s forwards fade_bat3;
  animation-delay: 1s;
}

#bat4 {
  animation: .5s forwards fade_bat4;
  animation-delay: 1.5s;
}


/*# sourceMappingURL=src_app_loading_6cea10e1.css.map*/