/* Patiko: the quote in a yellow speech bubble, score as a round sticker */
.cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__box {
  display: grid;
  gap: 2rem;
  align-items: center;
}

.cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__score {
  justify-self: start;
  display: grid;
  place-items: center;
  align-content: center;
  width: 9rem;
  aspect-ratio: 1;
  border: 3px solid var(--patiko-ink);
  border-radius: 50%;
  background: var(--patiko-rose);
  color: var(--patiko-white);
  text-align: center;
  transform: rotate(-8deg);
  box-shadow: 0 5px 0 var(--patiko-ink);
}

.cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__score b {
  font-family: var(--patiko-font-soft);
  font-weight: 800;
  font-size: 2.75rem;
  line-height: 1;
}

.cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__score span {
  font-size: 0.75rem;
  letter-spacing: 1px;
  color: var(--patiko-warning);
}

.cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__score small {
  max-width: 6.5rem;
  font-size: 0.6875rem;
  line-height: 1.25;
  opacity: 0.9;
}

.cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__slides.is-ready .testimonial-item {
  display: none;
}

.cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__slides.is-ready .testimonial-item.is-active {
  display: grid;
  animation: cc_digq6ux4_CvxtoMv072_patiko-bubble-in 0.5s cubic-bezier(.34, 1.56, .64, 1);
}

.cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__slides:not(.is-ready) .testimonial-item + .testimonial-item {
  margin-top: 2rem;
}

.cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__nav {
  display: flex;
  gap: 0.625rem;
}

.cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__nav button {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 2px solid var(--patiko-ink);
  background: var(--patiko-white);
  display: grid;
  place-items: center;
  font-size: 1.125rem;
  cursor: pointer;
  color: var(--patiko-ink);
  box-shadow: 0 3px 0 var(--patiko-ink);
  transition: transform 0.15s, box-shadow 0.15s, background 0.2s;
}

.cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__nav button:hover {
  background: var(--patiko-warning);
}

.cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__nav button:active {
  transform: translateY(2px);
  box-shadow: 0 1px 0 var(--patiko-ink);
}

@media (min-width: 1024px) {
  .cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__box {
    grid-template-columns: auto 1fr auto;
    gap: 3rem;
  }

  .cc_digq6ux4_CvxtoMv072 .testimonial-spotlight__nav {
    flex-direction: column;
  }
}

@keyframes cc_digq6ux4_CvxtoMv072_patiko-bubble-in {
  from { opacity: 0; transform: scale(0.94) rotate(-1deg); }
  to { opacity: 1; transform: none; }
}
