.commentsContainer{margin-block:60px;font-family:sans-serif}.commentsTitle{margin-bottom:20px;font-size:20px;font-weight:400}.commentList{flex-direction:column;gap:18px;display:flex}.comment{gap:12px;padding-bottom:12px;display:flex}.commentAvatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.time{color:#666;font-size:12px}.comments-btns{justify-content:start;align-items:center;gap:10px;width:100%;margin-bottom:40px;display:flex}.comments-btns button{background:var(--background-btns);width:120px;color:var(--color-btns);outline:1px solid var(--outline-btns);cursor:pointer;border:none;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:10px 0;font-size:16px;display:flex}.replyBtn{color:#6e6e6e;background:0 0;border:0;outline:0}.reply{border-left:2px solid #222;gap:10px;margin-top:12px;margin-left:50px;padding-left:10px;display:flex}.commentContent{flex:1}.commentContent .username{font-size:14px}.commentContent p{margin-top:5px;font-size:13px;font-weight:400}.commentHeader{flex-direction:row;align-items:center;gap:15px;margin-bottom:5px;font-size:14px;font-weight:400;display:flex}.commentText{text-align:start;color:#cecece;white-space:pre-wrap;word-break:break-word;max-width:100%;font-size:15px;line-height:1.5}.commentCollapsed{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.showMoreBtn{color:var(--color-btns);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:0;font-size:13px}.showMoreBtn:hover{text-decoration:underline}.commentActions{color:#777;gap:16px;font-size:13px;display:flex}.commentActions button{cursor:pointer;background:0 0;border:none;font-weight:500}.commentInput{align-items:flex-end;gap:10px;display:flex}.commentTextarea{resize:none;color:#fff;background:var(--navbar);border:0;border-radius:2px;outline:none;width:100%;min-height:40px;margin:20px 0;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.4;overflow:hidden}.commentTextarea:focus{border-color:#999}.commentInput button{background:var(--background-btns);color:var(--color-btns);outline:1px solid var(--outline-btns);cursor:pointer;border:none;border-radius:2px;margin-top:-20px;padding:10px 16px;display:block}.commentInput button:hover{opacity:.9}.commentActions{gap:12px;margin-top:6px;display:flex}.commentActions button{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;gap:2px;font-size:13px;font-weight:500;display:flex}.commentActions button:hover{color:var(--color-btns)}.commentActions button.active{color:#f1ee1c}.commentActions button.active svg{fill:var(--color-btns);transition:all .2s;scale:105%}