.adm-dot-loading {
  display: inline-block;
}

.adm-dot-loading .wrapper {
  display: flex;
  align-items: center;
}

.adm-dot-loading .wrapper .dot {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  animation: beat 1.5s ease;
  animation-iteration-count: infinite;
}

.adm-dot-loading .wrapper .dot.a {
  animation-delay: 0s;
}

.adm-dot-loading .wrapper .dot.b {
  margin: 0 12px;
  animation-delay: 0.15s;
}

.adm-dot-loading .wrapper .dot.c {
  animation-delay: 0.3s;
}

@keyframes beat {
  0% {
    transform: translateY(0);
  }

  20% {
    transform: translateY(-6px);
  }

  40% {
    transform: translateY(6px);
  }

  60% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}