/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/thuisbakkerswinkel/components/testimonial/src/testimonial.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.twz-testimonial {
  --testimonial-bg: var(--terracotta-500);
  --testimonial-quote-color: var(--beige-200);
  --testimonial-name-color: var(--text-color-light);
  --testimonial-role-color: var(--beige-200);
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
  max-inline-size: 100%;
  padding: 1.7rem 1.6rem;
  background-color: var(--testimonial-bg);
  color: var(--testimonial-name-color);
}
.twz-testimonial--beige-400 {
  --testimonial-quote-color: var(--brown-900);
  --testimonial-name-color: var(--brown-900);
  --testimonial-role-color: var(--brown-500);
}
.twz-testimonial--beige-400 .twz-testimonial__rating {
  --testimonial-star-fill: var(--brown-900);
  --testimonial-star-empty: color-mix(
    in srgb,
    var(--brown-900) 35%,
    transparent
  );
}
.twz-testimonial__quote {
  margin: 0;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.twz-testimonial__quote p {
  margin: 0;
  font-size: var(--fs-22);
  font-weight: 700;
  line-height: normal;
  color: var(--testimonial-quote-color);
}
.twz-testimonial__author {
  display: flex;
  align-items: center;
  gap: 1.7rem;
}
.twz-testimonial__media {
  flex-shrink: 0;
  overflow: clip;
}
.twz-testimonial__image, .twz-testimonial__image img {
  display: block;
  inline-size: 6rem;
  block-size: 6rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.twz-testimonial__meta {
  display: flex;
  flex-direction: column;
}
.twz-testimonial__name {
  margin: 0;
  font-size: var(--fs-16);
  font-weight: 700;
  line-height: var(--lineheight-base);
  color: var(--testimonial-name-color);
}
.twz-testimonial__role {
  margin: 0;
  font-family: var(--font-special);
  font-size: var(--fs-10);
  line-height: normal;
  color: var(--testimonial-role-color);
}
.twz-testimonial:has(.twz-testimonial__rating) .twz-testimonial__name {
  font-weight: 400;
}
.twz-testimonial__rating {
  --testimonial-star-fill: var(--beige-100);
  --testimonial-star-empty: color-mix(
    in srgb,
    var(--beige-100) 45%,
    transparent
  );
}
.twz-testimonial__rating .stars {
  --star-fill-color: var(--testimonial-star-fill);
  --star-empty-color: var(--testimonial-star-empty);
}
.twz-testimonial__rating .stars__wrapper {
  gap: 0.5rem;
}
.twz-testimonial__rating .stars__rating {
  color: var(--testimonial-name-color);
  font-size: var(--fs-12);
}