/*  Bounce

      <div class="sk-bounce">
        <div class="sk-bounce-dot"></div>
        <div class="sk-bounce-dot"></div>
      </div>
  */
.ajax-throbber.sk-bounce {
  position: relative;
  width: var(--sk-size);
  height: var(--sk-size);
}

.ajax-throbber .sk-bounce-dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0.6;
  border-radius: 50%;
  background-color: var(--sk-color);
}

.ajax-throbber .sk-bounce-dot:nth-child(2) {
  animation-delay: -1s;
}

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
  }
  45%,
  55% {
    transform: scale(1);
  }
}