/* Left to Right Animation */
.ticker-wrap-ltr {
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.ticker-track-ltr {
  display: flex;
  width: max-content;
  animation: scrollLTR 100s linear infinite;
  will-change: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

@keyframes scrollLTR {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

@media (hover: hover) and (pointer: fine) {
  .ticker-wrap-ltr:hover .ticker-track-ltr {
    animation-play-state: paused;
  }
}

.ticker-item-ltr {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center;
  filter: none;
  opacity: 1;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .ticker-track-ltr {
    animation-duration: 100s;
  }
  
  .ticker-item-ltr {
    height: 80px;
  }
  
  .ticker-wrap-ltr {
    touch-action: pan-y pinch-zoom;
  }
}

@supports (backdrop-filter: blur(1px)) {
  .ticker-track-ltr {
    transform: translate3d(0, 0, 0);
  }
}