*{padding:0}*,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{background-image:linear-gradient(180deg,#7cf8cf 30%,#f0feff 0);display:grid;place-items:center;height:100vh}.chatRoom{flex:0.7 1;height:100%;flex-direction:column}.chatRoom,.chatRoom__header{display:flex;justify-content:space-between}.chatRoom__header{height:70px;align-items:center;background-color:#ededed;padding:0 20px}.chatRoom__headerLeft{display:flex}.chatRoom__headerInfo{padding:0 20px}.chatRoom__headerInfo>h2{font-size:18px;color:#2c3335;font-weight:700}.chatRoom__headerInfo>h3{font-size:12px;color:#4c4b4b;font-weight:600}.chatRoom__headerRight{display:flex}.chatRoom__body{flex:1 1;background-color:#e5ddd5;overflow-y:scroll}.chatRoom__emojiContainer{padding:15px;display:flex;justify-content:space-around;flex-wrap:wrap;background-color:#f0f0f0;border-bottom:.01px solid #dadada}.chatRoom__emojiContainer>.MuiIconButton-root{font-size:20px;padding:2px;color:inherit}.chat__footer{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background-color:#f0f0f0}.chat__footer .MuiSvgIcon-root{font-size:30px;color:#919191}.chat__footer>form{flex:1 1;display:flex}.chat__footer>form>input{width:100%;height:40px;border-radius:20px;border:none;outline:none;font-size:16px;padding:0 20px;margin:0 10px;background-color:#fff;color:#4a4a4a}.chat__footer>form>input::-webkit-input-placeholder{color:#919191}.chat__footer>form>input:-ms-input-placeholder{color:#919191}.chat__footer>form>input::-ms-input-placeholder{color:#919191}.chat__footer>form>input::placeholder{color:#919191}.chat__footer>form>button{display:none}.emptyChatRoom{flex:0.7 1;overflow:hidden;display:grid;place-items:center;background-image:linear-gradient(180deg,#f8f9fa 99%,#4adf83 0)}.emptyChatRoom__imageContainer{width:200px;height:200px;padding:100px;border-radius:200px;margin-bottom:50px;background-color:#d5ffda}.emptyChatRoom__text{text-align:center;font-weight:100;font-size:35px}.message{font-size:16px;margin:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:80%}.message__name{font-weight:700;font-size:x-small;padding:2px 0;color:#686868}.message__content{color:#111;background-color:#fff;padding:10px}.message__author{margin-left:auto}.message__author .message__content{background-color:#dcf8c6}.message__timestamp{font-size:xx-small;padding:2px 0;text-align:right;color:#646464}.mainDiv{width:100%;height:100%}.sidebar{flex:0.3 1;border-right:1px solid #dadada}.sidebar__header{display:flex;justify-content:space-between;height:70px;align-items:center;background-color:#ededed}.sidebar__header>.MuiAvatar-root,.sidebar__header>.MuiSvgIcon-root{margin:0 10px}.sidebar__headerInfo{width:90%;padding:0 5%}.sidebar__headerInfo>h2{font-size:18px;color:#2c3335;font-weight:700}.sidebar__headerInfo>h3{font-size:12px;color:#4c4b4b;font-weight:600}.sidebar__search{height:35px;padding:7px 15px;background-color:#f6f6f6}.sidebar__searchContainer{height:100%;border-radius:20px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.sidebar__searchContainer>.MuiSvgIcon-root{height:17px;color:#75758b}.sidebar__searchContainer>button{display:none}.sidebar__searchContainer>input{width:90%;height:20px;border:none;outline:none}.sidebar__rooms{height:calc(96vh - 119px);overflow-y:scroll}.sidebar__createRoom{display:flex;justify-content:space-around;padding:20px 10px}.sidebar__createRoom .MuiButton-root{background-color:#7df9cf!important;color:#524a08}.sidebarRoom__container{height:70px}.sidebarRoom__container:hover{background-color:#fafafa;cursor:pointer}.sidebarRoom__hr{width:95%;margin:0 auto;background-color:#e6e6e6;border:none;height:.1px}.sidebarRoom__container{display:flex;align-items:center;padding:0 2.5%}.sidebarRoom__info{padding-left:15px}.sidebarRoom__title{font-weight:600;font-size:16px}.sidebarRoom__lastMessage{font-size:14px}.loadingContainer{padding:20px;display:flex;justify-content:space-around;color:#24b9f6}.appContainer{width:90vw;height:96vh;background-color:#fff;box-shadow:0 0 30px -10px #3d3d3d;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ccc}::-webkit-scrollbar-thumb:hover{background:#c2c2c2}.home{display:flex;flex-direction:column;align-items:center}.home__heading{color:#ea7773}.home__button{padding:10px 20px;margin-top:10px;border:0;color:#296e8a;font-weight:700;font-size:16px;background-color:#4ae4ff;outline:none;transition-duration:.4s}.home__button:hover{box-shadow:0 0 20px -5px #a7a7a7}.login{text-align:center}.login__container{background-color:#fff;padding:50px;border-radius:10px;box-shadow:1px 1px 10px -5px #4d4d4d}.login__container>img{object-fit:contain;height:100px;margin-bottom:40px}.login__container>button{margin-top:50px;text-transform:inherit;background-color:#5adcfa;color:#fff}.login__container>button:hover{background-color:#7cf8cf}.login__text{color:#252525}.joinRoom{text-align:center}.joinRoom__heading{font-weight:100;font-size:50px}.joinRoom__loadingImage{height:200px}
/*# sourceMappingURL=main.be7c1886.chunk.css.map */