/* Файл сгенерирован из style.scss - вручную не редактировать */
.review-card {
  --review-card-radius: clamp(1rem, 0.7980769231rem + 0.8974358974vw, 1.875rem);
  --review-card-padding: 1.25rem;
  --review-card-play-size: clamp(3.125rem, 2.8653846154rem + 1.1538461538vw, 4.25rem);
  --review-card-shade: linear-gradient(transparent, var(--color-black-alpha-80));
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  aspect-ratio: 5/6;
  overflow: hidden;
  color: var(--color-white);
  text-align: start;
  background-color: var(--color-black);
  border-radius: var(--review-card-radius);
}
.review-card__preview {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.review-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--review-card-play-size);
  height: var(--review-card-play-size);
  color: var(--color-black);
  background-color: var(--color-white);
  border-radius: 50%;
  transition-duration: var(--transition-duration);
  transition-property: scale, background-color;
}
@media (any-hover: hover) {
  .review-card:hover .review-card__play, .review-card.is-active .review-card__play {
    background-color: var(--color-gray);
    scale: 1.1;
  }
}
@media (any-hover: none) {
  .review-card:active .review-card__play, .review-card.is-active .review-card__play {
    background-color: var(--color-gray);
    scale: 1.1;
  }
}
.review-card:focus-visible .review-card__play {
  background-color: var(--color-gray);
  scale: 1.1;
}
.review-card__play-icon {
  width: clamp(0.75rem, 0.6634615385rem + 0.3846153846vw, 1.125rem);
  height: clamp(1.0625rem, 0.9326923077rem + 0.5769230769vw, 1.625rem);
  margin-inline-start: 0.15em;
}
.review-card__body {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 3.75rem var(--review-card-padding) var(--review-card-padding);
  margin-block-start: auto;
  background-image: var(--review-card-shade);
}
.review-card__name {
  font-size: clamp(1rem, 0.9711538462rem + 0.1282051282vw, 1.125rem);
  font-weight: 700;
  line-height: 1.2;
}
.review-card__position {
  font-size: clamp(0.875rem, 0.8461538462rem + 0.1282051282vw, 1rem);
  line-height: 1.2;
  opacity: 0.7;
}
/*# sourceMappingURL=style.css.map */