@keyframes dots-pulse {
  0% {
    opacity: 0.1;
  }
  15% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}

.rai-squares {
  & .rai-square {
    display: inline-block;
    margin-right: 0.1875em;
    background-color: currentColor;
    width: 0.5em;
    height: 0.5em;
    animation-name: dots-pulse;
    animation-duration: inherit;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    &:last-child {
      margin-right: 0;
    }
  }
}