*,:after,:before{box-sizing:border-box}body,h1,h2,h3,h4,p{margin:0}body{text-rendering:optimizeSpeed;background-color:#f5f6fa;color:#67727e;font-family:Rubik,sans-serif;font-size:1rem;line-height:1.5;min-height:100vh}img,picture{display:block;max-width:100%}button,textarea{font:inherit}button{background-color:transparent;border:none}svg{cursor:pointer}.container{margin-inline:auto;max-width:750px;padding:2rem 1rem}.flex{display:flex;gap:2rem}.align-items-center{align-items:center}.justify-space-between{justify-content:space-between}.text-dark-grey{color:#324152}.text-grey{color:#67727e}.text-blue{color:#5457b6}.text-light-blue{color:#c3c4ef}.text-red{color:#ed6468}.text-light-red{color:#ffb8bb}.text-white{color:#fff}.bg-blue{background-color:#5457b6}.bg-light-grey{background-color:#f5f6fa}.bg-white{background-color:#fff}.fw-700{font-weight:700}.fw-500{font-weight:500}.fw-400{font-weight:400}.fw-300{font-weight:300}.my-sm{margin-block:1rem}.my-md{margin-block:2rem}.my-lrg{margin-block:3rem}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.btn{align-items:center;border-radius:5px;color:#5457b6;cursor:pointer;display:inline-flex;font-weight:700;gap:.45rem}.btn:focus-within path,.btn:focus-within:not(.counter-btn,.submit-btn),.btn:hover path,.btn:hover:not(.counter-btn,.submit-btn){fill:#c3c4ef;color:#c3c4ef;outline-color:#5457b6}.btn.counter-btn{background-color:#f5f6fa;gap:.5rem}.btn.counter-btn button{padding:1em}.btn.counter-btn button:focus-within,.btn.counter-btn button:focus-within path,.btn.counter-btn button:hover path{fill:#5457b6;outline-color:#5457b6}@media(min-width:500px){.btn.counter-btn{flex-direction:column}}.btn.delete-btn{color:#ed6468}.btn.delete-btn:focus-within,.btn.delete-btn:focus-within path,.btn.delete-btn:hover,.btn.delete-btn:hover path{fill:#ffb8bb;color:#ffb8bb;outline-color:#ed6468}.btn.submit-btn{background-color:#5457b6;color:#fff;padding:.5em 1.25em}.btn.submit-btn:disabled{background-color:#67727e}.btn.submit-btn:focus-within{background-color:#c3c4ef;outline-color:#5457b6}.btn.submit-btn:hover{background-color:#c3c4ef}.comment,.reply{-webkit-margin-after:.55rem;background-color:#fff;border-radius:10px;margin-block-end:.55rem;padding:clamp(1rem,3vw,1.75rem)}.comment .content,.reply .content{flex-basis:100%}.comment .content>p,.reply .content>p{margin-block:1rem}.comment .details,.reply .details{gap:.75rem}.comment .avatar,.reply .avatar{max-width:30px}.comment .actions,.reply .actions{display:flex;justify-content:space-between}@media(min-width:500px){.comment,.reply{display:flex;gap:1.75rem}.comment .content>p,.reply .content>p{-webkit-margin-after:0;margin-block-end:0}}.comments{-webkit-margin-after:1.5rem;margin-block-end:1.5rem}.comments>*+*{-webkit-margin-before:1.5rem;margin-block-start:1.5rem}.replies{-webkit-padding-start:1.5rem;-webkit-margin-start:max(1.5vw,.001rem);border-left:1px solid #eaecf1;margin-inline-start:max(1.5vw,.001rem);padding-inline-start:1.5rem}.comment-form{-webkit-margin-after:.55rem;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:1.5rem;margin-block-end:.55rem;padding:clamp(1rem,3vw,1.75rem)}.comment-form .avatar{max-width:40px}.comment-form .textarea{border-color:#eaecf1;border-radius:10px;color:#67727e;padding:.5em 1em;resize:none;width:100%}.comment-form .textarea:focus-within{outline-color:#5457b6}.comment-form .buttons{display:flex;justify-content:space-between}@media(min-width:500px){.comment-form{flex-direction:row}}
/*# sourceMappingURL=main.abf706c3.css.map*/