.logo-ticker-wrapper {
  overflow: hidden;
  width: 100%;
  background: transparent;
  padding: 10px 0;
}
.logo-ticker-track {
  display: flex;
  width: max-content;
  animation: ticker-scroll var(--scroll-speed, 30s) linear infinite;
}
.logo-ticker-track img {
  height: var(--logo-height, 60px);
  width: var(--logo-width, auto);
  margin: 0 var(--logo-gap, 40px);
  opacity: 0.9;
  transition: filter 0.3s ease, box-shadow 0.3s ease;
  filter: var(--logo-filter, none);
}
.logo-ticker-track img:hover {
  opacity: 1;
  filter: none;
}
@keyframes ticker-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (max-width: 768px) {
  .logo-ticker-track img {
    height: calc(var(--logo-height, 60px) * 0.7);
    margin: 0 calc(var(--logo-gap, 40px) * 0.5);
  }
}


.logo-ticker-wrapper.fade-overlay {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-type: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}


.logo-ticker-wrapper.pause-on-hover:hover .logo-ticker-track {
  animation-play-state: paused !important;
}

.logo-ticker-wrapper.reverse .logo-ticker-track {
  animation-direction: reverse;
}

.logo-ticker-wrapper.radius-soft img {
  border-radius: 8px;
}
.logo-ticker-wrapper.radius-round img {
  border-radius: 50%;
}
.logo-ticker-wrapper.shadow-no img {
  box-shadow: none !important;
}