/* compiled by scssphp 1.6.0 on Tue, 04 Aug 2026 07:56:27 +0000 (0.1878s) */

.card.--media.--slider {
  height: fit-content;
  background: transparent;
}
.card.--media.--slider:not(:has(.card.--reference.--compact.--media-slide)) {
  height: 100%;
}
.card.--media.--slider .button.--dialog {
  height: unset;
  background: transparent;
  gap: 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.card.--media.--slider .button.dialog__trigger {
  flex-direction: column;
}
@media (min-width: 48rem) {
  .card.--media.--slider .button.dialog__trigger {
    flex-direction: row;
  }
}
.card.--media.--slider .media:has(+ .card.--reference.--compact.--media-slide) {
  --card__media-height--media--slider: 20rem;
}
@media (min-width: 48rem) {
  .card.--media.--slider .media:has(+ .card.--reference.--compact.--media-slide) {
    --card__media-height--media--slider: 100%;
  }
}
.card.--reference.--compact {
  --references-slider-compact__card-box-shadow: none;
  --references-slider-compact__card-border-radius: var(--border-radius-small);
  --references-slider-compact__card__link-padding: 1.5rem;
  --references-slider-compact__card__link-row-gap: 2rem;
  --references-slider-compact__card__quote-margin-block: 0.75rem 0;
  --references-slider-compact__card__quote-font-style: normal;
  --references-slider-compact__card__image-block-size: 4rem;
  --references-slider-compact__card__image-inline-size: 4rem;
  --references-slider-compact__card__image-grid-column: 1/3;
  --references-slider-compact__card__person-grid-column: 2/2;
  --references-slider-compact__card__image-justify-self: start;
  --references-slider-compact__card__person-align-self: end;
  --references-slider-compact__card__link-grid-template-columns: 5.5rem auto;
  --references-slider-compact__card__stars-order: 2;
  --references-slider-compact__card__stars-svg-fill: var(--color-yellow);
  background-color: var(--color-white);
  color: var(--color-text);
}
@media (min-width: 64rem) {
  .card.--reference.--compact {
    --references-slider-compact__card__person-align-self: center;
  }
}
@media (min-width: 85rem) {
  .card.--reference.--compact {
    --references-slider-compact__card__link-padding: 3rem;
  }
}
.card.--reference.--compact .card__title {
  font-size: var(--font-size--sm);
}
.card.--reference.--compact .card__quote {
  line-height: 1.8;
}
.card.--reference.--compact .card__image {
  border-radius: 50%;
}
.card.--reference.--compact .card__info {
  gap: 0.5rem;
  grid-column: 2;
  grid-row: 2;
}
.card.--reference.--compact .card__name {
  order: -1;
  font-size: 1rem;
  font-weight: var(--font-weight--semibold);
}
.card.--reference.--compact .card__star.--empty svg.icon.--star {
  fill: rgba(255, 191, 0, 0.2);
}
.card.--reference.--compact .card__item {
  display: none;
}
.card.--reference.--compact:not(:has(.card__image)) .card__info {
  grid-column: 1 / 3;
  grid-row: 2;
}
.card.--reference.--compact.--media-slide {
  padding: 2rem;
  border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
}
@media (min-width: 48rem) {
  .card.--reference.--compact.--media-slide {
    border-radius: var(--border-radius-small);
  }
}
@media (min-width: 48rem) {
  .card.--reference.--compact.--media-slide {
    max-width: 20rem;
    position: absolute;
    left: 1.125rem;
    bottom: 1.125rem;
  }
}
.card.--reference.--compact.--media-slide .card__link {
  grid-template-columns: 3.25rem 1fr;
  column-gap: 1rem;
  row-gap: 1.5rem;
}
.card.--reference.--compact.--media-slide .card__content {
  grid-column: 1 / 3;
  grid-row: 1;
}
.card.--reference.--compact.--media-slide .card__quote {
  margin-block: 0;
  font-size: 1.125rem;
}
.card.--reference.--compact.--media-slide .card__info {
  grid-column: 2;
  grid-row: 2;
}
.card.--reference.--compact.--media-slide .card__image {
  min-inline-size: 3.25rem;
  min-block-size: 3.25rem;
  grid-column: 1;
  grid-row: 2;
}
.card.--reference.--compact.--media-slide .icon.--star {
  min-width: 1.125rem;
  min-height: 1.125rem;
  padding: 0;
  background: transparent;
  color: var(--color-yellow);
}
.card.--reference.--compact.--media-slide .--empty svg.icon.--star {
  fill: rgba(255, 191, 0, 0.2);
}
.card.--reference.--compact.--media-slide:not(:has(.card__image)) .card__info {
  grid-column: 1 / 3;
}
.media-slider {
  padding-block: var(--padding-xlarge);
  justify-items: center;
}
.media-slider__container {
  max-width: var(--container-width);
  display: grid;
  grid-template-columns: MINMAX(var(--container-min-space, 1rem), 1fr) repeat(var(--container-columns, 12), MINMAX(0, var(--container-column-width))) MINMAX(var(--container-min-space, 1rem), 1fr);
}
.media-slider .heading {
  margin-block-end: var(--margin-medium);
  grid-column: 2 / -2;
}
@media (min-width: 64rem) {
  .media-slider .heading {
    margin-block-end: 3rem;
  }
}
@media (min-width: 85rem) {
  .media-slider .heading {
    grid-column: 1 / -1;
  }
}
.media-slider .slider {
  --slides: 1;
  --space-between: 0.625;
  --numbers: none;
  --pagination: show;
  --pagination-type: bullets;
  --slider__pager-span-inline-size: 0.625rem;
  --slider__pager-span-block-size: 0.625rem;
  --swiper-pagination-bullet-inactive-color: var(--color-grey-2);
  --swiper-pagination-color: var(--color-2);
  --swiper-pagination-bullet-horizontal-gap: 0.375rem;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --slider__padding-block: 6.3125rem;
  --media-slider__slider-pager-min-inline-size: auto;
  --media-slider__slider-pager-margin-block: 0;
  --media-slider__button-visibility--disabled: visible;
  --media__image-object-fit: cover;
  --media-slider__slide-ratio: 1 / 1;
  grid-column: 2 / -2;
  padding-block-end: 0;
}
@media (min-width: 48rem) {
  .media-slider .slider {
    --slides: 1.5;
    --space-between: 1;
    padding-block-end: 0;
  }
}
@media (min-width: 64rem) {
  .media-slider .slider {
    --slides: 2;
    --space-between: 1.5;
  }
}
@media (min-width: 85rem) {
  .media-slider .slider {
    grid-column: 1 / -1;
  }
}
.media-slider .slider__controls {
  width: 100%;
  margin-block-start: 2rem;
  gap: 0.75rem;
}
.media-slider .slider__pager {
  display: flex;
  align-items: center;
  inline-size: auto;
}
.media-slider .slider__pager span {
  border-radius: 50%;
}
.media-slider .slider .button.--control {
  background-color: transparent;
  color: var(--color-text);
}
.media-slider .slider .button.--control:has(.icon.--arrow-right):not(.--icon-only) .icon.--arrow-right {
  position: relative;
  inset-inline-start: auto;
  inset-block-start: auto;
  transform: unset;
}
.media-slider .slider__slides {
  height: fit-content;
}
.media-slider .slider__slides:has(.card.--reference.--compact.--media-slide) {
  --media-slider__slide-ratio: auto;
}
@media (min-width: 48rem) {
  .media-slider .slider__slides:has(.card.--reference.--compact.--media-slide) {
    --media-slider__slide-ratio: inherit;
  }
}
.media-slider .slider .swiper-slide {
  opacity: 1;
}
@media (min-width: 48rem) {
  .media-slider .slider .swiper-slide {
    opacity: 0.2;
  }
  .media-slider .slider .swiper-slide-active, .media-slider .slider .swiper-slide-next {
    opacity: 1;
  }
}
.media-slider .slider .button.--dialog {
  inline-size: 100%;
}
.media-slider .slider .card.--media {
  border-radius: var(--border-radius-small);
  overflow: hidden;
}
.media-slider .slider .media {
  inline-size: 100%;
  block-size: 100%;
}
.media-slider .slider .media img {
  aspect-ratio: var(--media-slider__slide-ratio);
  inline-size: 100%;
  block-size: auto;
  object-fit: cover;
}
.media-slider.--background-white {
  background-color: var(--color-white);
  color: var(--color-text);
  margin-block: 1.5rem;
  padding-block: 3rem;
}
@media (min-width: 64rem) {
  .media-slider.--background-white {
    margin-block: 3rem;
    padding-block: 6rem;
  }
}
@media (min-width: 96rem) {
  .media-slider.--background-white {
    border-radius: var(--border-radius-small);
    margin-inline: var(--margin-medium);
  }
}
.media-slider.--one-slides .slider {
  --slides: 1;
  --navigation: none;
  --numbers: none;
  --pagination: none;
  padding-block-end: 0;
  --media-slider__slide-ratio: 2.6;
}
.media-slider.--one-slides .slider__controls {
  margin-block-start: 0;
}
.media-slider.--one-slides .slider .button.--control[hidden="hidden"] {
  display: none;
}
.media-slider.--one-slides .slider .card__image {
  inline-size: 100%;
}
.media-slider .dialog {
  --media-slider__dialog-background: var(--color-white);
  --media-slider__dialog-actions-top: 4.5rem;
  --media-slider__dialog-actions-right: 4.5rem;
  --media-slider__dialog-inline-size: 92%;
  border-radius: var(--border-radius-small);
}
.media-slider .dialog::before {
  display: none;
}
.media-slider .dialog__actions {
  z-index: 3;
}
.media-slider .dialog__slider {
  position: relative;
  inline-size: 100%;
  block-size: 100%;
  padding-block: 5rem 2rem;
}
.media-slider .dialog .slider {
  --slides: 1;
  --media-slider__slilder-inline-size: 86%;
  --slider__padding-block: 4rem;
  block-size: 100%;
  --media-slider__slide-ratio: auto;
}
.media-slider .dialog .slider .media img {
  object-fit: contain;
}
.media-slider .dialog .slider__slides {
  height: 80%;
}
@media (min-width: 64rem) {
  .media-slider .dialog .slider__slides {
    height: 90%;
  }
}
.media-slider .dialog .slider__slides .card.--media.--slider {
  height: 100%;
  overflow-y: scroll;
}
@media (min-width: 48rem) {
  .media-slider .dialog .slider__slides .card.--media.--slider {
    overflow-y: hidden;
  }
}
.media-slider .dialog .slider__slides .card.--media.--slider .button.--dialog {
  height: 100%;
  overflow-y: scroll;
}
.media-slider .dialog button.--control.--prev .icon, .media-slider .dialog button.--control.--next .icon {
  color: var(--color-text);
}
main:has(.textblock-title + .media-slider.--background-white) .media-slider.--background-white {
  margin-block-start: 0;
  padding-block-start: var(--padding-xlarge);
}
@media (min-width: 64rem) {
  main:has(.textblock-title + .media-slider.--background-white) .media-slider.--background-white {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
main:has(.textblock-title + .media-slider.--background-white) .header + .textblock-title {
  margin-block-end: 0;
  padding-block-end: var(--padding-xlarge);
}
@media (min-width: 64rem) {
  main:has(.textblock-title + .media-slider.--background-white) .header + .textblock-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
main:has(.media-slider.--background-white + .textblock-title) .media-slider.--background-white {
  margin-block-end: 0;
  padding-block-end: var(--padding-xlarge);
}
@media (min-width: 64rem) {
  main:has(.media-slider.--background-white + .textblock-title) .media-slider.--background-white {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
main:has(.media-slider.--background-white + .textblock-title) .media-slider.--background-white + .textblock-title {
  margin-block-start: 0;
  padding-block-start: var(--padding-xlarge);
}
@media (min-width: 64rem) {
  main:has(.media-slider.--background-white + .textblock-title) .media-slider.--background-white + .textblock-title {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Ftrapverbouwing%2Fdomains%2Ftrapverbouwing.nl%2Fpublic_html%2Fwp-content%2Fthemes%2Ftrapverbouwing%2Fsass%2Fsections%2F..%2Fcards%2Fcard-media-slider.scss%22%2C%22home%2Ftrapverbouwing%2Fdomains%2Ftrapverbouwing.nl%2Fpublic_html%2Fwp-content%2Fthemes%2Ftrapverbouwing%2Fsass%2Fsections%2F..%2Fcards%2Fcard-reference-slider-compact.scss%22%2C%22home%2Ftrapverbouwing%2Fdomains%2Ftrapverbouwing.nl%2Fpublic_html%2Fwp-content%2Fthemes%2Ftrapverbouwing%2Fsass%2Fsections%2Fmedia-slider.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC3BF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAmBC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOC%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAMD%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASC%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BACjIF%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAyBC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQD%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOC%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOC%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASC%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAUF%3BAAAA%3BAAAA%3BAASD%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMD%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQD%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */