/** Shopify CDN: Minification failed

Line 43:41 Cannot use type selector "__slide" directly after nesting selector "&"

**/
/*
|--------------------------------------------------------------------------
| Carousel
|--------------------------------------------------------------------------
| @namespace: car-Carousel
|
*/

.cta-Carousel_Body {
  position: relative;
}

.car-Carousel_Slides {
  position: relative;

  display: flex;

  overflow: hidden;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;

  transition: opacity 0.5s ease;
}

.car-Carousel_Slides-overflowVisible {
  overflow: visible;
}

.car-Carousel_Slides[data-keen-slider-v] {
  flex-wrap: wrap;
}

/* stylelint-disable selector-max-type */
.car-Carousel_Slides[data-keen-slider-v] &__slide {
  width: 100%;
}
/* stylelint-enable */

/* stylelint-disable selector-max-universal */
.car-Carousel_Slides[data-keen-slider-moves] * {
  pointer-events: none;
}
/* stylelint-enable */

.car-Carousel_Slides-hidden {
  opacity: 0;
}
.car-Carousel_Slides-grab {
  cursor: grab;
}

.car-Carousel_Slide {
  position: relative;

  flex-shrink: 0;

  min-height: 100%;
  width: 100%;

  overflow: hidden;
}

/*
|--------------------------------------------------------------------------
| Lines
|--------------------------------------------------------------------------
|
*/

.car-Carousel_Lines {
  display: flex;

  background-color: var(--Color_Border);
}

.car-Carousel_Line {
  position: relative;

  width: var(--Line_Width);
  height: 1px;
}

.car-Carousel_Line::before {
  content: '';

  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 100%;

  background-color: transparent;

  transform: scaleX(0);

  transform-origin: 0 0;
}

.car-Carousel_Line[aria-current='false']::before {
  background-color: var(--Color_Brand);

  transform: scaleX(0);
  transform-origin: 100% 0;
  transition: transform 0.1s ease;
}

.car-Carousel_Line[aria-current='true']::before {
  background-color: var(--Color_Brand);

  transform: scaleX(1);
  transform-origin: 0 100%;
  transition: transform 0.1s ease;
}

/*
|--------------------------------------------------------------------------
| Arrows
|--------------------------------------------------------------------------
|
*/

.car-Carousel_Navigation {
  display: none;
}
@media only screen and (min-width: 768px) {
  .car-Carousel_Navigation {
    display: flex;
  }
}
@media only screen and (min-width: 901px) {
  .car-Carousel-1 .car-Carousel_Navigation,
  .car-Carousel-2 .car-Carousel_Navigation,
  .car-Carousel-3 .car-Carousel_Navigation {
    display: none;
  }
}

.car-Carousel_Arrow {
  position: absolute;
  top: 40%;
  z-index: 1;

  align-items: center;

  justify-content: center;

  display: flex;
  width: 30px;
  height: 30px;

  background-color: #fff;
  border-radius: 50%;

  transform: translateY(-50%);

  transition: opacity 0.5s ease;
}
.car-Carousel_Arrow svg {
  width: 8px;
  height: 12px;

  color: var(--Color_Brand);

  transition: color 0.5s ease, transform 0.2s ease;
}
.car-Carousel_Arrow-next:hover svg {
  transform: translateX(2px);
}
.car-Carousel_Arrow-prev:hover svg {
  transform: translateX(-2px);
}
.car-Carousel_Arrow-prev {
  left: var(--Grid_Gutter);
}
.car-Carousel_Arrow-next {
  right: var(--Grid_Gutter);
}
.car-Carousel_Arrow[disabled] {
  display: none;
}