/* -- The root styles must go in the element of the structure with the name "Item list". --*/  

.ns-marquee__container{
  /* These styles apply only when the document has RTL text direction */
  &:dir(rtl) {
    flex-direction: row-reverse;
  }

  .ns-marquee__item-list{
    /* Here you can change the animation time (75s), the more time you add, the slower the animation will be. */
    --ns-marquee-duration: 75s;

    animation: horizontal-scroll-rtl var(--ns-marquee-duration) linear infinite;
  }
}

/* Animation from right to left */
@keyframes horizontal-scroll-rtl {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}