@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);:root{--Purple-600:#5457b6;--Pink-400:#ed6468;--Purple-200:#c3c4ef;--Grey-800:#324152;--Grey-500:#67727e;--Grey-100:#eaecf1;--Grey-50:#f5f6fa;--White:#fff}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-family:Rubik,sans-serif;font-size:62.5%;font-style:normal;font-weight:400}body{background-color:#eaecf1;background-color:var(--Grey-100);font-size:1.6rem;padding-block:6rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.comment-container{margin:auto;max-width:756px;padding:2rem}.reply-section{border-left:1px solid #67727e;border-left:1px solid var(--Grey-500);margin-left:auto;max-width:664px;padding-left:4rem}.comment-box{grid-column-gap:2rem;align-items:start;background-color:#f5f6fa;background-color:var(--Grey-50);border-radius:1.4rem;column-gap:2rem;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:repeat(2,min-content);margin-bottom:2rem;padding:2rem}.comment-box-left{grid-column:1/2;grid-row:1/3}.user-info{grid-column:2/3;grid-row:1/2;margin-bottom:1.6rem}.comment-button-container{display:flex;gap:1rem;grid-column:3/4;grid-row:1/2}.comment-content{grid-column:2/4;grid-row:2/3}.comment-score{display:flex;flex-direction:column}button.score-control{background-color:#eaecf1;background-color:var(--Grey-100);border:none;color:#67727e;color:var(--Grey-500);cursor:pointer;font-size:2rem;height:3rem;width:3.2rem}button.score-control.active{color:#324152;color:var(--Grey-800)}.score-increament{border-radius:6px 6px 0 0}.score-decreament{border-radius:0 0 6px 6px}span.score{background-color:#eaecf1;background-color:var(--Grey-100);color:#324152;color:var(--Grey-800);font-size:1.4rem;height:3rem;justify-content:center;text-align:center;width:3.2rem}.user-info,span.score{align-items:center;display:flex}.user-info{gap:1rem}.user-profile-img{width:3.6rem}.user-profile-name{color:#324152;color:var(--Grey-800);font-weight:500}.user-profile-tag{background:#5457b6;background:var(--Purple-600);border-radius:2px;color:#fff;display:inline-block;font-size:1.4rem;line-height:1.4rem;padding:2px 4px}.user-profile-status{color:#67727e;color:var(--Grey-500)}.comment-btn{align-self:center;background:#0000;border:none;cursor:pointer}.comment-btn img{margin-right:1rem}.comment-btn span{font-size:1.4rem;font-weight:700}p.comment-content{font-size:1.6rem;line-height:2.4rem}.comment-reply-btn span{color:#67727e;color:var(--Grey-500)}.comment-delete-btn span{color:#ed6468;color:var(--Pink-400)}.comment-reply{grid-gap:2rem;align-items:start;background-color:#f5f6fa;background-color:var(--Grey-50);border-radius:1.4rem;display:grid;gap:2rem;grid-template-columns:min-content 1fr min-content;grid-template-rows:min-content;margin-bottom:2rem;padding:2rem}.comment-reply .user-info{grid-column:1/2}.reply-input-container{position:relative;width:100%}.reply-input{border:1px solid #eaecf1;border:1px solid var(--Grey-100);border-radius:.6rem;color:#67727e;color:var(--Grey-500);font-family:inherit;outline:none;padding:1rem;width:100%}.reply-input:focus{border:1px solid #67727e;border:1px solid var(--Grey-500)}.reply-input.reply-input-error{border:1px solid #ed6468;border:1px solid var(--Pink-400)}.reply-input::placeholder{color:#c3c4ef;color:var(--Purple-200)}.reply-error{animation-direction:normal;animation-duration:.5s;animation-name:appear-animation;animation-timing-function:ease;border:1px solid red;bottom:-24px;color:#000;font-size:1.4rem;left:0;padding:2px 4px;position:absolute}@keyframes appear-animation{0%{bottom:-30px;opacity:0}to{bottom:-24px;opacity:1}}.comment-reply .user-info{align-items:start;gap:0;margin-bottom:0}.reply-send-btn{background-color:#5457b6;background-color:var(--Purple-600);border:none;border-radius:.6rem;color:#fff;cursor:pointer;font-weight:700;outline:none;padding:1rem 1.4rem;text-transform:uppercase;transition:background-color .3s ease}.reply-send-btn:hover{background-color:#c3c4ef;background-color:var(--Purple-200)}.reply-to{color:#324152;color:var(--Grey-800)}.popup-container{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-box{background-color:#fff;background-color:var(--White);border-radius:1.2rem;max-width:36rem;padding:3.2rem 2.4rem}.popup-heading{color:#324152;color:var(--Grey-800);font-weight:400;margin-bottom:1.6rem}.popup-content{color:#67727e;color:var(--Grey-500);margin-bottom:1.6rem}.popup-button-container{display:flex;gap:1rem;justify-content:space-between}.popup-btn{border:none;border-radius:.8rem;color:#eaecf1;color:var(--Grey-100);cursor:pointer;font-weight:600;letter-spacing:1px;outline:none;padding-block:1.2rem;text-transform:uppercase;width:100%}.popup-no-btn{background-color:#67727e;background-color:var(--Grey-500)}.popup-yes-btn{background-color:#ed6468;background-color:var(--Pink-400)}@media only screen and (max-width:764px){.comment-box{grid-template-columns:min-content auto;grid-template-rows:repeat(3,min-content)}.comment-box-left{grid-column:1/2;grid-row:3/4}.user-info{grid-column:1/3;grid-row:1/2}.comment-button-container{align-self:center;grid-column:2/3;grid-row:3/4;justify-self:right}.comment-content{grid-column:1/3;grid-row:2/3;margin-bottom:1.6rem}.comment-score{flex-direction:row}.score-increament{border-radius:6px 0 0 6px}.score-decreament{border-radius:0 6px 6px 0}}@media only screen and (max-width:540px){body{padding-block:2rem 0}.reply-section{padding-left:2.4rem}.comment-reply{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,min-content)}.reply-input-container{grid-column:1/3;grid-row:1/2}.comment-reply .user-info{grid-column:1/2;grid-row:2/3}.reply-send-btn{justify-self:end;padding:1rem 2.4rem}}
/*# sourceMappingURL=main.0c45cd26.css.map*/