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