.comment-item{display:flex;flex-direction:column;position:relative}.comment-item+.comment-item{margin-top:12px}.comment-item .comment-item-container{display:flex;gap:13px;width:100%}.comment-item .comment-item-container>.author .author-image{border-radius:50%;height:35px;overflow:hidden;width:35px}.comment-item .comment-item-container>.author .author-image img{height:100%;object-fit:cover;width:100%}.comment-item .comment-item-container>.right-side{display:flex;flex-direction:column;flex-grow:1}.comment-item .comment-item-container>.right-side .right-side-wrapper{display:flex;flex-direction:row}.comment-item .comment-item-container>.right-side .right-side-wrapper:hover .more-actions .ant-btn{opacity:1}.comment-item .comment-item-container>.right-side .right-side-wrapper .content-comment-box{display:flex;flex-direction:column;flex-grow:1}.comment-item .comment-item-container>.right-side .right-side-wrapper .content-comment-box .main-comment-content{width:100%}.comment-item .comment-item-container>.right-side .right-side-wrapper .content-comment-box .main-comment-content .top{align-items:center;display:flex;font-size:1.4rem;gap:10px}.comment-item .comment-item-container>.right-side .right-side-wrapper .content-comment-box .main-comment-content .top .created-at,.comment-item .comment-item-container>.right-side .right-side-wrapper .content-comment-box .main-comment-content .top .updated-text{color:var(--text-color-gray);font-size:1.3rem}.comment-item .comment-item-container>.right-side .right-side-wrapper .content-comment-box .main-comment-content .actions-comment{align-items:center;display:flex;gap:10px;margin-bottom:3px;margin-top:7px}.comment-item .comment-item-container>.right-side .right-side-wrapper .content-comment-box .main-comment-content .actions-comment .ant-btn.reply{border-radius:20px;font-size:1.3rem}.comment-item .comment-item-container>.right-side .right-side-wrapper .more-actions .ant-btn{opacity:0}.comment-item .comment-item-container>.right-side .right-side-wrapper .more-actions .ant-btn svg{height:2rem;width:2rem}.comment-item .comment-item-container>.right-side .comment-form{margin-top:5px}.comment-item .comment-item-container>.right-side .loading-replies.loading-circle{padding:5px 50px}.comment-item .comment-item-container>.right-side .loading-replies.loading-spinner{padding:20px 50px}.comment-item .comment-item-container>.right-side .replies{margin-top:3px}.comment-item .comment-item-container>.right-side .replies>.ant-btn.reply{background-color:initial;border-radius:20px;color:var(--text-link-color);font-size:1.4rem;font-weight:500;padding:3px 15px 3px 7px;transition:background-color 0s}.comment-item .comment-item-container>.right-side .replies>.ant-btn.reply:hover{background-color:#3c3c3c80}.comment-item .comment-item-container>.right-side .replies>.ant-btn.reply svg.caret{color:var(--text-link-color);font-size:2.5rem;height:2.5rem;margin-right:3px;width:2.5rem;fill:var(--text-link-color)}.comment-item .comment-item-container>.right-side .replies>.ant-btn.reply svg.caret.active{transform:rotate(180deg)}.comment-item .comment-item-container>.right-side .replies .list-replies .load-more{margin:8px 0;padding-left:13px}.comment-item .comment-item-container>.right-side .replies .list-replies .load-more .ant-btn{color:var(--text-link-color)}.comment-item .comment-item-container>.right-side .replies .list-replies .load-more .ant-btn svg{height:2.2rem;margin-right:5px;width:2.2rem}