*,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-color:#dadbd3;height:100vh}.app__body{display:flex;background-image:linear-gradient(135deg,#8bc6ec,#9599e2);margin-top:-10px;height:95vh;width:95vw;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.75)}@media only screen and (max-width:600px){.app{display:grid;place-items:center;background-color:#dadbd3;width:100vw;height:100vh}.app__body{display:block;background-image:linear-gradient(135deg,#8bc6ec,#9599e2);margin-top:-10px;height:95vh;width:97vw;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.75)}}.sidebar{display:flex;flex-direction:column;flex:0.28 1}.sidebar__search{display:flex;align-items:center;background-color:#f6f6f6;height:29px;padding:15px}.sidebar__searchContainer{display:flex;align-items:center;background-color:#fff;width:100%;height:35px;border-radius:20px}.sidebar__searchContainer>.MuiSvgIcon-root{color:grey;padding:10px}.sidebar__searchContainer>input{border:none;margin-left:10px}.sidebar__header{padding:20px;border-right:1px solid #d3d3d3}.sidebar__header,.sidebar__headerRight{display:flex;justify-content:space-between}.sidebar__headerRight{align-items:center;min-width:8vw}.sidebar__headerRight>.MuiSvgIcon-root{margin-right:2vw;font-size:20px!important}.sidebar__chats{flex:1 1;background-color:#fff;overflow-x:hidden;overflow-y:scroll}@media only screen and (max-width:600px){.sidebar{display:flex;flex-direction:column;flex:1 1}.sidebar__search{display:flex;align-items:center;background-color:#f6f6f6;height:30px;padding:8px}.sidebar__searchContainer{display:flex;align-items:center;background-color:#fff;width:100%;height:28px;border-radius:20px}.sidebar__searchContainer>.MuiSvgIcon-root{color:grey;padding:5px}.sidebar__searchContainer>input{border:none;margin-left:6px}.sidebar__header{padding:15px;border-right:1px solid #d3d3d3}.sidebar__header,.sidebar__headerRight{display:flex;justify-content:space-between}.sidebar__headerRight{align-items:center;min-width:3vw}.sidebar__headerRight>.MuiSvgIcon-root{margin-right:2vw;font-size:16px!important}.sidebar__chats{display:flex;background-color:#fff;overflow-x:scroll;overflow-y:hidden}}.sidebarChat{display:flex;padding:20px;cursor:pointer;border-bottom:1px solid #f6f6f6}a{text-decoration:none;color:#272727}.newChat__button{background-image:linear-gradient(135deg,#8bc6ec,#9599e2);color:#fff}.sidebarChat:hover{background-color:#ebebeb;color:#000}.sidebarChat__info>h2{font-size:14px;margin-bottom:5px}.sidebarChat__info{margin-left:15px}@media only screen and (max-width:600px){.sidebarChat{margin-top:10px;margin-bottom:0;display:flex;padding:10px;cursor:pointer;align-items:center;height:60px;background-color:#f5f5f5}a{text-decoration:none;color:#272727}.newChat__button{background-image:linear-gradient(135deg,#8bc6ec,#9599e2);color:#fff;font-size:12px}.sidebarChat:hover{background-color:#ebebeb;color:#000;height:60px}.sidebarChat__info>h2{font-size:14px;margin-bottom:2px}.sidebarChat__info{margin-left:10px;align-items:center;width:80px}.sidebarChat__info>p{font-size:11px;display:none}}.chat{flex:0.72 1;background-color:#e0e0e0;display:flex;flex-direction:column}.chat__header{padding:20px;display:flex;background-color:#9599e2;align-items:center;border-bottom:1px solid #d3d3d3}.chat__headerInfo{flex:1 1;padding-left:20px}.chat__headerInfo>h3{margin-bottom:3px;font-weight:500}.chat__headerInfo>p{color:#fff0f0;font-size:13px}.chat__message{position:relative;font-size:16px;padding:10px;background-color:#9599e2;color:#fff;border-radius:3px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:30px;border-top-left-radius:15px!important;border-bottom-right-radius:15px!important}.chat__name{position:absolute;top:-15px;font-weight:800;font-size:xx-small;color:#d3d3d3}.chat__reciever{margin-left:auto;background-color:#8bc6ec!important;color:#000;border-top-left-radius:15px!important;border-bottom-right-radius:15px!important}.chat__timestamp{margin-left:15px;font-size:xx-small}.chat__headerRight{display:flex;justify-content:space-between;min-width:100px}.chat__body{flex:1 1;background-image:url(https://images.unsplash.com/photo-1597890303531-e1e4c3eec6d9?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=750);background-repeat:repeat;background-position:50%;padding:30px;overflow-x:hidden;overflow-y:scroll}.chat__footer{display:flex;justify-content:space-between;align-items:center;height:55px;border-top:1px solid #d3d3d3}.chat__footer>form{flex:1 1;display:flex}.chat__footer>form>input{flex:1 1;border-radius:30px;padding:10px;border:none}.chat__footer>form>button{display:none}.chat__footer>.MuiSvgIcon-root{padding:10px;color:grey}@media only screen and (max-width:600px){.chat{background-color:#e0e0e0;display:flex;flex-direction:column;height:100vh}.chat__header{padding:10px;display:flex;background-color:#9599e2;align-items:center;border-bottom:1px solid #d3d3d3}.chat__headerInfo{flex:1 1;padding-left:8px}.chat__headerInfo>h3{margin-bottom:3px;font-weight:500;font-size:16px}.chat__headerInfo>p{color:#fff0f0;font-size:10px}.chat__message{position:relative;font-size:12px;padding:8px;font-weight:500;background-color:#9599e2;color:#fff;border-radius:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:20px;border-top-left-radius:15px!important;border-bottom-right-radius:15px!important}.chat__name{position:absolute;top:-15px;font-weight:700;font-size:xx-small;color:#d3d3d3}.chat__reciever{margin-left:auto;background-color:#8bc6ec!important;color:#000;font-weight:500;border-top-left-radius:15px!important;border-bottom-right-radius:15px!important}.chat__timestamp{margin-left:10px;font-size:xx-small}.chat__headerRight{display:flex;justify-content:space-between;min-width:60px}.chat__body{margin:0;height:40vh;background-image:url(https://images.unsplash.com/photo-1597890303531-e1e4c3eec6d9?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=750);background-repeat:no-repeat;background-position:50%;background-size:cover;padding:20px;overflow-x:hidden;overflow-y:scroll}.chat__footer{display:flex;justify-content:space-between;align-items:center;height:45px;border-top:1px solid #d3d3d3}.chat__footer>form{flex:1 1;display:flex}.chat__footer>form>input{flex:1 1;border-radius:30px;padding:7px;border:none}.chat__footer>form>button{display:none}.chat__footer>.MuiSvgIcon-root{padding:8px;color:grey}}.login{height:100vh;width:100vw;display:grid;place-items:center;background-color:#0093e9;background-image:linear-gradient(160deg,#0093e9,#80d0c7)}.login__container{max-width:60%;padding:50px;text-align:center;color:#2e2e2e;background-color:#fff;box-shadow:1px 0 7px 7px rgb(59 117 98/30%),1px 2px 4px 0;border-top-left-radius:25px;border-bottom-right-radius:25px;border-bottom-left-radius:5px;border-top-right-radius:5px}.login__container>img{object-fit:contain;height:250px;margin-top:-15%;margin-bottom:-40px;border-top-right-radius:30px;border-top-left-radius:30px}.login__container>Button{margin-top:50px;text-transform:inherit!important;background-color:#27ade9!important;color:#fff}.login__container>Button:hover{background-color:#052b55;color:#fff}@media only screen and (max-width:600px){.login__container>img{object-fit:contain;height:250px;margin-top:-15%;margin-bottom:-40px;border-top-right-radius:30px;border-top-left-radius:30px}}
/*# sourceMappingURL=main.423041ab.chunk.css.map */