.loading {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100vh;
  z-index: 10000;
}

.loading .wrapper_l {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px
}

.ball {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  margin: 0 10px;

  -webkit-animation: 2s bounce ease infinite;

  animation: 2s bounce ease infinite;
}

.blue {
  background-color: #4285F5;
}

.red {
  background-color: #EA4436;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}

.yellow {
  background-color: #FBBD06;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.green {
  background-color: #34A952;
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
}

@-webkit-keyframes bounce {
  50% {
    transform: translateY(25px);
  }
}

@keyframes bounce {
  50% {
    transform: translateY(25px);
  }
}