.dots-loader-container {
  display: inline-table;
  vertical-align: top;
  width: 2rem;
  height: 1rem;
}

.dots-loader {
  margin: auto;
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 50%;
  position: relative;
  -webkit-animation: dots-loader 0.9s 0.35s ease alternate infinite;
  animation: dots-loader 0.9s 0.35s ease alternate infinite;
}

.dots-loader:after, .dots-loader:before {
  content: '';
  position: absolute;
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 50%;
  animation: dots-loader 0.9s ease alternate infinite;
  -webkit-animation: dots-loader 0.9s ease alternate infinite;
}

.dots-loader:before {
  left: -0.5rem;
  animation-delay: 0.2s;
}

.dots-loader:after {
  right: -0.5rem;
  animation-delay: 0.5s;
}

@keyframes dots-loader {
  0% {
    box-shadow: 0 1rem 0 -1rem black;
  }
  100% {
    box-shadow: 0 1rem 0 black;
  }
}

@-webkit-keyframes dots-loader {
  0% {
    box-shadow: 0 1rem 0 -1rem black;
  }
  100% {
    box-shadow: 0 1rem 0 black;
  }
}