@keyframes dot-loading {
  0% {
    box-shadow: 9999px 0 0 -5px
  }

  30% {
    box-shadow: 9999px 0 0 2px
  }

  60%,
  100% {
    box-shadow: 9999px 0 0 -5px
  }
}

@keyframes dot-loading-before {
  0% {
    box-shadow: 9984px 0 0 -5px
  }

  30% {
    box-shadow: 9984px 0 0 2px
  }

  60%,
  100% {
    box-shadow: 9984px 0 0 -5px
  }
}

@keyframes dot-loading-after {
  0% {
    box-shadow: 10014px 0 0 -5px
  }

  30% {
    box-shadow: 10014px 0 0 2px
  }

  60%,
  100% {
    box-shadow: 10014px 0 0 -5px
  }
}