/* Galėsi keisti fade spalvą per CSS variable (jei nori):
   .cc-marquee { --cc-marquee-fade-color: rgba(92,67,45,1); }
*/
.cc-marquee {
  --cc-marquee-fade-color: rgba(0, 0, 0, 0.9);
}

.cc-marquee__viewport {
  position: relative;
  overflow: hidden;
  padding: 12px 0;
}

.cc-marquee__track {
  display: flex;
  width: max-content;
  gap: var(--cc-marquee-gap, 48px);
  animation: cc-marquee-scroll var(--cc-marquee-duration, 28s) linear infinite;
  will-change: transform;
}

.cc-marquee__row {
  display: flex;
  align-items: center;
  gap: var(--cc-marquee-gap, 48px);
  padding-left: var(--cc-marquee-gap, 48px);
}

.cc-marquee__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cc-marquee__logo {
  height: var(--cc-marquee-logo-h, 22px);
  width: auto;
  display: block;
  opacity: 0.95;
}

/* Hover -> pause */
.cc-marquee[data-pause-on-hover="1"]:hover .cc-marquee__track {
  animation-play-state: paused;
}

@keyframes cc-marquee-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc-marquee__track {
    animation: none;
  }
}