/* Sized off custom properties set by the Testimonials track (they inherit
   through IkasComponentRenderer's `display:contents` wrapper divs regardless
   of DOM depth); the fallbacks here (512px fixed card) keep this component
   rendering sanely if previewed outside that context. */
.cc_q8ux376z_7c5viuIFVe .testimonial-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 0 0 var(--cc-testimonial-basis, 512px);
  width: var(--cc-testimonial-basis, 512px);
  height: auto;
  scroll-snap-align: start;
  padding: 32px;
  background: var(--asbcXylAmk);
  border-radius: 8px;
  box-shadow: 0 8px 32px color-mix(in srgb, var(--wRii4B2Py4) 8%, transparent);
  box-sizing: border-box;
}

.cc_q8ux376z_7c5viuIFVe .testimonial-card__quote-icon {
  width: 24px;
  height: 21px;
  flex-shrink: 0;
  color: var(--sfoPrYUabu);
}

.cc_q8ux376z_7c5viuIFVe .testimonial-card__quote {
  margin: 0;
  color: var(--sfoPrYUabu);
}

.cc_q8ux376z_7c5viuIFVe .testimonial-card__author {
  /* Cards stretch to the tallest card in the row (see Testimonials'
     .cc-testimonials__track align-items:stretch) — pin the name to the
     bottom regardless of how short the quote above it is. */
  margin: auto 0 0;
  color: var(--sfoPrYUabu);
}

/* Figma mobile card (node 13337-50787) keeps the same 32px padding as
   desktop — only the quote/author text shrink to Caption size (12px). */
@media (max-width: 768px) {
  .cc_q8ux376z_7c5viuIFVe .testimonial-card__quote {
    font-size: 12px;
  }

  .cc_q8ux376z_7c5viuIFVe .testimonial-card__author {
    font-size: 12px;
  }
}