/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 */
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-ExtraBoldItalic.eb636ba1.woff2) format("woff2"), url(../fonts/Aleo-ExtraBoldItalic.2b033755.woff) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-BlackItalic.acab3469.woff2) format("woff2"), url(../fonts/Aleo-BlackItalic.19e803fb.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-BoldItalic.d38831b3.woff2) format("woff2"), url(../fonts/Aleo-BoldItalic.a6750e5d.woff) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-ThinItalic.ddca23a3.woff2) format("woff2"), url(../fonts/Aleo-ThinItalic.e3951a06.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-MediumItalic.d8b527a3.woff2) format("woff2"), url(../fonts/Aleo-MediumItalic.60a512d8.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-Bold.b1d69ec7.woff2) format("woff2"), url(../fonts/Aleo-Bold.05790655.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-ExtraLightItalic.03327c16.woff2) format("woff2"), url(../fonts/Aleo-ExtraLightItalic.5216af80.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-Black.c981c5c1.woff2) format("woff2"), url(../fonts/Aleo-Black.cefb1006.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-SemiBoldItalic.13d4a5c9.woff2) format("woff2"), url(../fonts/Aleo-SemiBoldItalic.37a5efd9.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-Italic.9dbdb7d1.woff2) format("woff2"), url(../fonts/Aleo-Italic.1acdc7f1.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-SemiBold.cf32ab4c.woff2) format("woff2"), url(../fonts/Aleo-SemiBold.dd067771.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-ExtraBold.3231df7a.woff2) format("woff2"), url(../fonts/Aleo-ExtraBold.cb60a991.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-LightItalic.bcd17965.woff2) format("woff2"), url(../fonts/Aleo-LightItalic.26da37bc.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-Medium.6ca6235b.woff2) format("woff2"), url(../fonts/Aleo-Medium.e903441d.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-Regular.802c445f.woff2) format("woff2"), url(../fonts/Aleo-Regular.e34dcc56.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-ExtraLight.91331896.woff2) format("woff2"), url(../fonts/Aleo-ExtraLight.0f8932cf.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-Thin.8d5773da.woff2) format("woff2"), url(../fonts/Aleo-Thin.7aa2a8a1.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aleo";
  src: url(../fonts/Aleo-Light.93760dc2.woff2) format("woff2"), url(../fonts/Aleo-Light.1c3b19dc.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url(../fonts/RedHatText-MediumItalic.c880c73d.woff2) format("woff2"), url(../fonts/RedHatText-MediumItalic.e4dacb57.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url(../fonts/RedHatText-BoldItalic.999d5e1b.woff2) format("woff2"), url(../fonts/RedHatText-BoldItalic.15166948.woff) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url(../fonts/RedHatText-SemiBoldItalic.bfb1e35d.woff2) format("woff2"), url(../fonts/RedHatText-SemiBoldItalic.d7c3c9ea.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url(../fonts/RedHatText-Bold.7b573d81.woff2) format("woff2"), url(../fonts/RedHatText-Bold.3a15c632.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url(../fonts/RedHatText-Regular.76a82e81.woff2) format("woff2"), url(../fonts/RedHatText-Regular.d82f2aeb.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url(../fonts/RedHatText-SemiBold.39401b6a.woff2) format("woff2"), url(../fonts/RedHatText-SemiBold.7c5478d8.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url(../fonts/RedHatText-LightItalic.d4de1e76.woff2) format("woff2"), url(../fonts/RedHatText-LightItalic.abfa9cac.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url(../fonts/RedHatText-Medium.13c337d4.woff2) format("woff2"), url(../fonts/RedHatText-Medium.7bac705c.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url(../fonts/RedHatText-Italic.0339ff6b.woff2) format("woff2"), url(../fonts/RedHatText-Italic.67c5769e.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url(../fonts/RedHatText-Light.a30b29c0.woff2) format("woff2"), url(../fonts/RedHatText-Light.9b818e4c.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
.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: 992px) 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*/