.wp-block-cbi-image-slider__container {
  --gap: var( --wp--style--block-gap );
  --base-duration: 7.5s;
  --duration: calc( var( --base-duration ) * var( --item-count ) );
  --item-width: 15rem;
  display: flex;
  overflow: visible;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  gap: var(--gap);
}
@media only screen and (max-width: 781px) {
  .wp-block-cbi-image-slider__container {
    --gap: 0rem;
    --item-width: 7.5rem;
  }
}
.wp-block-cbi-image-slider__container.is-reverse-slider .wp-block-cbi-image-slider__item {
  animation-direction: reverse;
  transform: translateX(calc(-0.5 * var(--item-width) * var(--item-count)));
}

.wp-block-cbi-image-slider__item {
  width: calc(var(--item-width) - var(--gap));
  flex-shrink: 0;
  -webkit-animation: imageSlider var(--duration) linear infinite;
          animation: imageSlider var(--duration) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-cbi-image-slider__item {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}

.wp-block-cbi-image-slider__image-container {
  width: 100%;
}

.wp-block-cbi-image-slider__image {
  width: 100%;
  height: auto;
}

@-webkit-keyframes imageSlider {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% * var(--item-count) - var(--item-count) * var(--gap)));
  }
}

@keyframes imageSlider {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% * var(--item-count) - var(--item-count) * var(--gap)));
  }
}
