*{box-sizing:border-box}body{background-color:var(--main-color);margin:0;font-family:"Segoe UI",Helvetica Neue,Helvetica,Lucida Grande,Arial}.app-window{display:flex;height:100vh;background-color:var(--secondary-color)}.sidebar{width:35%;max-width:415px;display:flex;flex-direction:column;border-right:1px solid var(--tertiary-color)}header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.header--avatar{width:40px;height:40px;border-radius:20px;cursor:pointer}.header--buttons{display:flex}.header--btn{width:40px;height:40px;border-radius:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.search{background-color:var(--other-color);border-bottom:1px solid var(--other-color2);padding:5px 15px}.search--input{background-color:var(--other-color3);height:40px;border-radius:20px;display:flex;align-items:center;padding:0 10px}.search--input input{flex:1 1;border:0;outline:0;background-color:transparent;margin-left:10px;color:var(--other-color5)}.chatlist{flex:1 1;background-color:var(--other-color3);overflow-y:auto}.chatlist::-webkit-scrollbar{width:6px;height:6px}.chatlist::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}.contentarea{flex:1 1}.Geral{background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-position:top;height:100vh;display:flex;justify-content:center;align-items:center;font-size:100px}a{margin-right:90px}.icon{color:#4adf83}#preloder{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999999;background:#4adf83}.loader{width:40px;height:40px;position:absolute;top:50%;left:50%;margin-top:-13px;margin-left:-13px;border-radius:60px;animation:loader .8s linear infinite;-webkit-animation:loader .8s linear infinite}@keyframes loader{0%{transform:rotate(0deg);border:4px solid #f44336;border-left-color:transparent}50%{transform:rotate(180deg);border:4px solid #673ab7;border-left-color:transparent}to{transform:rotate(1turn);border:4px solid #f44336;border-left-color:transparent}}.chatListItem{display:flex;cursor:pointer;align-items:center;height:70px}.chatListItem:hover{background-color:var(--other-color6)}.chatListItem.active{background-color:var(--other-color8)}.chatListItem--avatar{width:50px;height:50px;border-radius:50%;margin-left:15px}.chatListItem--lines{flex:1 1;height:100%;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--other-color7);padding-right:15px;margin-left:15px;flex-wrap:wrap;min-width:0}.chatListItem--line{display:flex;justify-content:space-between;align-items:center;width:100%}.chatListItem--name{font-size:17px;color:var(--other-color5)}.chatListItem--date{font-size:12px;color:#999}.chatListItem--lastMsg{font-size:14px;color:#999;display:flex;width:100%}.chatListItem--lastMsg p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0}.chatIntro{background-color:var(--other-color4);display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;border-bottom:6px solid #4adf83}.chatIntro img{width:400px;height:auto}.chatIntro h1{font-size:32px;color:var(--other-color9);font-weight:400;margin-top:30px}.chatIntro h2{font-size:14px;color:#777;font-weight:400;margin-top:20px;line-height:20px;text-align:center}.chatWindow{display:flex;flex-direction:column;height:100%}.chatWindow--header{height:60px;display:flex;justify-content:space-between;align-items:center}.chatWindow--headerinfo{display:flex;align-items:center;cursor:pointer}.chatWindow--avatar{width:40px;height:40px;border-radius:50%;margin-left:15px;margin-right:15px}.chatWindow--name{font-size:17px;color:var(--other-color5)}.chatWindow--headerbuttons{display:flex;align-items:center;margin-right:15px}.chatWindow--btn{width:30px;height:30px;border-radius:50%;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;transition:all .3s ease}.chatWindow--body{flex:1 1;overflow-y:auto;background-color:#e5ddd5;background-size:cover;background-position:top;background-image:var(--background);padding:20px 30px}.chatWindow--body::-webkit-scrollbar{width:6px;height:6px}.chatWindow--body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}.chatWindow--footer{height:62px;display:flex;align-items:center}.chatWindow--pre{display:flex;margin:0 15px}.chatWindow--inputarea{flex:1 1}.chatWindow--input{width:100%;height:40px;border:0;outline:0;background-color:var(--other-color3);border-radius:20px;font-size:15px;color:var(--other-color5);padding-left:15px}.chatWindow--pos{display:flex;margin:0 15px}.chatWindow--emojiarea{height:200px;overflow-y:hidden;transition:all .3s ease}aside.emoji-picker-react{width:auto;background:none;border:none}.emoji-picker-react .emoji-group:before{background:none}.gifpicker-container{position:inherit;width:100%!important}.chatWindow--gifarea{height:200px;overflow-y:hidden;transition:all .3s ease}.messageLine{margin-bottom:10px;display:flex}.messageItem{background-color:#fff;border-radius:10px;box-shadow:0 1px 1px #ccc;display:flex;flex-direction:column;padding:3px;max-width:90%}.messageText{font-size:14px;margin:5px 40px 5px 5px}.messageDate{font-size:11px;color:#999;margin-right:5px;text-align:right;height:15px;margin-top:-15px}.newChat{width:35%;max-width:415px;position:fixed;left:0;top:0;bottom:0;background-color:#fff;display:flex;flex-direction:column;border-right:1px solid #ddd;transition:all .5s ease}.newChat--head{display:flex;background-color:#00bfa5;align-items:center;padding:60px 15px 15px}.newChat--backbutton{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.newChat--headtitle{font-size:19px;height:40px;line-height:40px;flex:1 1;font-weight:700;color:#fff;margin-left:20px}.newChat--list{flex:1 1;overflow-y:auto}.newChat::-webkit-scrollbar{width:6px;height:6px}.newChat::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}.newChat--item{display:flex;align-items:center;padding:15px;cursor:pointer}.newChat--item:hover{background-color:#f5f5f5}.newChat--itemavatar{width:50px;height:50px;border-radius:50%;margin-right:15px}.newChat--itemname{font-size:17px;color:#000}
/*# sourceMappingURL=main.b883e24b.chunk.css.map */