body{font-family:"KoHo",sans-serif}.bgColor,body{background:#ffe290}.primaryColor{color:#4a5a6e}.b-200{font-weight:200}.b-300{font-weight:300}.b-400{font-weight:400}.b-500{font-weight:500}.b-600{font-weight:600}.b-700{font-weight:700}.app-header{display:flex;justify-content:center;height:150px;align-items:center}.app-header img{height:50px}.app-header>.app-name{font-size:30px;margin:0 20px}.chat-system{display:flex;justify-content:center;align-items:center}.chat-box{background:#fff;border-radius:15px;box-shadow:0 0 2px 0 rgba(0,0,0,.3);overflow:hidden;width:350px}.username-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:20px 20px 30px}.username-label{margin:0 0 10px;padding:0}.input{background:#eee;border:1px solid #eee;border-radius:5px;box-sizing:border-box;color:#777;font-size:16px;height:25px;outline:none;padding:20px 19px;width:200px}.online-users-header{align-items:center;background:#42b970;color:#fff;display:flex;font-size:18px;font-weight:500;height:30px;justify-content:space-between;padding:10px;width:100%}.users-list{background:#eee;margin:0;max-height:300px;list-style:none;padding:10px}.users-list li{padding:5px 10px;background:#eee;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer;font-size:14px;font-weight:500;letter-spacing:1px;display:flex;justify-content:space-between}.users-list li .joined-date{font-size:10px;display:inline-block;margin:0 10px}.users-list li:hover{background:#b1b0b0}.message-area{height:250px}.message-control{background:#eee;display:flex}.message-control textarea{background:#eee;box-sizing:border-box;display:inline-block;margin:8px;padding:5px;resize:none;width:80%}.message-control button,.message-control textarea{border:none;font-family:"KoHo",sans-serif;outline:none}.message-control button{align-items:center;background:#42b970;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:500;justify-content:flex-end;justify-content:center}.new-message-count{font-size:10px;display:inline-block;background:#028aff;width:15px;height:15px;border-radius:50%;text-align:center;color:#fff}.message-area ul{padding:0;margin:0;height:250px;overflow-y:scroll}.message-area ul li{display:flex;align-items:flex-start;flex-wrap:wrap;margin:10px}.message-area ul .user-pic{width:30px;height:30px;background:#eee;border-radius:50%;overflow:hidden}.message-area ul .user-pic img{max-width:100%;max-height:100%;object-fit:contain}.message-area ul .message-text{background:#028aff;border-radius:5px;color:#fff;font-size:13px;padding:2px 5px;box-sizing:border-box;margin:0 5px;max-width:270px}.file-input-container{position:relative}.file-input-container input[type=file]{position:absolute;width:0;height:0;opacity:0}.file-input-container label{display:block;color:#028aff;padding:0 10px;cursor:pointer;background:#eee;height:100%;display:flex;align-items:center}.image-container{background:#eee;border:1px solid rgba(0,0,0,.5);border-radius:5px;margin:0 5px}.attachement-display{display:flex;align-items:center;box-sizing:border-box;padding:5px 10px;background:#eee;border-bottom:1px solid rgba(0,0,0,.2)}.attachment-name{font-weight:600;font-size:14px;display:inline-block;margin:0 5px}.remove-attachment{font-size:20px;font-weight:500;margin:0 5px;cursor:pointer;color:rgba(0,0,0,.4)}body{background:url(https://cutewallpaper.org/23/whatsapp-chat-background-wallpaper/253256621.jpg) no-repeat;background-size:cover}.input,.primaryColor{color:#fff}.input{background:#498273}
/*# sourceMappingURL=main.4e85bea9.chunk.css.map */