@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);.footer{bottom:0;left:0;padding:var(--spacing-sm);position:absolute;text-align:center;width:100%}.posts{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg)}.post-form{display:flex;gap:var(--spacing-md)}.comments{margin-top:10px}.comment{align-items:center;display:flex;font-weight:400;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-sm)}.comment-cloud{word-wrap:break-word;background-color:var(--grey);border-radius:var(--border-radius);max-width:40vw;padding:var(--spacing-sm)}.comment-info{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xs)}.comment-author{font-weight:500}.comment-time{font-size:12px}@media (max-width:400px){.comment-cloud{max-width:60vw}}.post{display:flex;flex-direction:column;gap:var(--spacing-md)}.box.post{padding-bottom:var(--spacing-xs)}.post i{margin-right:var(--spacing-xs)}.post-panel{align-items:center;display:flex;gap:var(--spacing-sm)}.author-name{word-wrap:break-word;max-width:200px}.post-info{flex:1 1}.post-statistics{color:var(--font-light);display:flex;justify-content:space-between}.likes{align-items:flex-end;display:flex;line-height:1.1}.post-statistics i{background-color:var(--primary);border-radius:50px;box-shadow:var(--shadow);color:var(--white);font-size:10px;padding:var(--spacing-xs)}.comments-button{-webkit-user-select:none;-ms-user-select:none;user-select:none}.comments-button:hover{cursor:pointer;text-decoration:underline}.time-info{color:var(--font-light);font-weight:400;margin-top:var(--spacing-xs)}.options-buttons{display:flex}.options-button{align-items:center;border-radius:50px;display:flex;height:36px;justify-content:center;width:36px}.options-button i{margin:0}.transparent-button{background-color:transparent;color:var(--font-light)}.transparent-button:hover{background-color:var(--grey)}.transparent-button:active{background-color:var(--grey-hover)}.post-text{font-weight:400}.post-buttons{border-top:1px solid var(--grey-hover);display:flex;padding-top:var(--spacing-xs);width:100%}.post-buttons button{flex:1 1}@media (max-width:400px){.author-name{max-width:160px}}.aside{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:300px}.box-title{color:var(--primary);font-size:18px;font-weight:700;margin-bottom:var(--spacing-md)}.box-title,.info{text-align:center}.info{color:var(--font-light)}.input{margin-bottom:var(--spacing-md)}@media (max-width:680px){.aside{margin:0 auto}}@media (max-width:360px){.aside{min-width:250px}}.user-box{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;overflow-x:hidden;padding:var(--spacing-xs) 0;padding-right:var(--spacing-sm)}.user-name{word-wrap:break-word;max-width:165px}.button-group{display:flex;gap:var(--spacing-xs)}.user-button{border-radius:50px;font-size:20px;height:30px;padding:4px;width:30px}.header{background-color:var(--white);box-shadow:var(--shadow);position:-webkit-sticky;position:sticky;top:0}.left-panel,.right-panel{align-items:center;display:flex}.left-panel{gap:var(--spacing-sm)}.right-panel{gap:var(--spacing-md)}.logo{width:35px}.page-name{color:var(--primary);font-size:24px;font-weight:600}.mobile-menu{display:none;gap:var(--spacing-sm)}.mobile-menu button{padding:var(--spacing-sm)}@media (max-width:680px){.right-panel{display:none}.mobile-menu{display:flex}}@media (max-width:420px){.page-name{font-size:16px;max-width:100px}}.login-container{height:100vh;justify-content:center;margin:0 auto;max-width:350px;padding:var(--spacing-md)}.login-container,.login-form{display:flex;flex-direction:column}.login-form{align-items:center;background-color:var(--white);gap:var(--spacing-md);margin-bottom:var(--spacing-md);width:100%}.login-logo{width:50px}.login-title{font-size:24px;font-weight:inherit;margin-bottom:var(--spacing-sm)}.login-input{border-radius:var(--border-radius)}.toggle-button{width:100%}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--primary:#4267b2;--font-dark:#050505;--font-light:#606164;--white:#fffbfb;--grey:#f0eef1;--grey-hover:#d8d7db;--grey-active:#ccccd0;--border-radius:8px;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--shadow:rgba(60,64,67,.3) 0px 1px 2px 0px,rgba(60,64,67,.15) 0px 1px 3px 1px}*,:after,:before{box-sizing:border-box}html{min-height:100%;position:relative}h1,p{margin:0}body{background-color:#f0eef1;background-color:var(--grey);color:#050505;color:var(--font-dark);font-family:Poppins,sans-serif;font-weight:500;margin-bottom:50px}button,input{border:none;color:inherit;font-weight:inherit}button{background-color:#f0eef1;background-color:var(--grey);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;padding:10px 15px;padding:var(--spacing-sm) var(--spacing-md)}button:hover{background-color:#d8d7db;background-color:var(--grey-hover)}button:active{background-color:#ccccd0;background-color:var(--grey-active);-webkit-transform:scale(.98);transform:scale(.98)}input{background-color:#f0eef1;background-color:var(--grey);border-radius:50px;font-weight:400;outline:none;padding:10px 15px;padding:var(--spacing-sm) var(--spacing-md);width:100%}.container{display:flex;gap:20px;gap:var(--spacing-lg);justify-content:space-between;margin:0 auto;max-width:1280px;padding:20px;padding:var(--spacing-lg)}.box{background-color:#fffbfb;background-color:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:var(--shadow);padding:15px;padding:var(--spacing-md)}.avatar{background-color:#f0eef1;background-color:var(--grey);border-radius:50px;width:40px}.scroll{max-height:226px;overflow-y:scroll}.scroll-container ::-webkit-scrollbar{width:10px}.scroll-container ::-webkit-scrollbar-track{background-color:transparent}.scroll-container ::-webkit-scrollbar-thumb{background-color:#f0eef1;background-color:var(--grey);border-radius:20px;min-height:60px;width:10px}.scroll-container ::-webkit-scrollbar-thumb:hover{background-color:#d8d7db;background-color:var(--grey-hover)}
/*# sourceMappingURL=main.740db552.css.map*/