*,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;height:100vh;background-color:#dadbd3}.app_body{display:flex;background-color:#ededed;margin-top:-50px;height:90vh;width:90vw;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.75)}.sidebar{display:flex;flex-direction:column;flex:0.35 1}.sidebar .sidebar_header{display:flex;justify-content:space-between;padding:20px;border-right:1px solid #d3d3d3;align-items:center}.sidebar .sidebar_header .avatar:hover{cursor:pointer;color:#0f0;border:1px solid #0f0}.sidebar .sidebar_header p{cursor:pointer;margin-right:auto;margin-left:10px;font-weight:700}.sidebar .sidebar_headerRight{display:flex;justify-content:space-between;align-items:center;min-width:10vw}.sidebar_headerRight>.MuiSvgIcon-root{margin-right:2vw;font-size:24px!important}.sidebar_search{display:flex;align-items:center;background-color:#f6f6f6;height:39px;padding:10px}.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;outline-width:0;margin-left:10px}.sidebar_rooms{flex:1 1;background-color:#fff;overflow:scroll}.sidebar_rooms .addChatRoom{text-align:center;cursor:pointer;padding:10px;flex:1 1}.sidebar_rooms .addChatRoom:hover{background-color:#ebebeb;transform:scale(1.02)}.sidebarRoom{display:flex;padding:20px;cursor:pointer;border-bottom:1px solid #f6f6f6}.sidebarRoom:hover{background-color:#ebebeb}.sidebarRoom_info{margin-left:15px}.sidebarRoom_info h2{font-size:16px;margin-bottom:8px}.chat{display:flex;flex-direction:column;flex:0.65 1}.chat .chat_header{display:flex;padding:20px;align-items:center;border-bottom:1px solid #d3d3d3}.chat .chat_headerInfo{flex:1 1;padding-left:20px;cursor:default}.chat .chat_headerInfo h3{margin-bottom:3px;font-weight:500}.chat .chat_headerInfo p{color:grey}.chat_body{flex:1 1;padding:30px;overflow:scroll;background:linear-gradient(135deg,#88cbf8,#df8fff)}.chat_message{position:relative;font-size:16px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;background-color:#fff;margin-bottom:30px}.chat_timestamp{margin-left:10px;font-size:xx-small}.userName{position:absolute;top:-20px;font-weight:800;font-size:small}.sender{background-color:#dcf8c6;margin-left:auto}.chat_footer{display:flex;justify-content:space-between;align-items:center;height:62px;border-top:1px solid #d3d3d3}.chat_footer form{display:flex;flex:1 1}.chat_footer form input{flex:1 1;border-radius:30px;padding:10px;border:none;outline-width:0}.chat_footer form button{display:none}.chat_footer>.MuiSvgIcon-root{padding:10px;color:grey}
/*# sourceMappingURL=main.4f758f80.chunk.css.map */