@keyframes animateSliderInfinite {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.wp-block-acf-slider-infinite {
  width: 100%;
}

.animate-slider-infinite {
  animation: animateSliderInfinite linear infinite;
  animation-duration: var(--duration);
}

.animate-slider-infinite.rtl {
  animation-direction: normal;
}

.animate-slider-infinite.ltr {
  animation-direction: reverse;
}