*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background-color:#d5d5d5;display:grid;height:100vh;place-items:center}.app_body{background-color:#ebebe9;box-shadow:-.5px 3px 18px -3px rgba(0,0,0,.8);display:flex;height:90vh;margin-top:-30px;width:90vw}.warning__message{display:none;left:8vw;position:absolute;right:8vw;top:30vw;z-index:10}@media screen and (max-width:623px) and (orientation:portrait){.warning__message{display:block}.app_body{display:none}}@media screen and (max-width:623px) and (orientation:landscape){.warning__message{display:none}.app_body{display:flex}}.chat{display:flex;flex:0.65 1;flex-direction:column}.chat__header{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;padding:.72rem}.chat__headerInfo{flex:1 1;padding-left:1.1rem}.chat__headerInfo>h3{font-weight:500;margin-bottom:.1rem}.chat__headerInfo>p{color:gray}.chat__headerRight{display:flex;justify-content:space-between;max-width:100px}.chat__body{background-color:#ece5dd;background-position:50%;flex:1 1;overflow:auto;padding:1.9rem}.chat__message{background-color:#fff;border-radius:.6rem;font-size:1rem;margin-bottom:1.7rem;padding:.5rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat__name{color:#000;font-size:xx-small;font-weight:800;position:absolute;top:-.95rem}.chat__timestamp{font-size:xx-small;margin-left:.625rem}.chat__reciever{background-color:#3636ba;color:#fff;margin-left:auto}.chat__footer{align-items:center;border-top:1px solid #d3d3d3;display:flex;height:3.875rem;justify-content:space-between}.chat__footer>form{display:flex;flex:1 1}.chat__footer>form>input{border:none;border-radius:1.875rem;flex:1 1;padding:.625rem}.chat__footer>form>button{display:none}.chat__footer>.MuiSvgIcon-root{color:gray;padding:.625rem}.login{background-color:#f8f8f8;display:grid;height:100vh;place-items:center;width:100vw}.login__imgLogo{box-shadow:-.5px 3px 18px -3px rgba(0,0,0,.8);margin-bottom:2rem;max-height:10rem;max-width:10rem;object-fit:contain}.login__container{background-color:#fff;border-radius:.625rem;box-shadow:0 2px 4px -3px rgba(0,0,0,.8);padding:6.25rem;text-align:center}.login__container>button{background-color:rgba(22,70,184,.896);color:#fff;text-transform:inherit!important}.login__container>button:hover{background-color:rgba(22,71,184,.76)}.sidebar{display:flex;flex:0.35 1;flex-direction:column}.sidebar__search{background-color:#f6f6f6;padding:.7rem}.sidebar__search,.sidebar__searchContainer{align-items:center;display:flex;height:2rem}.sidebar__searchContainer{background-color:#fff;border-radius:.6rem;width:100%}.sidebar__searchContainer>input{border:none;margin-left:.6rem}.sidebar__searchContainer>.MuiSvgIcon-root{color:gray}.sidebar__header{border-right:1px solid #d3d3d3;padding:1rem}.sidebar__header,.sidebar__headerRight{display:flex;justify-content:space-between}.sidebar__headerRight{align-items:center;min-width:10vw}.sidebar__headerRight>.MuiSvgIcon-root{font-size:2rem!important;margin-right:2vw}.sidebar__chats{background-color:#fff;flex:1 1;overflow:auto}.sidebar__title{font-weight:900;margin-left:.4rem}.sidebarChat{border-bottom:1px solid #f6f6f6;cursor:pointer;display:flex;max-height:3rem;overflow:hidden;padding:1rem}.sidebarChat:hover{background-color:#ebebeb}.sidebarChat__info>h2{font-size:1rem;margin-bottom:.5rem}.sidebarChat__info{margin-left:1rem}a{color:#000;text-decoration:none!important}.sidebarChat__lastMessage{color:gray}