.comments-container{gap:15px;align-self:anchor-center;background-color:#091018;border-radius:10px;flex-direction:column;width:100%;min-height:520px;padding:20px;display:flex}.comments-header{padding:5px 0;font-size:26px;font-weight:700}.bottom-container{gap:15px;height:100%;padding:5px 0;display:flex}.comments-input-container{background-color:#090e14;border:1px solid #2a2d34;border-radius:12px;flex-direction:column;align-items:center;gap:10px;min-height:70px;padding:10px;display:flex;box-shadow:0 2px 5px #0006}.comments-input-container>textarea{color:#eaeaea;background-color:#0000;border:none;outline:none;flex:2;width:100%;min-height:45px;padding:10px;font-size:14px}.comments-input-container>textarea::placeholder{color:#9a9da3}.send-message{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;padding:6px 15px;font-size:12px;font-weight:700;transition:all .3s}.send-message:hover{background-color:#27ae60;transform:translateY(-1px)}.comment-filters{border-bottom:1px solid #223448;align-items:center;gap:15px;padding:5px 0 0;display:flex}.filter-option{cursor:pointer;color:#9a9da3;padding-bottom:3px;font-size:12px;transition:all .3s}.filter-option:hover{color:#eaeaea}.curr-selected{color:#2ecc71;border-bottom:2px solid #2ecc71;font-weight:500}.comment{background:#1a1d23;border:1px solid #2a2d34;border-radius:12px;gap:15px;padding:12px;transition:all .3s;display:flex}.comment-profile{background:linear-gradient(135deg,#2ecc71,#27ae60) 50%/cover no-repeat;border-radius:50%;flex-shrink:0;width:60px;height:60px}.comment-meta-data{flex-direction:column;flex:1;gap:6px;padding:5px 0;display:flex}.profile-name{font-size:16px;font-weight:600}.comment-desc{color:#9a9da3;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;padding:5px 0 2px;font-size:14px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.meta-adder{align-items:center;gap:15px;padding:5px 0;display:flex}.meta-adder>div{color:#2ecc71;cursor:pointer;font-size:14px;transition:all .3s}.no-comments{color:#748b84;border-radius:10px;justify-content:center;align-items:center;height:100%;padding:20px;font-size:15px;display:flex}.meta-adder>div:hover{color:#27ae60}@media (max-width:808px){.comment-filters{justify-content:space-between;align-items:center;gap:0}.filter-option{font-size:14px}.comment-meta-data{gap:2px}.comment-profile{width:40px;height:40px}.comment-desc{font:12px}.sub-mini-header{display:none}.info-tags{padding-left:0}.comments-container{padding:12px!important}}@media (max-width:380px){.filter-option{font-size:12px}.no-comments{font-size:14px}}