/* --------------------------------- *\

	Slideshow

\* --------------------------------- */
.slideshow {
  width: 100%;
  height: 100%;
  position: relative;
}

.slideshow__content,
.slideshow__slides,
.slideshow__slide,
.slideshow__loader,
.slide__content {
  width: 100%;
  height: 100%;
}

.slideshow__content {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.slideshow__slides {
  position: relative;
  overflow: hidden;
}

.slide {
  height: 100%;
  visibility: hidden;
  position: absolute;
  top: 0;
}

.slide[data-active] {
  visibility: visible;
}

.slide--animate {
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: transform;
  backface-visibility: hidden;
}

.slideshow__nav--hide {
  display: none;
}

.slideshow[data-visible-slides="1"] .slide {
  width: calc(100% / 1);
}
.slideshow[data-visible-slides="1"] .slide[data-active="0"] {
  transform: translateX(-100%);
}
.slideshow[data-visible-slides="1"] .slide[data-active="1"] {
  transform: translateX(0%);
}
.slideshow[data-visible-slides="1"] .slide[data-active="2"] {
  transform: translateX(100%);
}

.slideshow[data-visible-slides="2"] .slide {
  width: calc(100% / 2);
}
.slideshow[data-visible-slides="2"] .slide[data-active="0"] {
  transform: translateX(-100%);
}
.slideshow[data-visible-slides="2"] .slide[data-active="1"] {
  transform: translateX(0%);
}
.slideshow[data-visible-slides="2"] .slide[data-active="2"] {
  transform: translateX(100%);
}
.slideshow[data-visible-slides="2"] .slide[data-active="3"] {
  transform: translateX(200%);
}

.slideshow[data-visible-slides="3"] .slide {
  width: calc(100% / 3);
}
.slideshow[data-visible-slides="3"] .slide[data-active="0"] {
  transform: translateX(-100%);
}
.slideshow[data-visible-slides="3"] .slide[data-active="1"] {
  transform: translateX(0%);
}
.slideshow[data-visible-slides="3"] .slide[data-active="2"] {
  transform: translateX(100%);
}
.slideshow[data-visible-slides="3"] .slide[data-active="3"] {
  transform: translateX(200%);
}
.slideshow[data-visible-slides="3"] .slide[data-active="4"] {
  transform: translateX(300%);
}

.slideshow[data-visible-slides="5"] .slide {
  width: calc(100% / 5);
}
.slideshow[data-visible-slides="5"] .slide[data-active="0"] {
  transform: translateX(-100%);
}
.slideshow[data-visible-slides="5"] .slide[data-active="1"] {
  transform: translateX(0%);
}
.slideshow[data-visible-slides="5"] .slide[data-active="2"] {
  transform: translateX(100%);
}
.slideshow[data-visible-slides="5"] .slide[data-active="3"] {
  transform: translateX(200%);
}
.slideshow[data-visible-slides="5"] .slide[data-active="4"] {
  transform: translateX(300%);
}
.slideshow[data-visible-slides="5"] .slide[data-active="5"] {
  transform: translateX(400%);
}
.slideshow[data-visible-slides="5"] .slide[data-active="6"] {
  transform: translateX(500%);
}

/* --------------------------------- *\

	Slideshow style

\* --------------------------------- */
.slideshow__prev,
.slideshow__next {
  background: var(--color-main);
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: background 0.5s ease-in-out;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slideshow__prev > svg,
.slideshow__next > svg {
  fill: var(--color-black);
  width: 40%;
  height: 40%;
  transition: fill 0.3s ease-in-out;
}

.slideshow__prev {
  left: -7rem;
}
.slideshow__prev > svg {
  transform: rotate(180deg);
}

.slideshow__next {
  right: -7rem;
}

@media (pointer: fine) {
  .slideshow__prev:hover,
  .slideshow__next:hover {
    background: var(--color-black);
  }
  .slideshow__prev:hover > svg,
  .slideshow__next:hover > svg {
    fill: var(--color-main);
  }
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 567px) {
  .slideshow__nav {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 2rem;
    position: relative;
    z-index: 10;
  }
  .slideshow__prev,
  .slideshow__next {
    transform: none;
    position: static;
    width: 5rem;
    height: 5rem;
  }
  .slideshow--clients .slideshow__nav {
    padding-bottom: 4rem;
  }
}
/* --------------------------------- *\

	Home slideshow

\* --------------------------------- */
.slideshow--home {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}
.slideshow--home .slideshow__nav {
  display: flex;
  position: absolute;
  bottom: 4rem;
  left: 0;
  width: 100%;
  justify-content: center;
  gap: 3rem;
}
.slideshow--home .slideshow__prev,
.slideshow--home .slideshow__next {
  width: 6rem;
  height: 6rem;
  position: static;
  transform: none;
}
.slideshow--home .slide__content {
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}

@media (min-width: 568px) and (max-width: 1023px) and (orientation: landscape) {
  .slideshow--home .slideshow__nav {
    bottom: 3rem;
  }
  .slideshow--home .slide__content {
    padding-bottom: 2rem;
  }
}
/* --------------------------------- *\

	Clients slideshow

\* --------------------------------- */
.slideshow--clients {
  --slide-padding: 3rem;
  padding-top: calc(12.75rem + var(--slide-padding));
}
.slideshow--clients .slideshow__content {
  position: absolute;
  top: 0;
  left: calc(var(--slide-padding) * -1);
  padding-right: var(--slide-padding);
  width: calc(100% + var(--slide-padding) * 2);
}
.slideshow--clients .slideshow__slides {
  overflow: visible;
}
.slideshow--clients .slide__content {
  padding-top: var(--slide-padding);
  padding-left: var(--slide-padding);
}

@media (max-width: 767px) and (orientation: portrait), (max-width: 567px) {
  .slideshow--clients {
    --slide-padding: 3rem;
    padding-top: calc(9rem + var(--slide-padding));
  }
}
@media (min-width: 568px) and (max-width: 1023px) and (orientation: landscape) {
  .slideshow--clients {
    padding-top: calc(11rem + var(--slide-padding));
    width: calc(100% - var(--slide-padding) * 2 - 6rem);
    margin-left: auto;
    margin-right: auto;
  }
}
/* --------------------------------- *\

	Clients slideshow

\* --------------------------------- */
.slideshow--testimonials {
  --slide-padding: 3rem;
}
.slideshow--testimonials .slideshow__content {
  height: 25rem;
  position: relative;
  top: 0;
  left: calc(var(--slide-padding) * -1);
  padding-right: var(--slide-padding);
  width: calc(100% + var(--slide-padding) * 2);
}
.slideshow--testimonials .slideshow__slides {
  overflow: visible;
}
.slideshow--testimonials .slide__content {
  padding-left: var(--slide-padding);
}

@media (max-width: 767px) and (orientation: portrait), (max-width: 567px) {
  .slideshow--testimonials .slideshow__content {
    height: 29rem;
  }
}
@media (min-width: 568px) and (max-width: 1023px) and (orientation: landscape) {
  .slideshow--testimonials {
    width: calc(100% - var(--slide-padding) * 2 - 6rem);
    margin-left: auto;
    margin-right: auto;
  }
}

/*# sourceMappingURL=--8-6-slideshow.css.map */