.orangeWeb3-track {
  position: relative !important;
  overflow: hidden !important;
}
.orangeWeb3-track a {
  flex: 1 !important;
}
.orangeWeb3-logos {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 64px !important;
}
.orangeWeb3-logosWrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  animation-name: animateLogos !important;
  animation-duration: 120s !important; /* Adjust the duration when adding logos == higher seconds slows down */
  animation-iteration-count: infinite !important;
  animation-timing-function: linear !important;
}
.orangeWeb3-filterSides {
  position: absolute !important;
  width: 100% !important;
  height: 64px !important;
  /* background: linear-gradient(to right, rgba(3,0,0,1) 0%, rgba(3,0,0,0) 16%, rgba(3,0,0,0) 84%, rgba(3,0,0,1) 100%) !important; */
  /* z-index: 1 !important; */
}
.orangeWeb3-logosItem {
  width: 160px !important;
  aspect-ratio: 2 / 1 !important;
  background: transparent;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.orangeWeb3-logoImage {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
@keyframes animateLogos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(var(--animateLogosWidth));
  }
}
@media (max-width: 767px) {
  .orangeWeb3-logosItem {
    width: 128px !important;
  }
}