*{color:#b8b2a9;scrollbar-color:rgba(0,0,0,.2) hsla(0,0%,100%,.1);scrollbar-width:thin}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{display:grid;place-items:center;background:radial-gradient(#110b11,#273a54,#3c6997)}.app__body{display:flex;margin:20px;width:75vw;height:97vh;background-color:#0f161a;box-shadow:-1px 4px 20px -6px rgba(0,0,0,0,7)}.sidebar{display:flex;flex-direction:column;flex:0.25 1}.sidebar__header{padding:20px;background-color:#110b11;border-right:1px solid rgba(179,176,176,.609);border-bottom:1px solid rgba(179,176,176,.609)}.sidebar__header,.sidebar__headerRight{display:flex;justify-content:space-between}.sidebar__headerRight{align-items:center;min-width:10vw;padding-left:15px}.sidebar__headerRight>.MuiSvgIcon-root{margin-right:2vw;font-size:24px!important}.sidebar__search{display:flex;align-items:center;background-color:#273a54;padding:10px;height:39px}.sidebar__searchContainer{display:flex;align-items:center;background-color:#294766;width:100%;height:35px;border-radius:20px}.sidebar__searchContainer>input{border:none;margin-left:10px;color:#fff!important;background-color:#294766}.sidebar__chats{flex:1 1;background-color:#161b27;overflow:scroll}.sidebarChat{display:flex;padding:2px;cursor:pointer;border-bottom:1px solid rgba(179,176,176,.507)}.sidebarChat:hover{background-color:rgba(59,59,68,.397)}.sidebarChat__info>h2{margin-bottom:8px;font-size:16px}.sidebarChat__info{margin-left:15px}.sidebarChat__info>p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}a{text-decoration:none!important}.chat{flex:0.75 1;background-color:#0a1013;display:flex;flex-direction:column}.chat__header{padding:20px;display:flex;align-items:center;border-bottom:1px solid rgba(179,176,176,.507);background-color:#110b11}.chat__headerInfo{flex:1 1;padding-left:20px}.chat__headerInfo>h3{margin-bottom:3px;font-weight:600}.chat__headerInfo>p{color:grey}.chat__headerRight{display:flex;min-width:100px;justify-content:space-between}.chat__body{flex:1 1;background-image:url(https://i1.wp.com/www.techgrapple.com/wp-content/uploads/2016/07/WhatsApp-Chat-theme-iPhone-2.jpg?fit=744%2C1392&ssl=1);background-repeat:repeat;background-position:50%;padding:30px;overflow:scroll}.chat__message{position:relative;font-size:14px;padding:10px;border-radius:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:40vw;margin-bottom:20px;margin-top:5px;background-color:#161b27;overflow-wrap:anywhere;font-weight:600}.chat__reciever{margin-left:auto;background-color:#1818b3}.chat__name{position:absolute;top:-15px;left:5px;font-weight:800;font-size:x-small}.chat__timestamp{margin-left:15px;font-size:xx-small}.chat__footer{display:flex;justify-content:space-between;align-items:center;height:60px;background-color:#161b27;border-top:1px solid rgba(179,176,176,.507)}.chat__footer>form{flex:1 1;display:flex}.chat__footer>form>input{flex:1 1;border-radius:30px;background-color:#282c2d;border:none;padding:10px}.chat__footer>form>button{display:none}.chat__footer>.MuiSvgIcon-root{padding:10px;color:grey!important}.login{height:100vh;width:100vw;display:grid;place-items:center}.login,.login__container{background:radial-gradient(#110b11,#273a54,#3c6997)}.login__container{padding:100px;text-align:center;border-radius:10px;box-shadow:0 1px 3px 0 1px rgba(0,0,0,.12)}.login__container>img{object-fit:contain;height:100px;margin-bottom:40px}.login__container>button{margin-top:50px;text-transform:inherit!important;background-color:#110b11}
/*# sourceMappingURL=main.d34c802a.chunk.css.map */