.app{height:100vh;background-color:#dadbd3;display:grid;place-items:center}.app__body{width:90vh;height:90vh;margin-top:-50px;background-color:#ededed;box-shadow:-1px 4px 20px -6px #00000045;display:flex}.sidebar{flex:.35;display:flex;flex-direction:column}.sidebar__header{padding:20px;border-right:1px solid lightgray;display:flex;justify-content:space-between}.sidebar__headerRight{min-width:10vw;display:flex;align-items:center;justify-content:space-between}.sidebar__headerRight>.MuiSvgIcon-root{margin-right:2vw;font-size:24px!important}.sidebar__search{height:39px;padding:10px;background-color:#f6f6f6;display:flex;align-items:center}.sidebar__searchContainer{width:100%;height:35px;background-color:#fff;border-radius:20px;display:flex;align-items:center}.sidebar__searchContainer>input{border:none;margin-left:10px;outline:none}.sidebar__searchContainer>.MuiSvgIcon-root{padding:10px;color:gray}.sidebar__chats{flex:1;background-color:#fff;overflow-y:scroll}.sidebarChat{padding:20px;border-bottom:1px solid #f6f6f6;display:flex;cursor:pointer}a{text-decoration:none!important;color:#000}.sidebarChat:hover{background-color:#ebebeb}.sidebarChat__info{margin-left:15px}.sidebarChat__info>h2{font-size:16px;margin-bottom:8px}.chat{flex:.65;display:flex;flex-direction:column}.chat__header{padding:20px;border-bottom:1px solid lightgray;display:flex;align-items:center}.chat__headerInfo{flex:1;padding-left:20px}.chat__headerInfo>h3{margin-bottom:3px;font-weight:500}.chat__headerInfo>p{color:gray}.chat__headerRight{min-width:100px;display:flex;justify-content:space-between}.chat__message{width:fit-content;font-size:16px;padding:10px;margin-bottom:30px;border-radius:10px;background-color:#fff;position:relative}.chat__reciever{margin-left:auto;background-color:#dcf8c6}.chat__name{font-size:xx-small;font-weight:800;position:absolute;top:-20px}.chat__timestamp{margin-left:10px;font-size:xx-small}.chat__body{flex:1;background-image:url(https://res.cloudinary.com/practicaldev/image/fetch/s--WAKqnINn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/tw0nawnvo0zpgm5nx4fp.png);background-repeat:no-repeat;background-position:center;padding:30px;overflow-y:scroll}.chat__footer{height:62px;border-top:1px solid lightgray;display:flex;justify-content:space-between;align-items:center}.chat__footer>form{flex:1;display:flex}.chat__footer>form>input{flex:1;padding:10px;border-radius:30px;border:none;outline:none}.chat__footer>form>button{display:none}.chat__footer>.MuiSvgIcon-root{padding:10px;color:gray}.login{width:100vw;height:100vh;background-color:#f8f8f8;display:grid;place-items:center}.login__container{padding:100px;border-radius:10px;background-color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 3px #0000001f;text-align:center}.login__container>img{height:100px;margin-bottom:40px;object-fit:contain}.login__container>button{margin-top:50px;background-color:#0a8d48!important;color:#fff;text-transform:inherit!important}*{margin:0}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;background-color:#ffffffde;color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100vh}