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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background-color:#dadbd3;display:grid;height:100vh;place-items:center}.app__body{background-color:#ededed;box-shadow:-1px 4px 20px -6px #000000bf;display:flex;height:90vh;margin-top:-50px;width:90vw}.sidebar{display:flex;flex:0.35 1;flex-direction:column}.sidebar__header{border-right:1px solid #d3d3d3;padding:20px}.sidebar__header,.sidebar__header-right{display:flex;justify-content:space-between}.sidebar__header-right{align-items:center;min-width:10vw}.sidebar__header-right>.MuiSvgIcon-root{font-size:24px!important;margin-right:2vw}.sidebar__search{align-items:center;background-color:#f6f6f6;display:flex;height:39px;padding:10px}.sidebar__searchContainer{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:35px;width:100%}.sidebar__searchContainer>.MuiSvgIcon{color:grey;padding:18px}.sidebar__searchContainer input{border:none;margin-left:10px;outline-width:0;width:90%}.sidebar__chats{background-color:#fff;flex:1 1;overflow:scroll}.sidebarChat{border-bottom:1px solid #f6f6f6;cursor:pointer;display:flex;padding:20px}.sidebarChat:hover{background-color:#ebebeb}.sidebarChat:hover .sidebarChat__icon{color:#2ae42a}.sidbarChat__info h2{font-size:16px;margin-bottom:8px}.sidbarChat__info{margin-left:15px}.chat{display:flex;flex:0.65 1;flex-direction:column}.chat__header{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;padding:20px}.chat__headerInfo{flex:1 1;padding-left:20px}.chat__headerInfo h3{font-weight:500;margin-bottom:3px}.chat__headerInfo p{color:grey;font-size:14px}.chat__body{background-image:url(https://i.pinimg.com/originals/8f/ba/cb/8fbacbd464e996966eb9d4a6b7a9c21e.jpg);background-position:50%;background-repeat:repeat;flex:1 1;overflow:scroll;padding:30px}.chat__message{background-color:#fff;border-radius:10px;font-size:16px;margin-bottom:30px;padding:10px;position:relative;width:fit-content}.chat__received{background-color:#dcf8c6;margin-left:auto}.chat__name{font-size:12px;font-weight:800;position:absolute;top:-15px}.chat__timestamp{font-size:xx-small;margin-left:10px}.chat__footer{align-items:center;border-top:1px solid #d3d3d3;display:flex;height:62px;justify-content:space-between}.chat__footer form{display:flex;flex:1 1}.chat__footer form input{border:none;border-radius:30px;flex:1 1;outline-width:0;padding:10px}.chat__footer form button{display:none}.chat__footer .MuiSvgIcon-root{color:gray;cursor:pointer;padding:10px}
/*# sourceMappingURL=main.85ab16b5.css.map*/