.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{padding-bottom:.3rem;margin:0 .3rem}.button-no,.button-yes{font-size:1.2rem;font-weight:700;font-stretch:condensed;padding:12px 10px;margin:1rem;border-radius:8px}@media(max-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{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;margin-bottom:1rem;border-radius:11px;background-color:var(--white)}.comment-counter{display:flex;flex-direction:column;align-items:center;font-weight:500;height:80px;width:20px;color:var(--moderate-blue);padding:.5rem .5rem .2rem;border-radius:7px;background-color:var(--light-gray)}.comment-sub-container{width:92%}.comment-name-container{display:flex;align-items:center}.comment-name-group{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-right:auto}.comment-btn{background-color:var(--white)}.comment-btn-label{font-size:1rem;font-weight:500;color:var(--moderate-blue)}.comment-name{font-weight:700}.comment-content{line-height:1.4}.comment-content span{font-weight:700;color:var(--moderate-blue)}.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{padding-left:2rem;border-left:1px solid var(--light-grayish-blue)}.reply-name-you{font-size:14px;font-weight:500;padding:1px 7px 4px;margin-top:1rem;color:var(--white);border-radius:3px;background-color:var(--moderate-blue)}.reply-btn-you{font-weight:500;background-color:transparent;width:80px}.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(max-width:815px){.comment-container{flex-direction:column;padding:1rem}.comment-counter{flex-direction:row;justify-content:space-evenly;align-items:center;width:15%;order:2;height:1.5rem}.comment-sub-container{position:relative;display:flex;flex-direction:column}.comment-name-container{display:block}.counter-icon{padding-top:7px}.reply-name-you{margin-left:-.5rem}.replies-container{padding-left:0}.replies{padding-left:0;border:none}.reply-btn-reply,.reply-btn-edit-delete{position:absolute;bottom:-2.7rem;right:0}}@media(max-width:410px){.interactive-comments-container{width:90%;margin:0 auto 1rem}}.new-comment-container{right:0%;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;margin-bottom:1rem;background-color:var(--white);border-radius:10px}.new-comment-container.update,.new-comment-container.reply{padding:1rem 0 0 1rem;margin-bottom:0}.new-comment{width:100%}.avatar{width:44px;height:44px}.send-button{text-transform:uppercase;padding:.75rem 1rem;border-radius:10px;background-color:var(--moderate-blue)}.send-button:hover{background-color:var(--light-grayish-blue)}@media(max-width:815px){.new-comment-container{flex-direction:column;padding:1rem;gap:1.1rem}#newContentId{width:95%;margin:0 auto;order:-1}.send-button{margin-top:-4.5rem;align-self:flex-end}.new-comment-container.reply .send-button{margin-top:0;width:95px}}@media(max-width:815px){.avatar{width:32px;height:32px}}@media(max-width:410px){.new-comment{width:90%;margin:0 auto}#newContentId{margin:0 auto}}:root{--moderate-blue: hsl(238, 40%, 52%);--soft-red: hsl(358, 79%, 66%);--light-grayish-blue: hsl(239, 57%, 85%);--pale-red: hsl(357, 100%, 86%);--dark-blue: hsl(212, 24%, 26%);--grayish-blue: hsl(211, 10%, 45%);--light-gray: hsl(223, 19%, 93%);--very-light-gray: hsl(228, 33%, 97%);--white: hsl(0, 0%, 100%)}body{min-width:375px;max-width:1440px;font-family:Rubik,sans-serif;font-size:16px;font-weight:400;margin:5% 25%;color:var(--grayish-blue);background-color:var(--light-gray);-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}@media(max-width:1335px){body{margin:5% 15%}}@media(max-width:940px){body{margin:5% 7%}}@media(max-width:850px){body{margin:5%}}@media(max-width:445px){body{margin:1rem}}@media(max-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;padding:.75rem;margin-left:-1rem;color:var(--grayish-blue);border:1px solid var(--light-grayish-blue);border-radius:10px;outline:1px solid var(--moderate-blue)}textarea:hover{color:var(--dark-blue);border:1px solid var(--moderate-blue)}.error{color:var(--soft-red)}@media(max-width:815px){button{width:80px}}