.app{height:100vh;display:grid;place-items:center;background:#dadbd3}.app__body{display:flex;background:#ededed;width:90vw;height:90vh;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.75)}.chat{display:flex;flex-direction:column;flex:.65 1;scrollbar-width:none}.chat::-webkit-scrollbar{display:none}.chat__header{display:flex;align-items:center;padding:10px;border-bottom:1px solid #fff}.chat__header-info{flex:1 1;padding-left:20px}.chat__header-info h3{font-size:18px;margin-bottom:3px;font-weight:500}.chat__header-info p{color:grey}.chat__body{flex:1 1;background-image:url(https://backgroundcheckall.com/wp-content/uploads/2017/12/whatsapp-background-1.png);background-repeat:repeat;background-position:50%;padding:30px;overflow:scroll}.chat__body-reciver{margin-left:auto;background-color:#dcf8cd!important}.chat__body-message{position:relative;font-size:16px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;background-color:#fff;margin-bottom:30px}.chat__body-name{position:absolute;top:-15px;font-weight:400;font-size:xx-small}.chat__body-timeStamps{margin-left:10px;font-size:xx-small}.chat__footer{display:flex;justify-content:space-between;align-items:center;height:62px;border-top:1px solid #d3d3d3}.chat__footer .MuiSvgIcon-root{margin:10px;color:grey}.chat__footer__form{flex:1 1;display:flex}.chat__footer__form-input{flex:1 1;border:none;padding:10px;border-radius:30px}.chat__footer__form button{display:none}.sidebar{display:flex;flex-direction:column;flex:.35 1}.sidebar__header{padding:20px;border-right:1px solid #fff}.sidebar__header,.sidebar__header-right{display:flex;justify-content:space-between}.sidebar__header-right{align-items:center;min-width:10vw}.sidebar__header-right .MuiSvgIcon-root{margin-right:2vw;font-size:24px!important}.sidebar__search{display:flex;align-items:center;background-color:#f6f6f6;height:39px;padding:10px}.sidebar__search__container{display:flex;align-items:center;background:#fff;width:100%;height:35px;border-radius:20px}.sidebar__search__container .MuiSvgIcon-root{color:grey}.sidebar__search__container input{width:100%;border:none;outline:none;margin-left:10px}.sidebar__search__container input :focus{outline:none;border:none}.sidebar__chats{flex:1 1;background:#fff;overflow:scroll;scroll-behavior:smooth}.sidebarChat{display:flex;padding:20px;cursor:pointer;border-bottom:1px solid #fff}.sidebarChat:hover{background-color:#ebebeb}.sidebarChat__info{margin-left:16px}.sidebarChat__info h6{font-size:16px;margin-bottom:8px}
/*# sourceMappingURL=main.0dfbeb4e.chunk.css.map */