.feedback__inner {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 525px;
  gap: 16px;
}
.feedback__video {
  position: relative;
  outline: none;
}
.feedback__video .reviews-node__video {
  height: 100%;
}
.feedback__video .reviews-node__video picture {
  height: 100%;
  display: block;
}
.feedback__video .reviews-node__video picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.feedback__video-play {
  position: absolute;
  right: 0;
  top: 0;
  width: 96px;
  height: 96px;
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: var(--color-content-primary);
}
.feedback__info {
  display: grid;
  gap: 16px;
  grid-template-rows: auto 1fr;
  padding: 24px;
}
.feedback__info-top {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-content: space-between;
  align-items: center;
}
.feedback__info-top-wrap {
  display: flex;
  gap: 16px;
  align-items: center;
}
.feedback__info-name {
  margin: 0;
}
.feedback__slider-container {
  position: relative;
}
.feedback__slider-container .feedback__inner,
.feedback__slider-container .feedback__video {
  margin: auto 0;
}
.feedback-page .views-infinite-scroll-content-wrapper.clearfix {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 16px;
}
.feedback-page__item {
  display: grid;
  grid-template-rows: auto 1fr;
  align-content: start;
  background: var(--color-bg-neutral-25, #F7F7F7);
}
.feedback-page__item-video {
  position: relative;
}
.feedback-page__item-info {
  padding: 24px;
  display: grid;
  grid-template-rows: auto 1fr 24px;
  gap: 16px;
}
.feedback-page__item-info-top {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 40px;
  justify-content: space-between;
}
.feedback-page__item-info-top-wrap {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 16px;
  align-items: center;
}
.feedback-page__item-info-name {
  margin: 0;
}
.feedback-page__item-info-descr {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.feedback-page__item .feedback__video-play {
  width: 71px;
  height: 71px;
}
.feedback-page__item .feedback__video-play svg {
  width: 23px;
  height: 23px;
}
.feedback-page__item .starrating {
  flex-wrap: nowrap;
  display: flex;
}
.feedback-page__item .starrating .star1-on {
  margin: 0;
}
.feedback-page .pager {
  margin-top: 20px;
}
.feedback-page .pager .pager__item {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1275px) {
  .feedback-page__item-info-top {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .feedback-page__item-info-top-wrap {
    grid-template-columns: auto max-content;
  }
}
@media (max-width: 1250px) {
  .feedback__inner {
    grid-template-rows: auto;
  }
  .feedback__info {
    padding: 16px;
  }
  .feedback__info-top {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .feedback__info-rating {
    order: -1;
  }
  .feedback__info-rating .starrating div {
    margin: 0;
  }
}
@media (max-width: 960px) {
  .feedback__inner {
    grid-template-columns: 1fr 1fr;
  }
  .feedback__video-play {
    width: 65px;
    height: 65px;
  }
}
@media (max-width: 900px) {
  .feedback-page .views-infinite-scroll-content-wrapper.clearfix {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 840px) {
  .feedback__inner {
    grid-template-columns: 1fr;
  }
  .feedback__info {
    padding: 10px;
  }
  .feedback__slider-container .feedback__inner,
  .feedback__slider-container .feedback__video {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .feedback-page__item-info {
    padding: 16px;
  }
  .feedback-page__item .feedback__video-play {
    width: 55px;
    height: 55px;
  }
  .feedback-page__item .feedback__video-play svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 570px) {
  .feedback-page .views-infinite-scroll-content-wrapper.clearfix {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .feedback__info {
    padding: 0;
  }
  .feedback__video-play {
    width: 50px;
    height: 50px;
  }
  .feedback__video-play svg {
    width: 14px;
    height: 18px;
  }
}
@media (max-width: 400px) {
  .feedback-page .pager .pager__item {
    grid-template-columns: 1fr;
  }
}/*# sourceMappingURL=feedback.css.map */