.commentItem{gap:4px;width:100%}.commentItem__avatar{height:40px;width:40px;border-radius:50%;border:2px solid #bd0909}.commentItem__comment{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;margin-top:6px;width:100%}.commentItem__commentContent{word-break:break-word}.commentItem__infoContainer{align-items:flex-start;gap:6px;margin-top:6px;width:100%}.commentItem__infoContainer,.commentItem__options{display:flex;flex-direction:row;justify-content:flex-start}.commentItem__options{align-items:center;width:50%;margin-left:50px}.commentItem__dateAndPin{flex-direction:row-reverse;gap:8px}.commentItem__dateAndPin,.commentItem__pin{display:flex;justify-content:center;align-items:center}.commentItem__pin{flex-direction:row;color:#656565;padding:6px;transition:.4s ease}.commentItem__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.commentItem__date{font-size:12px;color:#9d9d9d}.commentItem__toggleReplies{margin-left:16px;color:#000;background:none;border:none;cursor:pointer;z-index:2}.commentItem__toggleReplies:hover{text-decoration:underline}.commentItem__toggleExpand{display:inline-block;color:#bd0909;font-weight:700;margin-left:8px;cursor:pointer;z-index:2}.commentItem__toggleExpand:hover{text-decoration:underline}.commentItem__repliesContainer{overflow:hidden;width:100%;max-height:0;transition:max-height .4s linear}.commentItem__repliesContainer--open{max-height:800px}.commentItem__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;padding:8px 16px;border-radius:16px;background-color:hsla(0,0%,61.6%,.10980392156862745)}.commentItem__text{font-size:16px;font-family:InterDisplay-SemiBold}.commentItem__response{font-size:12px;color:#000;cursor:pointer}.commentItem__response:hover{text-decoration:underline}.commentItem__answers{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:80%;height:100%;margin-left:32px;padding-left:8px}.commentItem__info{word-break:break-all}.commentsList{align-items:center;height:100%;gap:4px;border-radius:16px;position:relative}.commentsList,.commentsList__header{display:flex;flex-direction:column;justify-content:space-between;width:100%}.commentsList__header{align-items:flex-start}.commentsList__avatarsContainer{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-radius:12px;border:1px solid #fff;background:#fff}.commentsList__title{font-family:InterDisplay-SemiBold;text-transform:unset}.commentsList__avatarList{width:26px;height:26px;flex-shrink:0;z-index:2}.commentsList__avatarList:first-child{margin-left:0;z-index:1}.commentsList__avatarList:last-child{margin-left:-9px;z-index:0}.commentsList__avatarList:nth-child(2){margin-left:-9px;z-index:1}.commentsList__reactions{gap:10px}.commentsList__eyeContainer,.commentsList__reactions{display:flex;flex-direction:row;justify-content:center;align-items:center}.commentsList__eyeContainer{gap:4px}.commentsList__eye{font-size:26px;transition:.3s ease-in-out;padding:4px;cursor:pointer}.commentsList__eye:hover{background:rgba(0,0,0,.06);border-radius:8px}.commentsList__number{font-size:16px;font-family:InterDisplay-Regular}.commentsList__total{font-family:InterDisplay-Regular;z-index:2}.commentsList__input{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:sticky;left:0;bottom:74px;z-index:10;height:70px;background:#f6f6f6;padding-bottom:5px;width:100%}.commentsList .InputComment{bottom:0;width:calc(100% - 60px)}.commentsList__container{justify-content:space-between;position:relative;height:86%}.commentsList__comments,.commentsList__container{display:flex;flex-direction:column;align-items:flex-start;width:100%}.commentsList__comments{justify-content:flex-start;height:80%;gap:16px;padding:8px 0}@media (min-width:768px){.commentsList .InputComment{width:calc(100% - 100px)}.commentsList__input{bottom:0;height:100px}.commentsList__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:1440px){.commentsList .InputComment{width:calc(100% - 70px)}}@media (min-width:1600px){.commentsList .InputComment{width:100%}}