.envision-blocks-marquee {
  overflow: hidden;
  visibility: hidden;
  --direction: 1;
  --speed: 50;
  --items-gap: 20px;
  --pause-on-hover: true;
  --pause-on-hover-mobile: false;
}
.envision-blocks-marquee--vertical .envision-blocks-marquee__animation {
  flex-direction: column;
  animation: slidingY calc(var(--est-speed, 10) * 1s * 50 / var(--speed)) linear infinite;
}
.envision-blocks-marquee.showing {
  visibility: visible;
}
.envision-blocks-marquee:hover .envision-blocks-marquee__animation {
  animation-play-state: var(--poh, running);
}
.envision-blocks-marquee__animation {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--items-gap);
  animation: sliding calc(var(--est-speed, 10) * 1s * 50 / var(--speed)) linear infinite;
  animation-play-state: var(--poh, paused);
}
.envision-blocks-marquee__animation a {
  display: block;
  flex-shrink: 0;
}
.envision-blocks-marquee__item {
  flex-shrink: 0;
  --item-width: auto;
  --item-height: auto;
}
.envision-blocks-marquee__item > a {
  text-decoration: none;
}
.envision-blocks-marquee__text, .envision-blocks-marquee__separator {
  transition: var(--ebx-transition--all);
}
.envision-blocks-marquee__img {
  object-fit: cover;
  object-position: center center;
}
.envision-blocks-marquee__separator {
  display: inline-block;
  vertical-align: middle;
  margin-inline-start: var(--items-gap);
  height: 0.2em;
  width: 0.2em;
  border-radius: 999px;
}

img.envision-blocks-marquee__img {
  width: var(--item-width);
  height: var(--item-height);
  border-radius: var(--ebx-rounded);
}

@keyframes sliding {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-1 * var(--direction, 1) * 100% / var(--total, 2)));
  }
}
@keyframes slidingY {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-1 * var(--direction, 1) * 100% / var(--total, 2)));
  }
}