.tcard {
  height:auto;
  padding:30px 30px 26px;
  color:var(--color-font);
  background:var(--color-background-tcard,var(--color-block-background));
  border-radius:var(--border-radius);
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.tcard._featured {
  background:linear-gradient(0deg,var(--color-block-background),var(--color-block-background)),radial-gradient(132.62% 115.25% at 100% 100%,rgba(31,156,86,.3) 0,rgba(114,137,49,0) 100%)
}
.tcard._featured .tcard__date {
  color:rgba(var(--color-green),1)
}
.tcard:not(:last-child) {
  margin-bottom:10px
}
.tcard__head {
  display:flex
}
.tcard__avatar {
  width:35px;
  height:35px;
  margin-right:20px
}
.tcard__avatar img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  transition:opacity .4s ease-in-out
}
.tcard__avatar .lazy-img {
  position:absolute;
  inset:0
}
.tcard__user {
  display:flex;
  flex-direction:column;
  min-width:1px
}
.tcard__user-name {
  font-variation-settings:"wght" 700;
  max-height:20px;
  overflow:hidden;
  min-width:1px;
  white-space:nowrap;
  text-overflow:ellipsis;
  margin-top:-4px;
  font-size:16px
}
@supports not (font-variation-settings:normal) {
  .tcard__user-name {
    font-weight:700
  }
}
.tcard__date {
  margin-top:8px;
  font-size:14px;
  line-height:1;
  color:var(--color-font-60)
}
.tcard__review {
  overflow:hidden;
  display:-webkit-box;
  margin-top:14px;
  font-size:16px;
  line-height:25px;
  word-wrap:break-word;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  font-variation-settings:"wght" 500
}
@supports not (font-variation-settings:normal) {
  .tcard__review {
    font-weight:500
  }
}
.tcard__product {
  margin-top:16px;
  font-variation-settings:"wght" 500;
  font-size:12px;
  line-height:1;
  color:var(--color-font-60)
}
@supports not (font-variation-settings:normal) {
  .tcard__product {
    font-weight:500
  }
}
.tcard__rating {
  margin-top:26px
}
.tcard:hover .tcard__review {
  -webkit-line-clamp:10
}
@media only screen and (max-width:1440px) {
  .tcard {
    padding:20px 20px 16px
  }
  .tcard__avatar.avatar {
    width:30px;
    height:30px;
    margin-right:15px
  }
  .tcard__user-name {
    max-height:18px;
    font-size:14px
  }
  .tcard__date {
    margin-top:6px;
    font-size:12px
  }
  .tcard__review {
    margin-top:10px;
    font-size:14px;
    line-height:20px
  }
  .tcard__product {
    margin-top:12px
  }
  .tcard__rating {
    margin-top:16px
  }
}
@media only screen and (max-width:768px) {
  .tcard {
    padding:30px 30px 26px
  }
  .tcard__rating {
    margin-top:24px
  }
  .tcard__review {
    margin-top:16px
  }
}
.stars {
  display:flex
}
.stars__el {
  flex:none;
  width:20px;
  height:20px;
  font-size:0
}
.stars__el:not(:last-child) {
  margin-right:5px
}
.stars._large .stars__el {
  width:15px;
  height:15px
}
.stars._large .stars__el:not(:last-child) {
  margin-right:10px
}
@media only screen and (max-width:1440px) {
  .stars__el {
    width:15px;
    height:15px
  }
}