.loader-square {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background-color: #c4c4c4;
  animation: loader-square 1.2s ease-in-out infinite both;
}
@keyframes loader-square {
  0%,
  60%,
  100% {
    background-color: #c4c4c4;
  }
  20% {
    background-color: #4b4b4b;
  }
}
@media (prefers-reduced-motion: reduce) {
  .loader-square {
    animation: none;
  }
}