.box[data-v-b7cbaf4f]{display:grid;font-family:conke;font-weight:200;gap:10px;grid-template-columns:1fr auto}.avatar[data-v-b7cbaf4f]{border-radius:50%;height:30px;overflow:hidden;width:30px}.avatar img[data-v-b7cbaf4f]{display:block;height:100%;width:100%}.sendBtn[data-v-b7cbaf4f]{background-color:transparent;border:0;cursor:pointer;height:30px;width:30px}.sendBtn svg[data-v-b7cbaf4f]{height:100%;width:100%}textarea[data-v-b7cbaf4f]{box-sizing:border-box;font-family:Conke;font-size:16px;font-weight:200;height:35px;max-height:200px;outline:none;overflow:hidden;padding:5px;resize:none;width:100%}.addCommentImg[data-v-11ffb701]{height:auto;width:100%}.commentBox[data-v-11ffb701]{display:grid;gap:10px;grid-column-end:3;grid-column-start:1;grid-template-columns:auto 1fr;margin-top:20px}.title[data-v-11ffb701]{display:grid;gap:5px;grid-template-columns:auto auto auto;justify-content:start}.role[data-v-11ffb701]{align-items:center;display:grid;gap:2px;grid-template-columns:auto auto}.role span[data-v-11ffb701]{color:#518cea;font-size:12px;font-weight:200;margin-top:2px;text-transform:uppercase}.role svg[data-v-11ffb701]{height:14px;width:14px}.role path[data-v-11ffb701]{fill:#518cea}.childOfFirstChild[data-v-11ffb701]{grid-column-end:3;grid-column-start:2}.avatar[data-v-11ffb701]{border-radius:50%;height:22px;overflow:hidden;width:22px}.avatar img[data-v-11ffb701]{display:block;height:100%;width:100%}.name[data-v-11ffb701]{color:var(--black-color);font-weight:300}.date[data-v-11ffb701]{opacity:.7}.message[data-v-11ffb701]{display:grid;gap:10px;grid-template-columns:1fr auto}.message .text[data-v-11ffb701]{color:#12323e}.message.short .text[data-v-11ffb701]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.totalLikes[data-v-11ffb701]{opacity:.7}.reply[data-v-11ffb701]{cursor:pointer;text-decoration:underline}.text[data-v-11ffb701] span a{color:#5757d3}@keyframes liked-11ffb701{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.message button[data-v-11ffb701]{background-color:transparent;border:none;cursor:pointer;transition:all .3s}.like svg[data-v-11ffb701]{height:15px;width:15px}.like path[data-v-11ffb701]:last-child{stroke:#000}.message .isLiked[data-v-11ffb701]{animation-duration:.3s;animation-name:liked-11ffb701}.like.isHistory path[data-v-11ffb701]{stroke:#fff;fill:transparent}.isLiked.isHistory path[data-v-11ffb701]{stroke:#fff;fill:#fff}.message button svg[data-v-11ffb701]{transition:all .3s}.message button:not(.isLiked) svg[data-v-11ffb701]{fill:#fff}.isLiked svg[data-v-11ffb701]{fill:var(--black-color)}