/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./blocks/image-carousel/assets/sass/image-carousel.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.image-carousel {
  overflow: hidden;
}
.image-carousel__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.image-carousel__carousel {
  max-width: 842px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 20px;
}
.image-carousel__carousel-group {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  display: inline-flex;
  gap: 20px;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
.image-carousel__carousel-group img {
  width: calc(var(--body-width) - var(--container-padding-offset) * 2);
  height: 100%;
  max-width: none;
  display: block;
  border-radius: 6px;
  aspect-ratio: 406/360;
  -o-object-fit: cover;
     object-fit: cover;
}
@media all and (min-width: 720px) {
  .image-carousel__carousel-group img {
    width: calc((var(--body-width) - var(--container-padding-offset) * 2) / 2 - 10px);
  }
}
@media all and (min-width: 882px) {
  .image-carousel__carousel-group img {
    width: 411px;
  }
}
.image-carousel__carousel-group--main {
  -webkit-animation: carousel-slide infinite linear;
          animation: carousel-slide infinite linear;
  -webkit-animation-duration: calc(var(--animation-duration) * 2);
          animation-duration: calc(var(--animation-duration) * 2);
}
@media all and (min-width: 720px) {
  .image-carousel__carousel-group--main {
    -webkit-animation-duration: var(--animation-duration);
            animation-duration: var(--animation-duration);
  }
}
@media all and (min-width: 768px) {
  .image-carousel__carousel-group--left, .image-carousel__carousel-group--right {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
  }
}
@media all and (min-width: 768px) {
  .image-carousel__carousel-group--left {
    right: 100%;
  }
}
@media all and (min-width: 768px) {
  .image-carousel__carousel-group--right {
    left: 100%;
  }
}
.image-carousel__navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.image-carousel__navigation .swiper-pagination-bullets.swiper-pagination-horizontal {
  width: auto;
}
.image-carousel__navigation-btn {
  opacity: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: opacity 0.3s;
}
.image-carousel__navigation-btn svg {
  display: block;
}
.image-carousel__navigation-btn--disabled {
  opacity: 0.2;
  pointer-events: none;
}

@-webkit-keyframes carousel-slide {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes carousel-slide {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/**
 * Overlaps block if previous block has same background colour
 */
.block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-black,
.block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-black,
.block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-black {
  margin-top: -60px;
}

.block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-white,
.block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-white,
.block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-white {
  margin-top: -60px;
}

.block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-neutral,
.block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-neutral,
.block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-neutral {
  margin-top: -60px;
}

.block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-light-blue,
.block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-light-blue,
.block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-light-blue {
  margin-top: -60px;
}

.block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-navy,
.block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-navy,
.block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-navy {
  margin-top: -60px;
}

.block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-violet,
.block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-violet,
.block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-violet {
  margin-top: -60px;
}

.block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-blue,
.block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-blue,
.block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-blue {
  margin-top: -60px;
}

.block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-green,
.block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-green,
.block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-green {
  margin-top: -60px;
}

.block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-pink,
.block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-pink,
.block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-pink {
  margin-top: -60px;
}

.block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-yellow,
.block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-yellow,
.block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-yellow {
  margin-top: -60px;
}

.block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-mauve,
.block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-mauve,
.block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-mauve {
  margin-top: -60px;
}

.block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-true-white,
.block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-true-white,
.block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-true-white {
  margin-top: -60px;
}

@media all and (min-width: 768px) {
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-black {
    margin-top: -90px;
  }
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-white {
    margin-top: -90px;
  }
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-neutral {
    margin-top: -90px;
  }
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-light-blue {
    margin-top: -90px;
  }
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-navy {
    margin-top: -90px;
  }
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-violet {
    margin-top: -90px;
  }
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-blue {
    margin-top: -90px;
  }
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-green {
    margin-top: -90px;
  }
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-pink {
    margin-top: -90px;
  }
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-yellow {
    margin-top: -90px;
  }
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-mauve {
    margin-top: -90px;
  }
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-true-white {
    margin-top: -90px;
  }
}
@media all and (min-width: 1024px) {
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-black {
    margin-top: -120px;
  }
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-white {
    margin-top: -120px;
  }
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-neutral {
    margin-top: -120px;
  }
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-light-blue {
    margin-top: -120px;
  }
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-navy {
    margin-top: -120px;
  }
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-violet {
    margin-top: -120px;
  }
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-blue {
    margin-top: -120px;
  }
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-green {
    margin-top: -120px;
  }
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-pink {
    margin-top: -120px;
  }
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-yellow {
    margin-top: -120px;
  }
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-mauve {
    margin-top: -120px;
  }
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .image-carousel.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .image-carousel.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .image-carousel.block--background-color-true-white {
    margin-top: -120px;
  }
}

/*# sourceMappingURL=block-image-carousel.d60e99682016c2b4f59b.css.map*/