.ui-ellipsis {
  pointer-events: none;

  > span {
    backface-visibility: hidden;
    opacity: 0;

    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both;

    &::after {
      content: '.';
    }

    &:nth-child(1) {
      animation-name: ellipsis-1;
    }
    &:nth-child(2) {
      animation-name: ellipsis-2;
    }
    &:nth-child(3) {
      animation-name: ellipsis-3;
    }
  }
}