@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:400,700);body{font-family:Nunito Sans,sans-serif;font-weight:400;margin:0;padding:0}#root{height:100vh}.App{color:#bdbdc0;height:100%}.App,.User{display:flex}.User{align-items:flex-start;padding:1rem;position:relative}.User:hover{background:rgba(0,0,0,.8);cursor:pointer}.User__pic{border-radius:50%;width:50px}.User__details{display:none}.User__closeIcon{position:absolute;right:3px;top:0}@media (min-width:576px){.User__details{display:block;padding:0 0 0 1rem}.User__details-name{color:hsla(0,0%,100%,.8);font-size:1.2rem;margin:0}}.Sidebar{background-color:#202023;border-right:1px solid hsla(240,2%,75%,.1);height:100%;overflow-y:scroll;transition:width .3s;width:90px}@media (min-width:576px){.Sidebar{width:320px}}.Main{background-color:#19191b;flex:1 1;height:100%}.Empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.Empty__name{color:#fff}.Empty__info,.Empty__status{padding:1rem}.Empty__status{border-bottom:1px solid hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.9)}.Empty__img{border-radius:50%;margin:2rem 0}.Empty__btn{border-radius:30px;font-size:1.2rem;font-weight:700;margin:1rem 0;outline:0;padding:1rem}.Empty__btn:hover{background:hsla(0,0%,100%,.7);cursor:pointer}.ChatWindow{display:flex;flex-direction:column;height:100vh}.Header{border-bottom:1px solid hsla(240,2%,75%,.2);padding:1rem 2rem}.Header__name{color:#fff}.Chats{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;margin:0 auto;overflow-y:scroll;width:85%}.Chat{background:linear-gradient(50deg,#1986d8,#7b9cc2);border-bottom-right-radius:10px;border-top-right-radius:10px;color:#fff;margin:1rem 0;max-width:90%;padding:1rem}.Chat.is_user_msg{background:#2b2c33;border-bottom-left-radius:10px;border-bottom-right-radius:0;border-top-left-radius:10px;border-top-right-radius:0;cursor:pointer;margin-left:auto;position:relative}.Chat.is_user_msg:hover .Chat__delete{display:inline-block}.Chat__delete{border:1px solid #fff;border-radius:50%;cursor:pointer;display:none;font-size:.8rem;height:20px;left:0;line-height:1.4rem;position:absolute;text-align:center;top:0;width:20px}@media (min-width:576px){.Chat{max-width:60%}}.Message{margin:1rem auto;width:80%}.Message__input{background:rgba(1,0,0,.8);border:0;border-radius:10px;color:#fff;font-size:1rem;outline:0;padding:1rem;width:100%}
/*# sourceMappingURL=main.bfde5fea.css.map*/