.fc_testimonials {
  .tns-inner {
    padding-inline: var(--width-s);
  }

  .slides {
    display: flex;

    .slide {
      opacity: 0.5;
      transition: opacity 0.4s ease;

      .testimonial {
        --color-text: var(--color-navy);
        color: var(--color-text);
        border-radius: var(--border-radius-m);
        padding: var(--gap-m);
        display: flex;
        flex-flow: column nowrap;
        align-items: flex-start;
        height: 100%;

        .testimonial_content {
          margin-bottom: var(--gap-m);

          .content {
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            overflow: hidden;
            transition: all 0.4s ease;

            p {
              font-size: clamp(20px, 0.327vw + 18.118px, 24px);
            }

            &.expanded {
              -webkit-line-clamp: unset;
              display: block;
            }
          }

          .read_more_toggle {
            margin-top: var(--gap-xs);
            padding: 0;
            background: transparent;
            border: none;
            font-size: 18px;
            cursor: pointer;
            font-weight: 900;
            display: none;
            margin-top: 10px;
          }
        }

        .testimonial_meta {
          margin-top: auto;

          .rating {
            margin-bottom: var(--gap-xs);
            height: 20px;
            mask-position: left;
            mask-size: 23px 20px;
            mask-repeat: repeat-x;
            background-color: currentColor;
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='20' fill='none' viewBox='0 0 23 20'%3E%3Cpath fill='currentColor' d='M10.297.126a.226.226 0 0 1 .406 0l3.07 6.221a.23.23 0 0 0 .17.124l6.863.998c.186.027.26.255.125.386l-4.966 4.842a.23.23 0 0 0-.065.2l1.172 6.838a.226.226 0 0 1-.328.239l-6.139-3.229a.23.23 0 0 0-.21 0l-6.14 3.229a.226.226 0 0 1-.327-.24L5.1 12.898a.23.23 0 0 0-.065-.2L.069 7.855a.226.226 0 0 1 .125-.386l6.863-.998a.23.23 0 0 0 .17-.124z'/%3E%3C/svg%3E");

            &.rating_1 {
              width: 23px;
            }

            &.rating_2 {
              width: calc(23px * 2);
            }

            &.rating_3 {
              width: calc(23px * 3);
            }

            &.rating_4 {
              width: calc(23px * 4);
            }

            &.rating_5 {
              width: calc(23px * 5);
            }
          }

          .author {
            font-family: "Zalando Sans Expanded";
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 110%;
          }
        }
      }

      &.tns-slide-active {
        opacity: 1;
      }
    }
  }

  /* background */
  &.testimonial_blue {
    .slides {
      .slide {
        .testimonial {
          background-color: var(--color-blue);
        }
      }
    }
  }

  &.testimonial_green {
    .slides {
      .slide {
        .testimonial {
          background-color: var(--color-green);
        }
      }
    }
  }

  &.testimonial_pink {
    .slides {
      .slide {
        .testimonial {
          background-color: var(--color-pink);
        }
      }
    }
  }
}