body{background-color:#eaecf1}body,html{margin:0;padding:0}.comment,.newCommentInput,.reply,.replyInput{background-color:#fff;border-radius:.5rem;display:flex;margin:0 auto 20px;padding:.9rem;position:relative;width:650px}.comments-container{position:relative;z-index:1}.reply{margin-left:3.5rem;width:550px}.replies{border-left:2px solid #dcdcdc;margin:20px auto;position:relative;width:600px}p{color:#aaaaac;font-family:Rubik,sans-serif;font-size:16px;font-weight:400}.context{margin:0}.popupModal .title,.userName{color:#000;font-weight:600}.bx-reply{color:#5457b6;font-family:Rubik,sans-serif;font-weight:600}.left{background-color:#f5f6fa;flex-direction:column;justify-content:center;margin:1rem;padding:.5rem}.left,.top{align-items:center;display:flex}.top{justify-content:space-between}.right .top-left{align-items:center;display:flex;gap:1rem}.right .top-right{align-items:center;display:flex;gap:.5rem;position:absolute;right:5%}.minusScore,.plusScore{background-color:#f5f6fa;border:none;cursor:pointer}.scoreText{color:#5457b6;font-weight:600}img{height:32px}.newCommentInput,.replyInput{justify-content:space-between}.newCommentInput button,.replyInput button{background-color:#5457b6;border-radius:.5rem;color:#fff;height:fit-content;padding:1rem;width:90px}.newCommentInput textarea,.replyInput textarea{border:1px solid #d0d0d2;border-radius:.5rem;padding:.5rem}.cancelBTN,.deleteBTN,.editBTN,.saveBTN{background-color:#fff;border:0;cursor:pointer;font-family:Rubik,sans-serif;font-size:16px;font-weight:600}.editBTN,.saveBTN{color:#5457b6}.cancelBTN,.deleteBTN{color:red}.modalContainer{align-items:center;background-color:#0000003d;display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:2}.popupModal{background-color:#fff;border:1px solid #c2c0c0;box-shadow:-1px 1px 15px -1px #0000006e;padding:1rem;z-index:2}.modalCancelBTN,.modalConfirmBTN{background-color:#fff;border:1.9px solid #5457b6;border-radius:.2rem;cursor:pointer;padding:.4rem}.modalCancelBTN:hover{background-color:#f7f7f7}.modalConfirmBTN{background-color:#5457b6;border:none;border-radius:.2rem;color:#fff;cursor:pointer;margin-right:1rem;padding:.5rem}.modalConfirmBTN:hover{background-color:#42448f}.replyingTo{color:#5457b6}.bx-reply{cursor:pointer}@media (max-width:480px){.comment,.newCommentInput,.reply,.replyInput{width:80vw}.reply{margin-left:0;width:74vw}.replies{margin:0 auto;padding-left:5vw;width:79vw}.bx-reply,.cancelBTN,.deleteBTN,.editBTN,.saveBTN,p{font-size:14px}.right .top-left{justify-content:space-between}textarea{width:55vw}.newCommentInput button,.replyInput button{font-size:14px;margin-top:.5rem;width:100%}.newCommentInput,.replyInput{flex-wrap:wrap;justify-content:space-evenly}.top{align-items:flex-start;flex-direction:column}.top-left{margin-top:.7rem;width:100%}.top-right{justify-content:flex-end;width:100%}}
/*# sourceMappingURL=main.0bec8d5f.css.map*/