*,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:#e7e5df;background-color:var(--platinum);display:grid;height:100vh;place-items:center}.app__body{background-color:#d3d0cb;background-color:var(--timberwolf);box-shadow:-1px 4px 20px -6px rgba(0,0,0,.7);display:flex;height:90vh;margin-top:-50px;width:90vw}.sidebar{border-right:2px solid #43b8ba;border-right:2px solid var(--maximum-blue-green);display:flex;flex:0.35 1;flex-direction:column}.sidebar__header{align-items:center;background-color:#43b8ba;background-color:var(--maximum-blue-green);display:flex;height:45px;justify-content:space-between;padding:20px}.sidebar__user{align-items:center;display:flex;flex:row 1}.sidebar__user>span{color:#fff;font-weight:500;margin-left:15px}.sidebar__headerRight{align-items:center;display:flex;justify-content:space-between}.sidebar__headerRight>.MuiIconButton-root{color:#e7e5df;color:var(--platinum);font-size:24px!important;margin-right:2vw}.sidebar__search{align-items:center;background-color:#e7e5df;background-color:var(--platinum);display:flex;height:40px;padding:10px 0}.sidebar__searchContainer{align-items:center;background-color:#fff;display:flex;height:35px;width:100%}.sidebar__searchContainer>.MuiSvgIcon-root{color:gray;padding:10px}.sidebar__searchContainer>.MuiSvgIcon-root:hover{color:#43b8ba;color:var(--maximum-blue-green)}.sidebar__searchContainer>input{border:none;margin-left:10px;width:100%}.sidebar__searchContainer>input:focus{outline:none}.sidebar__chats{background-color:#d3d0cb;background-color:var(--timberwolf);flex:1 1;overflow:scroll}.sidebarChat{border-bottom:2px solid #43b8ba;border-bottom:2px solid var(--maximum-blue-green);cursor:pointer;display:flex;padding:20px}a{color:#000;text-decoration:none!important}.sidebarChat>.MuiAvatar-root{background-color:#e7e5df;background-color:var(--platinum)}.sidebarChat:hover{background-color:#e6b93c;background-color:var(--saffron)}.sidebarChat__info{margin-left:15px}.sidebarChat__info>h2{font-size:16px;margin-bottom:4px}.chat{display:flex;flex:0.65 1;flex-direction:column}.chat__header{align-items:center;background-color:#e6b93c;background-color:var(--saffron);box-shadow:0 3px 5px -3px #111;display:flex;height:45px;padding:20px}.chat__headerInfo{flex:1 1;padding-left:20px}.chat__headerInfo>h3{font-weight:500;margin-bottom:3px}.chat__headerInfo>p{color:#616161;font-size:small}.chat__body{background-color:#e9d4ad;flex:1 1;overflow:scroll;padding:30px}.chat__message{background-color:#e7e5df;background-color:var(--platinum);border-radius:10px;color:#000;font-size:1em;margin-bottom:30px;padding:10px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat__receiver{border:2px solid #43b8ba;border:2px solid var(--maximum-blue-green);margin-left:auto}.chat__name{font-size:xx-small;font-weight:800;position:absolute;top:-15px}.chat__timestamp{font-size:xx-small;margin-left:10px}.chat__footer{align-items:center;border-top:2px solid #43b8ba;border-top:2px solid var(--maximum-blue-green);display:flex;justify-content:space-between;padding:15px}.chat__footer>form{display:flex;flex:1 1;font-size:1em}.chat__footer>form>input{border:none;border-radius:20px;flex:1 1;padding:5px}.chat__footer>form>input:focus{outline:none}.chat__footer>form>button{display:none}:root{--onyx:#393e41;--timberwolf:#d3d0cb;--platinum:#e7e5df;--maximum-blue-green:#43b8ba;--saffron:#e6b93c}.login{background-color:#43b8ba;background-color:var(--maximum-blue-green);display:grid;height:100vh;place-items:center;width:100vw}.login__container{background-color:#e6b93c;background-color:var(--saffron);border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.5);padding:100px;text-align:center}.login__text>h1{color:#fff;font-size:5em;margin-bottom:10px}.login__container>img{height:100px;margin-bottom:40px;object-fit:contain}.login__container>button{background-color:#e7e5df;background-color:var(--platinum);color:#000;text-transform:inherit!important;width:100%}.login__container>button:hover{color:#4d4d4d}
/*# sourceMappingURL=main.4ae319a9.css.map*/