@charset "utf-8";

.review { max-width: 700px; margin: 0px auto; background: rgb(255, 255, 255); border: 1px solid rgb(229, 231, 235); border-radius: 12px; padding: 24px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 6px; }

.header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }

.left { display: flex; align-items: center; gap: 12px; }

.avatar { width: 42px; height: 42px; border-radius: 50%; background: rgb(156, 163, 175); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-weight: 600; font-size: 18px; flex-shrink: 0; }

.userinfo { display: flex; flex-direction: column; }

.name { font-weight: 600; font-size: 15px; color: rgb(17, 24, 39); }

.meta { color: rgb(107, 114, 128); font-size: 13px; }

.close { color: rgb(156, 163, 175); cursor: pointer; font-size: 20px; line-height: 1; }

.stars { display: flex; align-items: center; gap: 6px; margin: 10px 0px; }

.stars svg { width: 18px; height: 18px; fill: rgb(16, 185, 129); }

.verified { color: rgb(5, 150, 105); font-size: 14px; margin-left: 6px; }

.ago { margin-left: auto; font-size: 13px; color: rgb(107, 114, 128); }

.review .title { font-weight: 600; margin: 8px 0px; font-size: 15px; color: black; }

.text { font-size: 14px; line-height: 1.6; color: rgb(55, 65, 81); }

.footer { margin-top: 18px; }

.date { font-size: 12px; background: rgb(243, 244, 246); padding: 4px 8px; border-radius: 6px; color: rgb(75, 85, 99); display: inline-block; }