.wp-block-fx-partner-slider__container {
  --columns: 6;
  --gap: var( --wp--style--block-gap );
  --base-duration: 5s;
  --duration: -moz-calc( var( --base-duration ) * var( --item-count ) );
  --duration: calc( var( --base-duration ) * var( --item-count ) );
  --item-width: -moz-calc( 100% / var( --columns ) - var( --gap ) / var( --columns ) * ( var( --columns ) - 1 ) );
  --item-width: calc( 100% / var( --columns ) - var( --gap ) / var( --columns ) * ( var( --columns ) - 1 ) );
  display: -moz-box;
  display: flex;
  flex-wrap: nowrap;
  -moz-box-align: center;
       align-items: center;
  -webkit-mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
          mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  gap: var(--gap);
}
.wp-block-fx-partner-slider__container.is-reverse-direction .wp-block-fx-partner-slider__item {
  animation-direction: reverse;
}
@media only screen and (max-width: 999px) {
  .wp-block-fx-partner-slider__container {
    --columns: 5;
  }
}
@media only screen and (max-width: 599px) {
  .wp-block-fx-partner-slider__container {
    --columns: 2;
    --gap: 0.5rem;
  }
}
@media (hover: hover) {
  .wp-block-fx-partner-slider__container:hover .wp-block-fx-partner-slider__item {
    -moz-animation-play-state: paused;
         animation-play-state: paused;
  }
}

.wp-block-fx-partner-slider.acf-block-preview .wp-block-fx-partner-slider__container {
  pointer-events: none;
}

.wp-block-fx-partner-slider__item {
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
  border: 0.125rem solid var(--wp--preset--color--light-grey);
  border-radius: var(--radius-large);
  text-decoration: none;
  width: var(--item-width);
  height: -moz-calc(var(--item-width) / 2);
  height: calc(var(--item-width) / 2);
  aspect-ratio: 2/1;
  flex-shrink: 0;
  -moz-box-flex: 0;
       flex-grow: 0;
  -moz-animation: partnerInfinitySlide var(--duration) linear infinite;
       animation: partnerInfinitySlide var(--duration) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-fx-partner-slider__item {
    -moz-animation-play-state: paused;
         animation-play-state: paused;
  }
}
.wp-block-fx-partner-slider__item:hover .wp-block-fx-partner-slider__item-image {
  -webkit-filter: contrast(100%) saturate(100%);
          filter: contrast(100%) saturate(100%);
  mix-blend-mode: normal;
}
@media only screen and (max-width: 599px) {
  .wp-block-fx-partner-slider__item {
    border-radius: var(--radius);
  }
}

img.wp-block-fx-partner-slider__item-image {
  width: 100%;
  height: 100%;
  padding: 10% 20%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  -webkit-filter: contrast(80%) saturate(0%);
          filter: contrast(80%) saturate(0%);
  mix-blend-mode: luminosity;
  transition: mix-blend-mode var(--cubic-bezier) var(--transition-time), -webkit-filter var(--cubic-bezier) var(--transition-time);
  -moz-transition: filter var(--cubic-bezier) var(--transition-time), mix-blend-mode var(--cubic-bezier) var(--transition-time);
  transition: filter var(--cubic-bezier) var(--transition-time), mix-blend-mode var(--cubic-bezier) var(--transition-time);
  transition: filter var(--cubic-bezier) var(--transition-time), mix-blend-mode var(--cubic-bezier) var(--transition-time), -webkit-filter var(--cubic-bezier) var(--transition-time);
}

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

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