*{box-sizing:border-box}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;margin:0;color:#fff}.app-window,body{background-color:#4d426d}.app-window{display:flex;height:100vh}.sidebar{width:35%;max-width:415px;flex-direction:column;background-color:transparent;margin:20px}.header,.sidebar{display:flex;border-radius:20px}.header{height:80px;background-color:#5c4f82;align-items:center;justify-content:space-between;padding:10px}.avatar{width:50px;height:50px;border-radius:25px;margin-left:10px}.icon-button{background-color:transparent;border:0;outline:0;cursor:pointer;display:flex}.search{height:50px;min-height:50px;display:flex;border-radius:20px;background-color:#5c4f82;align-items:center;padding:0 10px;margin:20px 0}.search-input{flex:1 1;border:0;outline:0;background-color:transparent;color:#fff;margin-left:5px}.search-input::-webkit-search-cancel-button{color:#fff!important;cursor:pointer;-webkit-appearance:none;height:10px;width:10px;background-image:url(https://flaticons.net/icon.php?slug_category=mobile-application&slug_icon=close);background-size:cover}.search-input::-webkit-input-placeholder{color:#fff;opacity:.75}.search-input:-ms-input-placeholder{color:#fff;opacity:.75}.search-input::-ms-input-placeholder{color:#fff;opacity:.75}.search-input::placeholder{color:#fff;opacity:.75}.chat-list{flex:1 1;background-color:#5c4f82;border-radius:20px;display:flex;flex-direction:column;overflow-y:scroll;padding:10px;scrollbar-color:#81779d #5c4f82;scrollbar-width:none}.chat-list::-webkit-scrollbar{width:6px;height:6px}.chat-list::-webkit-scrollbar-thumb{background-color:transparent}.content{width:100%;margin:20px 20px 20px 0;border-radius:20px;overflow:hidden;background-color:#5c4f82}.header-icon{width:25px;height:25px;color:#fff;cursor:pointer;transition:all .15s ease;margin:5px}.header-icon:hover{transform:scale(1.2)}.chat-list-item{display:flex;cursor:pointer;align-items:center;height:70px;border-radius:20px;margin-bottom:10px;transition:all .15s}.chat-list-item:hover{background-color:rgba(0,0,0,.1);transform:scale(1.05)}.chat-list-avatar{height:50px;width:50px;border-radius:25px;margin-left:10px;background-color:transparent}.chat-list-lines{flex:1 1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-bottom:1px solid #625686;padding:10px 15px 10px 10px;flex-wrap:wrap;min-width:0}.chat-list-line{display:flex;align-items:center;justify-content:space-between;flex:1 1;width:100%;height:100%}.chat-list-time{font-size:12px}.chat-list-msg{flex-wrap:wrap;min-width:0;color:#81779d;text-overflow:ellips}.chat-list-msg,.chat-list-name{display:flex;align-items:center}.chat-list-name{font-size:17px;font-weight:700;margin:0}.chat-list-msg p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0}.active{background-color:#4d426d}.chat-intro-container{align-items:center;justify-content:center;width:100%}.chat-intro-container,.chat-window-container{display:flex;flex-direction:column;height:100%}.chat-window-container{justify-content:space-between}.chat-header{height:70px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;background-color:transparent;border-radius:20px;padding:0 20px;z-index:5;outline:1px solid #453b64}.chat-avatar{width:50px;height:50px;border-radius:50%;margin-right:20px}.user-name{font-weight:700;font-size:19px}.chat-footer{display:flex;justify-content:space-between;align-items:center;margin:10px}.chat-footer-input{width:calc(100% - 60px);display:flex;align-items:center;border-radius:25px;height:50px;background-color:#fff}.msg-input{display:flex;flex:1 1;width:100%;margin:5px;outline:0;border:0;background-color:transparent}.chat-footer-right{width:50px;height:50px;border-radius:25px;background-color:#3cc6b7;cursor:pointer;margin:0 10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-footer-right:hover{transform:scale(1.2) rotate(-20deg);background-color:#41d6c5}.emoji-button{height:30px;width:30px;margin-left:10px;transition:all .2s ease;color:#4d426d;cursor:pointer}.emoji-button:hover{transform:scale(1.2)}.chat-emoji-container{overflow:hidden;transition:all .2s ease}aside.emoji-picker-react{width:100%!important;border-radius:20px!important;box-shadow:none!important;outline:0!important;border:0!important}.chat-body{overflow-y:auto;flex:1 1;padding:20px 30px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent}.chat-body::-webkit-scrollbar{width:6px;height:6px}.chat-body::-webkit-scrollbar-thumb{background:#3a3253;border:0 #564b79;border-radius:50px}.msg-line{margin-bottom:10px;display:flex}.msg-item{display:flex;flex-direction:column;padding:5px;max-width:80%}.user-msg{justify-content:flex-end;border-radius:10px 10px 0 10px;background-color:#dd7c4b}.friend-msg{border-radius:0 10px 10px 10px;justify-content:flex-start;background-color:#4d426d}.msg-text{font-size:14px;margin:5px 40px 5px 5px}.msg-date{font-size:11px;color:hsla(0,0%,100%,.6);margin-right:5px;text-align:right;height:15px;margin-top:-15px}.newchat-avatar{width:50px;height:50px;border-radius:25px;margin:0 10px}.newchat-user{display:flex;align-items:center;cursor:pointer;justify-content:flex-start;margin:5px 0;padding:10px;width:90%;border-radius:20px;transition:all .2s ease}.newchat-user:hover{background-color:rgba(0,0,0,.3);transform:scale(1.1)}.newchat-userlist{display:flex;flex-direction:column;align-items:center;overflow-y:scroll;scrollbar-width:thin;max-height:300px;min-height:300px;margin:0;padding:10px 0}.newchat-userlist::-webkit-scrollbar{width:6px;height:6px}.newchat-userlist::-webkit-scrollbar-thumb{background:#3a3253;border:0 #564b79;border-radius:50px}.newchat-name{font-family:sans-serif;font-size:14px;font-weight:600}.login-container{background-color:#4d426d;height:100vh;width:100%}.login-box,.login-container{display:flex;align-items:center;justify-content:center}.login-box{flex-direction:column;padding:15px;width:40%;height:75%;background-color:#5c4f82;border-radius:20px}.login-button{width:60%;border-radius:30px;height:60px;outline:none;border:0;background-color:#dd7c4b;transition:all .1s ease;display:flex;align-items:center;margin-bottom:10px;cursor:pointer;justify-content:center;color:#fff;font-size:15px;font-weight:700}.login-button:hover{transform:scale(1.03);background-color:#da713c}.login-button-icon{color:#fff;width:30px;height:30px;margin-right:10px}
/*# sourceMappingURL=main.86b73da3.chunk.css.map */