@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--Dark-Blue:#324152;--Grayish-Blue:#67727e;--Light-Gray:#eaecf1;--Very-Light-gray:#f5f6fa;--White:#fff;--Moderate-blue:#5457b6;--Soft-Red:#ed6468;--Light-grayish-blue:#c3c4ef;--Pale-red:#ffb8bb}body{background:#eaecf1;background:var(--Light-Gray);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.comment,.comment-replies,.commentform{align-items:flex-start;background:#fff;background:var(--White);border-radius:.7em;display:flex;gap:15px;padding:1.2em}.box{align-self:center;gap:20px;margin:1em auto;max-width:80%}.box,.comment-box,.container{display:flex;flex-direction:column}.container{gap:10px}.comment-replies{margin-left:2.5em}.replies-box{border-left:3px solid #c2c7c7;gap:20px;margin-left:3.5em;margin-top:1em}.count,.replies-box{display:flex;flex-direction:column}.count{align-items:center;background-color:#eaecf1;background-color:var(--Light-Gray);border-radius:.4em;gap:5px;justify-content:space-between;padding:.5em}.add-icon,.minus-icon{border:none;cursor:pointer}.count-number{color:#5457b6;color:var(--Moderate-blue)}.commentform-top-content,.top-content{align-items:center;display:flex;justify-content:space-between}.commentform-inner-content,.inner-content,.reply-box{align-items:center;display:flex;gap:10px}.commentform-content,.content{display:flex;flex:2 1;flex-direction:column;gap:15px}.avatar{width:40px}.name{font-weight:700}.date{font-weight:400;word-spacing:-2px}.content-word,.date{color:#67727e;color:var(--Grayish-Blue)}.content-word{overflow-wrap:anywhere;text-align:justify}.reply-text{color:#5457b6;color:var(--Moderate-blue);cursor:pointer}.reply-text:hover{color:#c3c4ef;color:var(--Light-grayish-blue)}.reply{align-items:flex-start;background:#fff;background:var(--White);border-radius:1em;display:flex;gap:15px;margin-top:1em;padding:1.2em}.text-area{border:2px solid #f5f6fa;border:2px solid var(--Very-Light-gray);border-radius:.5em;height:80px;padding:.5em 1em;width:-webkit-fill-available}.text-area:focus{border-color:red}.update{height:90px;width:100%}.updateBtn{float:right;margin-top:15px;padding:.7em .5em}.send,.updateBtn{background-color:#5457b6;background-color:var(--Moderate-blue);border:none;border-radius:.3em;color:#fff;cursor:pointer}.send{height:35px;width:80px}.send:hover{background-color:#c3c4ef;background-color:var(--Light-grayish-blue)}.reply-To{color:#5457b6;color:var(--Moderate-blue);font-weight:700}.you-text{background-color:#5457b6;background-color:var(--Moderate-blue);color:#fff;color:var(--White);padding:3px 7px}.action-container{gap:20px}.action-box,.action-container{align-items:center;display:flex}.action-box{cursor:pointer;gap:5px}.delete-text{color:#ed6468;color:var(--Soft-Red)}.delete-text:hover{color:#ffb8bb;color:var(--Pale-red)}.edit-text{color:#5457b6;color:var(--Moderate-blue)}.edit-text:hover{color:#c3c4ef;color:var(--Light-grayish-blue)}.delete-text,.edit-text{font-weight:700}.comment-replies-box{border-left:4px solid #c2c7c7;display:flex;flex-direction:column;gap:10px;margin-left:50px}
/*# sourceMappingURL=main.8a0f11cb.css.map*/