/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 {
  position: relative;
}

.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: 5px;
  margin: 24px auto 0;
}

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

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

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

.embla__navigation {
  display: flex;
  gap: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.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;
}

.embla__navigation .embla__button.embla__button--primary {
  border-radius: 50%;
}
.embla__navigation .embla__button.embla__button--primary svg circle {
  transition: fill 250ms ease-in-out;
}
.embla__navigation .embla__button.embla__button--primary svg path {
  transition: stroke 250ms ease-in-out;
}
.embla__navigation .embla__button.embla__button--primary:hover:not(:disabled) svg circle {
  fill: #0B786A !important;
}
.embla__navigation .embla__button.embla__button--primary:hover:not(:disabled) svg path {
  stroke: #fff !important;
}

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