/* Homepage customer testimonial carousel: touch-scroll slides and synchronized logo navigation. */
html body .testimonial-carousel-container {
  overflow: hidden !important;
}
@supports (overflow: clip) {
  html body .testimonial-carousel-container {
    overflow: clip !important;
  }
}

html body .testimonial-carousel__cards {
  display: flex !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch;
  padding-bottom: var(--hds-space-core-900) !important;
  touch-action: pan-x pan-y;
}
html body .testimonial-carousel__cards::-webkit-scrollbar {
  display: none !important;
}
html body .testimonial-carousel__cards > .testimonial-card,
html body .testimonial-carousel__cards > .testimonial-card.is-on {
  display: flex !important;
  flex: 0 0 100% !important;
  min-width: 100% !important;
  scroll-snap-align: start !important;
  scroll-snap-stop: always;
}

html body .testimonial-carousel__navigation-selection-bar {
  border-top-color: #533afd !important;
  background: none !important;
  background-color: transparent !important;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}
html body .testimonial-carousel__navigation-customers-inner {
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}

html body .testimonial-carousel__navigation-button,
html body .testimonial-carousel__navigation-button.hds-button,
html body .testimonial-carousel__navigation-button.hds-button--primary {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: none !important;
  color: inherit !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  --hds-color-button-primary-bg: transparent;
  --hds-color-button-primary-bgHover: transparent;
  --customerLogoColor: var(--hds-color-action-icon-disabled);
}
html body .testimonial-carousel__navigation-button:hover,
html body .testimonial-carousel__navigation-button:focus-visible {
  --customerLogoColor: unset;
}
html body .testimonial-carousel__navigation-button--active {
  --customerLogoColor: unset;
  cursor: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .testimonial-carousel__cards {
    scroll-behavior: auto !important;
  }
  html body .testimonial-carousel__navigation-selection-bar,
  html body .testimonial-carousel__navigation-customers-inner {
    transition: none !important;
  }
}