.animated {
  .casino {
    #chips-pile-red,
    #chips-pile-blue {
      use {
        animation-name: chips_animation;
        animation-duration: 3s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;

        @for $i from 1 to 17 {
          &:nth-child(#{$i}) {
            animation-delay: 0.1s * $i;
          }
        }
      }
    }

    #chips-pile-red use {
      animation-duration: 2s;
    }
  }
}

@keyframes chips_animation {
  0% {
    translate: 0px 0px;
  }
  10% {
    translate: 0px -150px;
  }
  20% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
