body{margin:0;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}:root{--slack-color:#3f0f40;--slack-color-hover:#340e36;--slack-color-semi-light:#421f44;--slack-color-light:#49274b;--white-color:#fff;--lightgray:#d3d3d3;--lightgray-light:#f8f8f8;--gray:grey;--green:#0a8d48;--dark-green:#095e30}body{overflow:hidden}.app__body{display:flex;height:100vh}.app__main{padding:20px;flex:0.7 1;flex-direction:column}.app__main,.welcome__h1{display:flex;align-items:center;justify-content:center}.welcome__h1{padding:25px}.header{justify-content:space-between;padding:10px 0;background-color:var(--slack-color);color:var(--white-color);position:fixed;width:100%;top:0;left:0}.header,.header__left{display:flex;align-items:center}.header__left{flex:0.3 1;margin-left:20px}.header__left>.MuiSvgIcon-root{margin-left:auto;margin-right:30px}.header__search{flex:0.4 1;background-color:var(--slack-color-semi-light);text-align:center;display:flex;padding:0 50px;color:grey;border:1px solid grey;border-radius:6px}.header__search>input{background-color:transparent;border:none;text-align:center;min-width:35wv}.header__right{flex:0.3 1;display:flex;align-items:flex-end}.header__right>.MuiSvgIcon-root{margin-left:auto;margin-right:20px}.sidebar{flex:0.3 1;max-width:260px;padding-bottom:60px;background-color:var(--slack-color);border-top:1px solid var(--slack-color-light);color:var(--white-color)}.sidebar__option__wrapper{overflow-y:scroll;height:70%;overflow-x:hidden}.sidebar hr{margin:10px 0;border:1px solid var(--slack-color-light);border-top:none;border-right:none;border-left:none}.sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--slack-color-light)}.sidebar__header>.MuiSvgIcon-root{padding:8px;color:var(--slack-color-light);font-size:18px;background-color:var(--white-color);border-radius:50%}.sidebar__info{flex:1 1}.sidebar__info>h2{margin-bottom:5px;font-weight:700;font-size:15px}.sidebar__info>h3{display:flex;align-items:center}.sidebar__info>h3>.MuiSvgIcon-root{font-size:14px;margin-right:5px;color:green}.logout{cursor:pointer;padding:5px 10px 10px;display:inline-block;color:#fff;z-index:8888;position:relative;background:red;border-radius:5px;margin:4px 0 10px}.sidebarOption svg{font-size:17px;margin-right:7px}.sidebarOption{padding:0 17px;display:flex;align-items:center;font-size:12px;padding:7px 10px;cursor:pointer;transition:background-color .2s ease}.sidebarOption:hover{opacity:.9;background-color:var(--slack-color-hover)}.sidebarOption>h3{display:flex;align-items:center;font-size:15px;font-weight:500}.sidebarOption>h3>.sidebarOption__hash,.sidebarOption>h3>.sidebarOption__icon{margin-right:10px;font-size:inherit}.request__top__wrapper{position:fixed;top:0;right:0;font-size:13px;z-index:99999}.requested__wrapper h2{width:30px;height:30px;background:red;border-radius:50%;margin:0 6px}.requested__wrapper{display:flex;align-items:center;justify-content:center;background:green;margin:10px;padding:15px;cursor:pointer}.channle__color{font-weight:700;color:#000}.requested__wrapper p{padding-left:7px}span.total__group__mamber{background:green;padding:5px;display:inline-flex;justify-content:center;align-items:center;border-radius:30px;transform:translateY(-17px)}ul.group_m_wrapper li{list-style:decimal;text-align:left;display:flex;align-items:center;justify-content:space-between}ul.group_m_wrapper li button{margin:8px 0;color:#fff;font-weight:600}ul.group_m_wrapper li button.false{background:red}ul.group_m_wrapper li button.true{background:green}.chat{flex:0.7 1;flex-grow:1;position:relative}.chat__header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--lightgray);margin-top:26px}.chat__channelName{display:flex;align-items:center;text-transform:lowercase}.chat__channelName>.MuiSvgIcon-root{margin-left:5px;font-size:18px}.chat__headerRight>p{display:flex;align-items:center;font-size:14px}.chat__headerRight>p>.MuiSvgIcon-root{margin-right:5px;font-size:16px}.message{display:flex;align-items:center;padding:20px}.message>img{width:50px;height:50px;object-fit:cover;border-radius:50%}.message__info{margin-left:10px}.message__info>h4{display:flex;align-items:center}.message__timestamp{margin-left:10px;color:var(--gray);font-weight:300;font-size:13px}.chat__messages{width:100%;height:65%;position:absolute;top:18%;left:0;overflow-y:scroll}.message__info .adm{background:green;display:flex;color:#fff;width:30px;height:30px;justify-content:center;align-items:center;border-radius:50%}.more__all{cursor:pointer;color:grey;padding-left:10px}.edit__wrapper{margin:8px 0}.delete__wrapper,.edit__wrapper{display:flex;justify-content:left}.edit__wrapper button{display:none}.delete__wrapper svg,.edit__wrapper svg{margin-left:14px;font-size:30px;cursor:pointer}.chatInput{border-radius:20px}.chatInput>form{position:relative;display:flex;justify-content:center}.chatInput>form>input{position:fixed;bottom:10px;width:60%;border:1px solid var(--gray);border-radius:3px;padding:20px}.chatInput>form>button{display:none;color:var(--white-color);background-color:var(--slack-color)}.chatInput>form>button:hover{background-color:var(--slack-color-hover)}.login{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--lightgray-light)}.login__container{padding:70px;background-color:var(--white-color);text-align:center;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.24);box-shadow:5px 5px 10px #d4d4d4,-5px -5px 10px var(--white-color)}.login__container>img{object-fit:contain;width:100px}.login__container>h1{margin-top:40px}.login__container>button{margin-top:20px;text-transform:inherit;background-color:var(--green);color:var(--white-color)}.login__container>button:hover{background-color:var(--dark-green)}
/*# sourceMappingURL=main.a1f4b733.chunk.css.map */