.comment-author{align-items:center;gap:8px;display:inline-flex}.comment-author__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.comment-author__avatar--placeholder{background:#e8ddcb}.comment-author__username{color:#505050;white-space:nowrap;font-size:12px;font-weight:600}.comment-author__time{color:#b6b2aa;font-size:12px}
.fish-comments{text-align:left;flex-direction:column;gap:16px;display:flex}.fish-comments__form{flex-direction:column;gap:8px;display:flex}.fish-comments__list{flex-direction:column;display:flex}.fish-comments__list:empty{display:none}.fish-comments__item{border-bottom:2px solid #e8ddcb;padding:16px 0}.fish-comments__item:last-child{border-bottom:none}.fish-comments__item-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.fish-comments__body{color:#505050;margin:0;font-size:14px;line-height:1.5}.fish-comments__hidden{color:#b6b2aa;margin:0;font-size:14px;font-style:italic}.fish-comments__actions{align-items:center;gap:8px;display:flex}.fish-comments__delete{color:#b6b2aa;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;padding:8px;display:flex}.fish-comments__delete:hover{color:#ff3434;background:#ff343414}.fish-comments__reply-btn{color:#b6b2aa;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px;font-size:12px;font-weight:600}.fish-comments__reply-btn:hover{color:#ffba6d;background:#ffba6d1a}.fish-comments__reply-form{flex-direction:column;gap:8px;margin-top:8px;display:flex}.fish-comments__replies{border-left:2px solid #e8ddcb;margin-top:8px;margin-left:40px;padding-left:16px}.fish-comments__author{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.fish-comments__edited{color:#b6b2aa;font-size:12px;font-style:italic}.fish-comments__edit-form{flex-direction:column;gap:8px;display:flex}.fish-comments__footer{align-items:center;gap:4px;margin-top:8px;display:flex}.fish-comments__reaction.button{color:#b6b2aa;padding:4px 8px;font-size:12px}.fish-comments__reaction.button.active{color:#e0607e}.fish-comments__icon-btn.button{color:#b6b2aa}@media screen and (max-width:768px){.fish-comments__replies{margin-left:8px;padding-left:8px}}