*,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:#121212}.app__body{display:flex;background-color:#0f0f0f;height:90vh;width:90vw;box-shadow:-1px 4px 20px -6px #222831}.sidebar{display:flex;flex-direction:column;flex:0.35 1}.sidebar__header{padding:20px;border-right:1px solid #393e46}.sidebar__header,.sidebar__headerRight{display:flex;justify-content:space-between}.sidebar__headerRight{align-items:center;min-width:5vw}.sidebar__headerRight>.MuiIconButton-root{margin-right:1vw;font-size:20px!important;color:#5e5e5e}.sidebar__headerRight>.MuiIconButton-root:hover{background-color:#191919}.sidebar__search{display:flex;align-items:center;background-color:#191919;height:39px;padding:10px;border-right:1px solid #393e46}.sidebar__searchContainer{display:flex;align-items:center;background-color:#393e46;flex:1 1;height:35px;border-radius:10px}.sidebar__searchContainer>.MuiSvgIcon-root{color:#f5f5f5;margin-left:10px}.sidebar__searchContainer>input{border:none;outline-width:0;background-color:#393e46;color:#fff;flex:1 1}.sidebar__chats{overflow:auto;flex:1 1;background-color:#0f0f0f;border-right:1px solid #393e46}.sidebarChat{display:flex;padding:20px;cursor:pointer;border-bottom:1px solid #393e46;color:#d1d1d1}.sidebarChat:hover{background-color:#2f2f2f}.sidebarChat__info>h2{font-size:16px;margin-bottom:8px}.sidebarChat__info{margin-left:15px}.chatbox{display:flex;flex-direction:column;flex:0.65 1}.chatbox__header{display:flex;padding:20px;align-items:center;border-bottom:1px solid #393e46;color:#d1d1d1}.chatbox__headerinfo{flex:1 1;padding-left:20px}.chatbox__headerinfo>h3{margin-bottom:3px;font-weight:500}.chatbox__headerinfo>p{color:grey}.chatbox__headerRight>.MuiIconButton-root{color:#5e5e5e}.chatbox__headerRight>.MuiIconButton-root:hover{background-color:#191919}.MuiList-root{background-color:#0f0f0f}.menu__buttons{color:#f5f5f5!important}.menu__buttons:hover{background-color:#2f2f2f!important}.chatbox__body{flex:1 1;background-image:url(/static/media/chat_back.e9279f3c.jpg);background-repeat:repeat;background-position:50%;padding:30px;overflow:auto}.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{font-size:xx-small;margin-left:10px}.chat__name{position:absolute;top:-15px;font-weight:800;font-size:xx-small;color:#d1d1d1}.message__found{background-color:#7adf2e!important}.chat__reciever{margin-left:auto;background-color:#dcf8c6}.chat__footer{display:flex;justify-content:space-between;height:62px;border-top:1px solid #393e46;align-items:center}.chat__footer>form{flex:1 1;display:flex;padding-right:20px}.chat__footer>form>input{flex:1 1;border-radius:30px;padding:10px;border:none;outline:none;background-color:#191919;color:#f5f5f5}.chat__footer>.MuiIconButton-root:hover{background-color:#191919}.chat__footer>.MuiIconButton-root{padding:10px;color:#5e5e5e}.emoji-mart{bottom:"20px";right:"20px";overflow:hidden;width:auto!important;height:40vh;border-radius:0!important}.message_finder{background-color:#191919}.login{background-color:#0f0f0f;height:100vh;width:100vw;display:grid;place-items:center}.login__container{padding:100px;text-align:center;background-color:#121212;border-radius:10px;color:#f5f5f5;box-shadow:-1px 4px 20px -6px #222831}.login__container>img{object-fit:contain;height:100px;margin-bottom:40px}.login__container>button{margin-top:50px;text-transform:inherit!important;background-color:#0a8d48!important;color:#fff}.setting{display:grid;place-items:center;height:100vh;background-color:#121212}.setting__body{display:flex;flex-direction:column;background-color:#0f0f0f;height:50vh;min-width:40vw;box-shadow:-1px 4px 20px -6px #929aa7}.setting__header{display:flex;height:15vh;padding:30px;border-bottom:1px solid #393e46}.setting__header>.MuiAvatar-root{height:80px;width:80px;margin-top:13px}.setting__headerRight{display:flex;flex-direction:column;min-width:5vw;margin-left:20px;flex:1 1}.setting__headerRight>.MuiTextField-root{margin-bottom:14px;flex:1 1}.setting__buttons{display:flex;flex-direction:column;margin-top:20px}.setting__header>.MuiButton-root{height:10vh;text-transform:inherit;font-weight:600;font-family:Arial,Helvetica,sans-serif;margin-left:20px;color:#bababa;top:20px}.setting__header>.MuiButton-root:hover{background-color:#2f2f2f}.setting__buttons>.MuiButton-root{padding:10px;font-weight:600;color:#bababa}.setting__buttons>.MuiButton-root:hover{background-color:#2f2f2f}.image_form{display:flex;flex-direction:column}.image_form>.MuiButton-root{margin:15px;background-color:#0a8d48;color:#fff}.image_form>.MuiButton-root:hover{background-color:#055229}.image_form>.MuiTextField-root{margin:15px 15px 0}.room_setting{display:grid;place-items:center;height:100vh;background-color:#121212}.room_setting__body{display:flex;flex-direction:column;background-color:#ededed;height:90vh;width:70vw;background-color:#0f0f0f;box-shadow:-1px 4px 20px -6px #929aa7}.room_setting__header{display:flex;height:13vh;padding:30px;border-bottom:1px solid #393e46;color:#d1d1d1}.room_setting__header>.MuiAvatar-root{height:80px;width:80px}.room_setting__headerRight{display:flex;flex-direction:column;min-width:5vw;margin-left:20px;flex:1 1}.room_setting__headerRight>.MuiTextField-root{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:10px}.room_setting__buttons{display:flex;flex-direction:column;margin-top:20px}.room_setting__header>.MuiButton-root{height:10vh;text-transform:inherit;font-weight:600;font-family:Arial,Helvetica,sans-serif;color:#d1d1d1}.room_setting__header>.MuiButton-root:hover{background-color:#2f2f2f}.room_setting__buttons>.MuiButton-root{padding:10px;font-weight:600;color:#d1d1d1}.room_setting__buttons>.MuiButton-root:hover{background-color:#2f2f2f}.MuiDialogActions-root,.MuiDialogContent-root{background-color:#0f0f0f}.MuiDialogContent-root{border-bottom:1px solid #393e46;color:#d1d1d1;background-color:#d1d1d1}.room__members{height:48vh;box-shadow:-1px 1px 9px #000;border-radius:40px;margin:30px;padding:30px;display:flex;flex-direction:column;width:35vw;align-self:center;overflow:auto;color:#d1d1d1}.room__member{display:flex;margin:20px}.room__member>h3{margin-left:30px;margin-top:6px}.hidden_scroll{overflow-y:scroll}.hidden_scroll::-webkit-scrollbar{display:none}.hidden_scroll{-ms-overflow-style:none;scrollbar-width:none}.room__membersHeader{margin-bottom:5px;width:100%;border-bottom:2px solid #393e46}.delete__option{display:flex;flex-direction:column}.delete__option>.MuiButton-root:hover{background-color:#5e1c1c}.create_room{display:flex;flex-direction:column;align-items:center;height:90vh;width:90vw}.create__roomHeader{margin-top:10px;align-content:center;padding:10px;font-size:20px;border-bottom:1px solid #d1d1d1;color:#d1d1d1}.create__roomForm{display:flex;flex-direction:column;margin:30px;padding-top:60px;align-items:center;height:50vh;width:50vw;place-items:center;box-shadow:-3px 5px 12px #191919,0 -4px 12px #191919}.create__roomForm>.MuiTextField-root{margin-top:20px;border-color:#d1d1d1;color:#f5f5f5!important}.create__roomForm>.MuiButton-root{margin-top:10px;width:20vw;background-color:#0a8d48;color:#fff}.create__roomForm>.MuiButton-root:hover{background-color:#055229}.create_room>.MuiButton-root{background-color:#0a8d48;color:#fff}.create_room>.MuiButton-root:hover{background-color:#055229}
/*# sourceMappingURL=main.d98c5e88.chunk.css.map */