*{box-sizing:border-box;padding:0;margin:0;text-decoration:none;list-style:none}body{background-color:#d2dbdc;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.app-window{display:flex;height:100vh;background-color:#ededed}.sidebar{width:35%;max-width:415px;display:flex;flex-direction:column;border-right:1px solid #ddd}header{height:60px;display:flex;padding:0 15px;justify-content:space-between;align-items:center}.header-avatar{width:40px;height:40px;border-radius:30px;cursor:pointer}.header-btn,.header-buttons{display:flex}.header-btn{width:40px;height:40px;border-radius:20px;justify-content:center;align-items:center;cursor:pointer}.search{background-color:#f6f6f6;border-bottom:1px solid #eee;padding:5px 15px}.search-input{background-color:#fff;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}.chatlist{flex:1 1;background-color:#fff;overflow-y:auto}.chatlist::-webkit-scrollbar{width:6px;height:6px}.chatlist::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}.content-area{flex:1 1}.chatlistitem{display:flex;align-items:center;cursor:pointer;height:70px}.chatlistitem.active{background-color:#e6e3e3}.chatlist-avatar{width:50px;height:50px;border-radius:25px;margin-left:15px}.chatlistitem-lines{height:100%;display:flex;flex:1 1;flex-direction:column;justify-content:center;border-bottom:2px solid #eee;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:#000}.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:#f8f9fa;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;border-bottom:6px solid #3adf83}.chatintro img{width:300px;height:300px}.chatintro h1{font-size:32px;color:#525252;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;border-bottom:1px solid #ccc;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:#000}.chatWindow-headerbuttons{display:flex;align-items:center;margin-right:15px}.chatWindow-btn{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.chatWindow-body{flex:1 1;overflow-y:auto;background-color:#e5ddd5;background-size:cover;background-position:50%;background-image:url(https://i.pinimg.com/originals/62/40/b6/6240b66d5c50c8661eee78b439a7d33c.jpg)}.chatWindow-footer{height:62px;display:flex;align-items:center;background-color:#dbd4d4}.chatWindow-pre{display:flex;margin:0 15px}.chatWindow-inputarea{flex:1 1}.chatWindow-input{width:100%;height:35px;border:0;outline:0;background-color:#fff;border-radius:20px;font-size:15px;color:#4a4a4a;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-color:none}.emoji-picker-react .emoji-group:before{background:none}
/*# sourceMappingURL=main.fb6e5105.chunk.css.map */