/* Slider component CSS */
.overflow-x-hidden {
  overflow-x: hidden;
}

.w-screen {
  width: 100vw;
}

.slider-outer {
  padding: 8px 0 8px 8px;
}

.jm-brand-slider {
  margin-top: -8px;
  margin-left: -4px;
}

.jm-brand-slider__nav-group {
  gap: 27px;
  padding-top: 36px;
  padding-left: 8px;
}

.slider-inner {
  gap: var(--gap-fluid, var(--spacing-s-l));
}

.slider-max-width > *,
.slider-max-width > * > *,
.slider-max-width > * > * > * {
  width: 340px;
  max-width: 100%;
}

.slider-outer {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider-inner::-webkit-scrollbar {
  display: none;
}

/* Improve visible focus state for slider nav buttons */
.jm-brand-slider__nav--left:focus-visible,
.jm-brand-slider__nav--right:focus-visible {
  outline-color: #005fcc;
  outline-style: solid;
  outline-width: 0.25rem;
  outline-offset: 0.25rem;
  animation: outline-bounce 0.3s;
}
.slider-max-width-full > *,
.slider-max-width-full > * > *,
.slider-max-width-full > * > * > * {
  width: var(--slide-width, 100%);
}