.spinner{width:200px;margin:auto;display:block}.counter-icon-container{height:30px}.counter-icon path{fill:var(--light-grayish-blue)}.counter-icon-container:hover .counter-icon path{fill:var(--moderate-blue)}.comment-counter span{margin:0 .3rem;padding-bottom:.3rem}.button-no,.button-yes{border-radius:8px;margin:1rem;padding:12px 10px;font-size:1.2rem;font-weight:700;font-stretch:75%}@media (width<=410px){.button-no,.button-yes{font-size:1rem}}.button-no{background-color:var(--grayish-blue);width:50%}.button-no:hover{background-color:var(--light-grayish-blue)}.button-yes{background-color:var(--soft-red);width:50%}.button-yes:hover{background-color:var(--pale-red)}.comment-container{background-color:var(--white);border-radius:11px;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.5rem;display:flex}.comment-counter{width:20px;height:80px;color:var(--moderate-blue);background-color:var(--light-gray);border-radius:7px;flex-direction:column;align-items:center;padding:.5rem .5rem .2rem;font-weight:500;display:flex}.comment-sub-container{width:92%}.comment-name-container{align-items:center;display:flex}.comment-name-group{justify-content:flex-start;align-items:center;gap:1rem;margin-right:auto;display:flex}.comment-btn{background-color:var(--white)}.comment-btn-label{color:var(--moderate-blue);font-size:1rem;font-weight:500}.comment-name{font-weight:700}.comment-content{line-height:1.4}.comment-content span{color:var(--moderate-blue);font-weight:700}.reply-icon path{fill:var(--moderate-blue)}.comment-btn:hover .reply-icon path{fill:var(--light-grayish-blue)}.comment-btn:hover .comment-btn-label{color:var(--light-grayish-blue)}.replies-container{padding-left:2rem}.replies{border-left:1px solid var(--light-grayish-blue);padding-left:2rem}.reply-name-you{color:var(--white);background-color:var(--moderate-blue);border-radius:3px;margin-top:1rem;padding:1px 7px 4px;font-size:14px;font-weight:500}.reply-btn-you{background-color:#0000;width:80px;font-weight:500}.reply-btn-reply,.reply-btn-edit-delete{margin-right:0}.delete{color:var(--soft-red)}.delete:hover{color:var(--pale-red)}.delete:hover path{fill:var(--pale-red)}.edit{color:var(--moderate-blue)}.edit:hover{color:var(--light-grayish-blue)}.edit:hover path{fill:var(--light-grayish-blue)}@media (width<=815px){.comment-container{flex-direction:column;padding:1rem}.comment-counter{flex-direction:row;order:2;justify-content:space-evenly;align-items:center;width:15%;height:1.5rem}.comment-sub-container{flex-direction:column;display:flex;position:relative}.comment-name-container{display:block}.counter-icon{padding-top:7px}.reply-name-you{margin-left:-.5rem}.replies-container{padding-left:0}.replies{border:none;padding-left:0}.reply-btn-reply,.reply-btn-edit-delete{position:absolute;bottom:-2.7rem;right:0}}@media (width<=410px){.interactive-comments-container{width:90%;margin:0 auto 1rem}}.new-comment-container{background-color:var(--white);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.5rem;display:flex;right:0%}.new-comment-container.update,.new-comment-container.reply{margin-bottom:0;padding:1rem 0 0 1rem}.new-comment{width:100%}.avatar{width:44px;height:44px}.send-button{text-transform:uppercase;background-color:var(--moderate-blue);border-radius:10px;padding:.75rem 1rem}.send-button:hover{background-color:var(--light-grayish-blue)}@media (width<=815px){.new-comment-container{flex-direction:column;gap:1.1rem;padding:1rem}#newContentId{order:-1;width:95%;margin:0 auto}.send-button{align-self:flex-end;margin-top:-4.5rem}.new-comment-container.reply .send-button{width:95px;margin-top:0}.avatar{width:32px;height:32px}}@media (width<=410px){.new-comment{width:90%;margin:0 auto}#newContentId{margin:0 auto}}:root{--moderate-blue:#5457b6;--soft-red:#ed6468;--light-grayish-blue:#c3c4ef;--pale-red:#ffb8bb;--dark-blue:#324152;--grayish-blue:#67727e;--light-gray:#eaecf1;--very-light-gray:#f5f6fa;--white:#fff}body{min-width:375px;max-width:1440px;color:var(--grayish-blue);background-color:var(--light-gray);-ms-overflow-style:none;scrollbar-width:none;margin:5% 25%;font-family:Rubik,sans-serif;font-size:16px;font-weight:400}body::-webkit-scrollbar{display:none}@media (width<=1335px){body{margin:5% 15%}}@media (width<=940px){body{margin:5% 7%}}@media (width<=850px){body{margin:5%}}@media (width<=445px){body{margin:1rem}}@media (width<=410px){body{margin:1rem 0}}button{font-family:inherit;font-size:inherit;color:var(--white);border:none;width:100px}img{max-width:48px;height:auto}textarea{resize:none;font-family:inherit;font-size:inherit;width:100%;height:5rem;color:var(--grayish-blue);border:1px solid var(--light-grayish-blue);outline:1px solid var(--moderate-blue);border-radius:10px;margin-left:-1rem;padding:.75rem}textarea:hover{color:var(--dark-blue);border:1px solid var(--moderate-blue)}.error{color:var(--soft-red)}@media (width<=815px){button{width:80px}}