.NewPost{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;width:55vw}@media (min-width:320px) and (max-width:767px){.NewPost{width:100%}}.NewPost__input{position:relative;outline:none;border:none;border-bottom:1px solid rgba(77,69,123,.7);font-family:inherit;font-size:.9rem;padding:10px 5px;box-sizing:border-box;color:#4d457b;background-color:initial;width:100%;height:-webkit-max-content;height:max-content;transition:all .4s ease}.NewPost__input:hover{box-shadow:1px 4px 8px rgba(77,69,123,.7);border-radius:4px;outline:none;border:none;border-bottom:1px solid rgba(77,69,123,.7)}.NewPost__input--textarea{border:1px solid rgba(77,69,123,.7);border-radius:4px;resize:none}.NewPost__input--textarea:hover{border:1px solid rgba(77,69,123,.7)}.NewPost__input::-webkit-input-placeholder{color:#4d457b;opacity:.7}.NewPost__input::placeholder{color:#4d457b;opacity:.7}.NewPost__imgLabel{position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:inherit;font-size:.9rem;padding:10px 5px;color:#4d457b;opacity:.7;z-index:1}.NewPost__submit-button{display:flex;justify-content:center;align-self:flex-start;grid-gap:5px;gap:5px;margin:10px 0 0;padding:6px;width:50%;height:-webkit-max-content;height:max-content;background-color:#4d457b;opacity:.7;border:none;outline:none;border-radius:4px;color:#e9e6f2;font-size:16px;text-transform:uppercase;transition:all .4s ease}.NewPost__submit-button:hover{box-shadow:1px 4px 16px rgba(77,69,123,.7)}.NewPost__submit-button:disabled{background-color:red;opacity:.5}.NewPost__submit-button:disabled:hover{box-shadow:1px 4px 16px transparent}.NewPost__errorBlock{align-self:flex-end;font-size:12px;color:red;opacity:.5}.NewPost__uploadLabel{display:flex;grid-gap:10px;gap:10px;align-items:center;width:100%;color:#4d457b;opacity:.7}.NewPost__uploadInput{display:none}.PostsList{width:55vw}@media (min-width:320px) and (max-width:767px){.PostsList{width:100%}}.PostsList--last{width:35vw}@media (min-width:320px) and (max-width:767px){.PostsList--last{width:100%}}.PostsList__user-button{padding:5px 10px;border-radius:5px;font-weight:700}.PostsList__user-button:hover{background-color:#add8e6}.PostsList__item{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:30px;border-radius:10px;padding:10px 20px;margin-bottom:5px;background-color:#fafafd;line-height:1.5;cursor:pointer;transition:all .4s ease}.PostsList__item:hover{box-shadow:1px 4px 16px rgba(77,69,123,.7)}@media (min-width:320px) and (max-width:767px){.PostsList__item{padding:10px}}.PostsList__block{grid-gap:2px;gap:2px;padding-left:40px;width:80%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (min-width:320px) and (max-width:767px){.PostsList__block{width:70%}}.PostsList__info{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.PostsList__postAutor{font-weight:800}.PostsList__ava{position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px;height:30px;object-fit:cover;object-position:center;border-radius:50%}@media (min-width:320px) and (max-width:767px){.PostsList__ava{left:10px}}.PostsList__post{width:90%;flex-wrap:wrap}.PostsList__remove-button{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;color:inherit;background-color:initial;transition:color .12s;border:none}.PostsList__remove-button:hover{color:#e9e6f2;background-color:initial}.PostsList__showAll-btn{display:flex;justify-content:center;grid-gap:5px;gap:5px;margin:10px 0 0;width:50%;height:-webkit-max-content;height:max-content;background-color:#4d457b;opacity:.7;border:none;outline:none;border-radius:4px;color:#e9e6f2;font-size:16px;align-self:flex-start;text-transform:uppercase;padding:6px;cursor:pointer;box-shadow:1px 4px 16px transparent;transition:all .4s ease}.PostsList__showAll-btn:hover{box-shadow:1px 4px 16px rgba(77,69,123,.7)}body{min-height:100vh;background-color:#e9e6f2;padding:20px;color:#4d457b;font-family:"Roboto",sans-serif}h2{font-size:1.6rem;text-align:right;margin-bottom:15px}@media (min-width:320px) and (max-width:767px){h2{font-size:1.2rem}}h3{text-align:center}label,p{margin:0}ul{padding:0;list-style:none}button{cursor:pointer}.App__top{display:flex;justify-content:space-between}@media (min-width:320px) and (max-width:767px){.App__top{flex-direction:column;grid-gap:20px;gap:20px;justify-content:flex-start}}
/*# sourceMappingURL=main.53a63b1a.chunk.css.map */