/* compiled by scssphp 1.6.0 on Fri, 08 May 2026 09:18:32 +0000 (0.0619s) */

.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;
}
.card.--google {
  background: none;
  border-radius: 0;
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  grid-template-rows: max-content max-content;
  gap: 0 1rem;
  align-items: center;
}
.card.--google .card--google__stars {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  gap: 2px;
}
.card.--google .card--google__reviews-count {
  grid-column: 2;
  grid-row: 2;
  margin-block-end: 0;
  font-size: var(--font-size--xs);
  font-weight: var(--font-weight--medium);
}
.card.--google .card--google__half-star {
  position: relative;
}
.card.--google .card--google__half-star .icon.--star {
  fill: rgba(255, 191, 0, 0.2);
}
.card.--google .card--google__star--half {
  position: absolute;
  top: 0;
  left: 0;
}
.card.--google .icon.--google {
  grid-row: 1 / -1;
  grid-column: 1;
}
.card.--google .icon.--star, .card.--google .icon.--star-half {
  fill: var(--color-yellow);
}
.references-slider-compact {
  padding-block: var(--padding-xlarge);
  position: relative;
  z-index: 2;
}
.references-slider-compact__container {
  place-content: flex-start;
  grid-template-rows: repeat(4, auto);
  position: relative;
}
.references-slider-compact .heading {
  grid-column: span 12;
  grid-row: 1;
  margin-block-end: var(--margin-medium);
}
@media (min-width: 64rem) {
  .references-slider-compact .heading {
    grid-column: span 3;
  }
}
.references-slider-compact .card.--google {
  grid-column: span 12;
  grid-row: 2;
}
@media (min-width: 64rem) {
  .references-slider-compact .card.--google {
    grid-column: span 3;
  }
}
.references-slider-compact .slider {
  grid-column: 1/-1;
  grid-row: 3;
  position: static;
  margin-block-start: 1.5rem;
  max-inline-size: 100%;
  --slides: 1;
  --space-between: 1;
  --numbers: none;
  --pagination: show;
  --pagination-type: bullets;
  --references-slider-compact__slider__controls-max-width: 100%;
  --references-slider-compact__slider__controls-flex-wrap: nowrap;
  --references-slider-compact__slider__pager-margin-block: 0;
  --references-slider-compact__slider__button-visibility: visible;
  --references-slider-compact__slider__swiper-slide-transition: opacity 0.15s ease-in-out;
  --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;
  --references-slider-compact__slider__pager-min-inline-size: auto;
  --references-slider-compact__slider-display: block;
  --references-slider-compact__slider-padding-block-end: 6.3125rem;
}
@media (min-width: 48rem) {
  .references-slider-compact .slider {
    --slides: 2;
    --space-between: 1.5;
  }
}
@media (min-width: 64rem) {
  .references-slider-compact .slider {
    margin-block-start: 0;
    grid-column: 5/span 8;
    grid-row: 1/-1;
    --references-slider-compact__slider__controls-max-width: none;
    --references-slider-compact__slider__pager-min-inline-size: 80%;
    --references-slider-compact__slider-display: grid;
    --references-slider-compact__slider-padding-block-end: 0;
  }
}
.references-slider-compact .slider__controls {
  gap: 0.75rem;
  margin-block-start: 1.5rem;
}
@media (min-width: 64rem) {
  .references-slider-compact .slider__controls {
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 0;
    z-index: 1;
    margin-block-start: 0;
  }
}
.references-slider-compact .slider__pager {
  display: flex;
  align-items: center;
  inline-size: auto;
}
.references-slider-compact .slider__pager span {
  border-radius: 50%;
}
.references-slider-compact .slider .button.--control {
  background-color: transparent;
}
.references-slider-compact .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;
}
.references-slider-compact .slider .swiper-slide {
  opacity: 0;
}
.references-slider-compact .slider .swiper-slide-active {
  opacity: 1;
}
.references-slider-compact .slider .swiper-slide-active ~ * {
  opacity: 1;
}
.references-slider-compact .icon.--stairs {
  position: absolute;
  inset-inline-start: -19.75rem;
  inset-block-start: -2.75rem;
  inline-size: 141.1875rem;
  block-size: 81.5rem;
  rotate: 90deg;
  z-index: -1;
  display: none;
}
@media (min-width: 48rem) {
  .references-slider-compact .icon.--stairs {
    display: block;
  }
}
/*# 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-reference-slider-compact.scss%22%2C%22home%2Ftrapverbouwing%2Fdomains%2Ftrapverbouwing.nl%2Fpublic_html%2Fwp-content%2Fthemes%2Ftrapverbouwing%2Fsass%2Fsections%2F..%2Fcards%2Fcard-google.scss%22%2C%22home%2Ftrapverbouwing%2Fdomains%2Ftrapverbouwing.nl%2Fpublic_html%2Fwp-content%2Fthemes%2Ftrapverbouwing%2Fsass%2Fsections%2Freferences-slider-compact.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%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%3BACpIF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAC5CF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAAA%3BAAIC%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%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA0BC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQD%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAOH%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */