{% import "../../css/_variables.css" as var %}

.module--quote-plus-copy .quote {
  width: 100%;
  padding: 60px;
  transition: .2s ease-in-out;
}

.module--quote-plus-copy .quote--light {
  background: ;
}

.module--quote-plus-copy .quote--dark {
  color: ;
  background: ;
}

.module--quote-plus-copy .quote--translucent.quote--light {
  background: rgba(, .9);
}

.module--quote-plus-copy .quote--translucent.quote--dark {
  background: rgba(, .9);
}

.module--quote-plus-copy .quote--dark .txt--dark {
  color: ;
}

.module--quote-plus-copy .quote .icon--light {
  color: ;
}

.module--quote-plus-copy .quote .icon--dark {
  color: ;
}

.module--quote-plus-copy .quote blockquote {
  margin-bottom: px;
}

.module--quote-plus-copy .quote--vertical-center {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  height: 100%;
}

.module--quote-plus-copy .quote__title {
  font-family: ;
  font-weight: ;
  margin-bottom: 0;
}

.module--quote-plus-copy .quote__icon {
  margin-bottom: px;
}

.module--quote-plus-copy .splide__pagination {
  margin-top: px;
}

.module--quote-plus-copy .regular-intro-text > :last-child {
  margin-bottom: 0;
}

/* Intro copy and quote sit side by side on large screens, stacked below. */

.module--quote-plus-copy .quote-copy {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: px;
}

.module--quote-plus-copy .quote-copy .intro-text,
.module--quote-plus-copy .quote-copy .quote {
  width: 100%;
  min-width: 0;
}

.module--quote-plus-copy .quote-copy .intro-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: px) {
  .module--quote-plus-copy .quote-copy {
    flex-direction: row;
    align-items: stretch;
    gap: 0;
  }

  .module--quote-plus-copy .quote-copy .intro-text,
  .module--quote-plus-copy .quote-copy .quote {
    width: 50%;
    flex: 0 0 50%;
  }

  .module--quote-plus-copy .regular-intro-text {
    padding-inline-end: px;
  }
}

@media (max-width: px) and (min-width: px) {
  .module--quote-plus-copy .quote {
    padding: px;
  }
}

@media (max-width: px) {
  .module--quote-plus-copy .quote-copy {
    gap: px;
  }

  .module--quote-plus-copy .quote {
    padding: px px;
  }

  .module--quote-plus-copy .splide .quote {
    padding-left: px;
    padding-right: px;
  }
}

/* Slider: center mode */

@media (min-width: px) {
  .module--quote-plus-copy .splide--center-mode:not(.splide--lg-2) .splide__slide:not(.is-active) .quote {
    transform: scale(.9);
    transform-origin: center center;
  }
}

@media (max-width: px) and (min-width: px) {
  .module--quote-plus-copy .splide--center-mode:not(.splide--md-2) .splide__slide:not(.is-active) .quote {
    transform: scale(.9);
    transform-origin: center center;
  }
}

@media (max-width: px) {
  .module--quote-plus-copy .splide--center-mode .splide__slide:not(.is-active) .quote {
    transform: scale(.9);
    transform-origin: center center;
  }
}