@layer components{.review-card{border:1px solid var(--color-grey-white-90);background-color:#fff;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.review-card--public{background-color:var(--color-grey-white-95)}.review-card__head{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar names meta";align-items:center;gap:12px;display:grid}.review-card__avatar{background-color:var(--color-grey-white-80);width:40px;height:40px;color:var(--color-grey);border-radius:10px;flex-shrink:0;grid-area:avatar;justify-content:center;align-items:center;display:flex;overflow:hidden}.review-card__avatar img{object-fit:cover;width:100%;height:100%}.review-card__avatar svg{width:18px;height:18px}.review-card__names{flex-direction:column;grid-area:names;gap:2px;min-width:0;display:flex}.review-card__name{white-space:nowrap;text-overflow:ellipsis;font-weight:var(--font-weight-semibold);overflow:hidden}.review-card__name a{color:inherit;text-decoration:none}.review-card__name a:hover{color:var(--color-first)}.review-card__role{font-size:var(--font-size-small);color:var(--color-grey)}.review-card__meta{flex-direction:column;grid-area:meta;align-items:flex-end;gap:4px;display:flex}.review-card__date{font-size:var(--font-size-small);color:var(--color-grey);white-space:nowrap}.review-card__text{color:var(--color-grey-black-40);white-space:pre-line;margin:0}.review-card__status{border-radius:var(--rounded-radius);font-size:var(--font-size-small);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.review-card__status svg{flex-shrink:0;width:16px;height:16px;margin-top:2px}.review-card--pending .review-card__status{color:#c2410c;background-color:#fff7ed}.review-card--rejected .review-card__status{color:#be123c;background-color:#fff1f2}.review-card__actions{flex-wrap:wrap;gap:8px;display:flex}.review-card--pending,.review-card--rejected{background-color:var(--color-grey-white-90)}@media (width<768px){.review-card{padding:16px}.review-card__head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar names""meta meta"}.review-card__meta{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}}@media (width>=1200px){.review-card__avatar{width:60px;height:60px}.review-card__name{font-size:var(--font-size-large)}}}