.spinner {
  position: absolute;
  width: 100%;
  height: 100%;
}

.spinner div.sp-circle {
  width: 90px;
  height: 90px;
  background: #5693F5;
  opacity: 0.5;
  border-radius: 50% 50%;
  animation-name: scale-0-1-0;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  position: absolute;
  top: calc(50% - 45px);
  left: calc(50% - 45px);
}

.spinner div.sp-circle:nth-of-type(2) {
  animation-direction: alternate-reverse;
}

@keyframes scale-0-1-0 {
  from {
    transform: scale(0.01, 0.01);
  }
  to {
    transform: scale(0.99, 0.99);
  }
}