:root{--Primary-purple-600:#5457b6;--primary-pink-400:#ed6468;--primary-purple-200:#c3c4ef;--primary-pink-200:#ffb8bb;--neutral-grey-800:#324152;--neutral-grey-500:#67727e;--neutral-grey-100:#eaecf1;--neutral-grey-50:#f5f6fa;--neutral-white:#fff;--p-fontsize:16px}body{box-sizing:border-box;background-color:var(--neutral-grey-100);margin:0;font-family:Rubik}.container{flex-direction:column;align-items:flex-end;width:100%;max-width:1200px;height:100vh;margin:2% auto;display:flex;position:relative}.comment-section{width:100%;display:flex}.comment{background-color:var(--neutral-white);border-radius:20px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:2%;padding:1%;display:flex}.response{text-decoration:none}.left{background-color:var(--neutral-grey-100);border-radius:10px;flex-direction:column;align-items:center;margin-right:5%;padding:1%;display:flex}.score{color:var(--primary-purple-600);margin:4px 0}.right{flex-direction:column;display:flex}.comment-top-left{flex-direction:row;justify-content:space-between;align-items:center;width:24%;display:flex}.comment-top-right{flex-direction:row;justify-content:space-between;align-items:center;width:6%;display:flex}.top{flex-direction:row;justify-content:space-between;display:flex}.bottom .description{width:90%;color:var(--neutral-grey-800);font-size:1.5rem;line-height:1.2}.name{font-size:1rem;font-weight:bolder}#duration{color:var(--neutral-grey-500);font-size:18px}.replyIcon{height:30%}.reply{color:var(--Primary-purple-600)}.reply-comment{background-color:var(--neutral-white);border-radius:20px;flex-direction:row;justify-content:space-between;align-items:center;width:70%;margin-bottom:1%;padding:3% 1%;display:flex}.reply-comment .comment-top-left{width:36%}.reply-comment .comment-top-right{width:10%}.admin .comment-top-left{width:38%}.admin .adminName{background-color:var(--Primary-purple-600);color:#fff;padding:2px 6px}.admin .comment-top-right{flex-direction:row;justify-content:space-evenly;width:28%;display:flex}.comment-top-right .delete{flex-direction:row;justify-content:space-between;align-items:center;width:10%;display:flex}.comment-top-right .delete:hover{cursor:pointer}.comment-top-right .edit{flex-direction:row;justify-content:space-between;align-items:center;width:12%;display:flex}.comment-top-right .edit:hover{cursor:pointer}.text-input{display:none}.reply-textinput{background-color:var(--neutral-white);border-radius:20px;flex-flow:wrap;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:2%;padding:1%;display:flex}.reply-textinput .avatar{height:30%}#replyText{border-radius:10px;width:70%;height:150px}.reply{width:70%}.Btn{background-color:var(--Primary-purple-600);color:var(--neutral-white);border-radius:10px;padding:10px 24px;text-decoration:none}.hide{display:none}#userInputComment{resize:none;border-radius:10px;width:80%;height:150px;font-size:1rem}.delete-container{background-color:var(--neutral-white);border-radius:10px;width:30%;padding:16px;position:absolute;top:34%;right:45%}.delete-container p{word-spacing:8px;color:var(--neutral-grey-500);font-size:1.4rem}.btn-confirm{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;display:flex}.btn-confirm a{margin-right:10px;text-decoration:none}.btn-confirm a:first-of-type{background-color:var(--neutral-grey-500);color:var(--neutral-white);border-radius:10px;padding:10px 40px;font-weight:400}.btn-confirm a:nth-of-type(2){background-color:var(--primary-pink-400);color:var(--neutral-white);border-radius:10px;padding:10px 40px;font-weight:400}.replyingTo{color:var(--Primary-purple-600)}.plus,.minus{width:20px}.reply:hover{opacity:.7;cursor:pointer}.blur{filter:blur(4px)}.overlay{opacity:0;z-index:-1;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.overlay .active{display:block}#edit-area{border-radius:10px;width:90%;height:150px;margin-top:1%;font-family:Rubik;font-size:1.2rem}.admin{flex-direction:row;justify-content:flex-start;display:flex}.admin .right,.admin .top{width:100%}.adminCommentSection{background-color:var(--neutral-white);border-radius:20px;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:2%;padding:1%;display:flex}.adminCommentSection textarea{resize:none;border-radius:10px;width:80%;height:150px;font-size:1rem}.adminCommentContainer{width:100%}.adminCommentContainer .comment-top-left{width:25%}.fixedposition{position:fixed}@media only screen and (width<=410px){.container{align-items:center;width:100%;margin:0}.comment{border-radius:5px;width:100%;position:relative}.comment-top-left{width:80%}.comment .comment-top-right{position:absolute;bottom:0;right:10%}.bottom{padding:3%}.bottom .description{width:95%;font-size:1rem;line-height:1.2;position:relative}.comment .left{flex-direction:row;justify-content:space-between;align-items:center;width:18%;margin:0;position:absolute;bottom:1%;left:2%}.plus,.minus,.score{width:15px;margin:0;padding:0}.response{align-items:center;display:flex}.reply-comment{width:100%;position:relative}.reply-comment .comment-top-left{width:80%}.reply-comment .comment-top-right{position:absolute;bottom:0;right:10%}.reply-comment .left{flex-direction:row;justify-content:space-between;align-items:center;width:18%;margin:0;position:absolute;bottom:1%;left:2%}.admin .comment-top-right{width:50%}#userInputComment{width:60%}.reply{width:100%}.delete-container{width:90%;right:1%}.updateBtn{position:absolute;bottom:1%}}
/*# sourceMappingURL=repo.2664abdd.css.map */