/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/scss/site-style/shared/embla-carousel/embla-carousel.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Medium Screens */
/* Large Devices, Wide Screens */
/* Large Devices, Wider Screens */
.embla__viewport {
  overflow: hidden;
}

.embla__container {
  display: flex;
  touch-action: pan-y;
  backface-visibility: hidden;
  margin-left: calc(var(--slide-spacing) * -1);
}

.embla__slide {
  display: flex;
  min-width: 0;
  flex: 0 0 var(--slide-size);
  padding-left: var(--slide-spacing);
}

.embla__slide__img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.embla__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: clamp(5px, 1vw, 15px) auto 0;
}

.embla__dot {
  width: 10px;
  height: 10px;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
  touch-action: manipulation;
  display: inline-flex;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--dot-color);
  margin: 0;
  padding: 0;
  transition: background-color 0.3s;
}

.embla__dot--selected {
  background-color: var(--dot-color-highlight);
}

.embla__button {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  width: 42.51px;
  height: 42.51px;
}
.embla__button[disabled] {
  opacity: 0.5;
}

.embla__navigation {
  display: flex;
  gap: 15px;
}

.embla__button__svg {
  display: block;
}

.embla--buttons-top {
  position: relative;
}
.embla--buttons-top .embla__button {
  display: none;
  position: absolute;
  top: -70px;
}
@media screen and (min-width: 768px) {
  .embla--buttons-top .embla__button {
    display: block;
  }
}
.embla--buttons-top .embla__button--prev {
  right: 50px;
}
.embla--buttons-top .embla__button--next {
  right: 0px;
}

/** 
 * Handle Embla Carousel styles when contained in `.container--right` container
 */
.container--right .embla__viewport {
  padding-right: var(--slide-spacing);
}
.container--right .embla--buttons-top .embla__button--prev {
  right: 100px;
}
.container--right .embla--buttons-top .embla__button--next {
  right: 40px;
}

/** 
 * Handle Embla Carousel styles when contained in `.container--right-single` container
 */
.container--right-single .embla__viewport {
  padding-right: var(--slide-spacing);
}
@media screen and (max-width: 767px) {
  .container--right-single .embla--buttons-top .embla__button--prev {
    right: calc((100vw - var(--scrollbar-width) - (100vw - var(--scrollbar-width)) * 0.9) / 2 + 50px);
  }
  .container--right-single .embla--buttons-top .embla__button--next {
    right: calc((100vw - var(--scrollbar-width) - (100vw - var(--scrollbar-width)) * 0.9) / 2);
  }
}
@media screen and (min-width: 768px) and (max-width: 1470px) {
  .container--right-single .embla--buttons-top .embla__button--prev {
    right: calc((100vw - var(--scrollbar-width) - (100vw - var(--scrollbar-width)) * 0.875) / 2 + 50px);
  }
  .container--right-single .embla--buttons-top .embla__button--next {
    right: calc((100vw - var(--scrollbar-width) - (100vw - var(--scrollbar-width)) * 0.875) / 2);
  }
}

/*# sourceMappingURL=embla-carousel-style.css.map*/