body{margin:0;padding:0}.app{align-items:center;display:flex;font-family:monospace;height:100vh;justify-content:center;margin:0;width:100vw}.login,.register{background-color:#fff;border:2px solid #10aeff;border-radius:10px;width:30%}.login-header,.register-header{border-radius:10px 10px 0 0;text-align:center}.login-header h3,.register-header h3{color:#10aeff;font-family:sans-serif;font-weight:bolder;margin:10px 0 5px}.login-header p,.register-header p{color:grey;margin:0}.login-form form,.register-form form{display:flex;flex-direction:column}.login-form form input,.register-form form input{border:none;border-bottom:1px solid #dbc2c2;height:30px;margin:10px;width:100}.login-form form button,.register-form form button{background-color:#10aeff;border:none;color:#fff;cursor:pointer;height:30px;margin:10px}.login-footer p,.register-footer p{color:#676060;font-size:medium;text-align:center}.home{background-color:#fff;border-radius:10px;display:flex;height:90%;width:80%}.sidebar{background-color:#10aeff;border-radius:10px 0 0 0;display:flex;flex:1 1;flex-direction:column}.sidebarscroll{height:100%;overflow-y:scroll}.sidebar-header{border-radius:10px 0 0 0;color:#fff;font-family:system-ui;font-weight:bolder;height:60px;padding:10px}.sidebar-header,.userInfo{align-items:center;display:flex}.userInfo{flex:1 1;gap:.5rem;justify-content:flex-end}.userInfo p{color:#fff}.avatar{background:#fff;border:2px solid #fff;border-radius:30px;height:40px;width:40px}.sidebar-search{display:flex;flex-direction:column;justify-content:center}.sidebar-search input{background:none;border:none;border-bottom:2px solid #fff;cursor:pointer;height:30px;margin:10px;padding:5px}.sidebar-search input::-webkit-input-placeholder{color:#fff}.sidebar-search input::placeholder{color:#fff}.search-user{align-items:center;border-bottom:2px solid #fff;color:#fff;cursor:pointer;display:flex;gap:10px;margin:10px;padding:10px;position:relative}.addUserIcon{position:absolute;right:10px}.sidebar-chats{height:100%}.chat{align-items:center;color:#fff;cursor:pointer;display:flex;padding:10px}.chat:hover{background-color:#0b6bfb63}.chatinfo{flex:1 1;padding:10px}.chatinfo h3,.chatinfo p{margin:0}.chatbox{background-color:#fff;border-radius:10px;display:flex;flex:2 1;flex-direction:column}.chatbox-header{align-items:center;background-color:#2996cd;border-radius:0 10px 0 0;color:#fff;display:flex;height:53px;padding:10px;position:relative}.chatbox-header button{background:#fff;border:none;border-radius:10px;color:#10aeff;font-weight:700;padding:5px;position:absolute;right:10px}.chatbox img{margin-right:10px}.chatbox-messages{background:url(/static/media/background.bded4f44087fb4e89252.png);background-position:50%;background-repeat:repeat;background-size:cover;flex:1 1;overflow-y:scroll;padding:10px}.message,.sender{display:flex;gap:10px}.sender{flex-direction:row-reverse}.message-info{position:relative;top:20px}.reciever-text{background-color:#fff;border:2px solid #10aeff;border-radius:0 10px 10px 10px;color:#10aeff}.reciever-text,.sender-text{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0;padding:8px}.sender-text{background-color:#10aeff;border-radius:10px 0 10px 10px;color:#fff}.message-info p{color:#696666;font-size:small;margin:5px 0 0;padding-left:7px}.chatbox-footer{display:flex;height:60px}.chatbox-footer input{border:2px solid grey;border-radius:10px;flex:1 1;margin:10px}.chatbox-footer input::-webkit-input-placeholder{color:grey}.chatbox-footer input::placeholder{color:grey}.footer-icons{align-items:center;display:flex;gap:10px;padding:10px}.icon{font-size:30px}.icon,.send{cursor:pointer}.send{background-color:#10aeff;border:none;border-radius:10px;color:#fff;padding:5px;width:70px}.hidden{display:none}.loader{display:flex;flex-direction:row-reverse;justify-content:center;padding:15px}
/*# sourceMappingURL=main.8ea89883.css.map*/