*,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}body{--slack-color:#3f0e40;overflow:hidden}.app__body{height:100vh}.app__body,.overlay{display:-webkit-flex;display:flex}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);transition:opacity .5s;visibility:hidden;opacity:0;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.overlay:target,.overlay__show{visibility:visible;opacity:1}.popup{margin:70px auto;padding:20px;background:#fff;border-radius:5px;width:50%;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif}.popup .close{position:absolute;top:20px;right:30px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333;cursor:pointer}.popup .close:hover{color:var(--slack-color)}.popup .content{max-height:30%;overflow:auto;margin:20px 0}#add-channel-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#add-channel-form>.form-control{margin-bottom:10px;padding:10px;color:grey;border-radius:9px;border:1px solid grey}#add-channel-form>.form-btn{border:none;padding:10px;color:grey;border-radius:9px;cursor:pointer}#add-channel-form>.form-btn:hover{color:#fff;background-color:var(--slack-color);transition:all .3s ease-in-out}#add-channel-form>.form-btn:focus,#add-channel-form>.form-control{outline:none}.header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:10px 0;color:#fff;background-color:#340e36}.header .MuiSvgIcon-root{opacity:.6}.header__left{-webkit-flex:0.3 1;flex:0.3 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:20px}.header__left>.MuiSvgIcon-root{margin-left:auto;margin-right:20px}.header__middle{-webkit-flex:0.4 1;flex:0.4 1;background-color:#421f44;text-align:center;display:-webkit-flex;display:flex;padding:0 50px;color:grey;border:1px solid grey;border-radius:6px}.header__middle>input{background-color:transparent;border:none;color:#fff;text-align:center;min-width:35vw}.header__middle>input:focus{outline:none}.header__right{-webkit-flex:0.3 1;flex:0.3 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin:0 20px}.header__right .MuiAvatar-root{border-radius:20%;width:30px;height:30px;cursor:pointer}.sidebar{color:#fff;background-color:var(--slack-color);border-top:1px solid #49274b;max-width:260px;-webkit-flex:0.3 1;flex:0.3 1}.sidebar__header{display:-webkit-flex;display:flex;border:1px solid #49274b;padding:13px 13px 10px}.sidebar__header>.MuiSvgIcon-root{padding:8px;color:#49274b;font-size:18px;background-color:#fff;border-radius:50%}.sidebar__info{-webkit-flex:1 1;flex:1 1}.sidebar__info>h2{font-size:15px;font-weight:900;margin-bottom:5px;cursor:pointer}.sidebar__info>h2>a{text-decoration:none;color:#fff}.sidebar__info>h3{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:13px;font-weight:400;text-transform:capitalize}.sidebar__info>h3>.MuiSvgIcon-root{font-size:14px;margin-top:1px;margin-right:2px;color:green}.sidebar__options{overflow-y:auto;height:calc(100vh - 170px);min-height:calc(100vh - 150px)}.sidebar__options>hr{border:1px solid #49274b}.sidebar__options::-webkit-scrollbar{width:.8em}.sidebar__options::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.sidebar__options::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:none;border-radius:9px}.sidebar__logout{width:100%;padding:10px 0;outline:none;border:none;background-color:#340e36;color:#fff;cursor:pointer}.sidebarOption{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:12px;padding-left:2px;cursor:pointer}.sidebarOption:hover{background-color:#340e36;opacity:.9}.sidebarOption__icon{padding:10px;font-size:15px!important;opacity:.6}.sidebarOption__channel{padding:10px 0}.sidebarOption__hash{padding:10px 10px 10px 12px}.sidebarOption>h3{font-weight:400;opacity:.6}.sidebarOption__sub{margin-left:10px}.channel{-webkit-flex:0.7 1;flex:0.7 1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex}.channel__chat{-webkit-flex:1 1;flex:1 1}.channel__details{-webkit-flex:0.4 1;flex:0.4 1;border-left:1px solid #d3d3d3}.channel__header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:20px;border-bottom:1px solid #d3d3d3}.channel__messages{overflow-y:auto;height:calc(100vh - 35%)}.channel__channelName{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-transform:lowercase}.channel__channelName>.MuiSvgIcon-root{margin-left:10px;font-size:16px}.channel__channelName>strong{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.channel__channelName>strong>.MuiSvgIcon-root{font-size:14px}.channel__headerRight{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.channel__headerRight>.MuiSvgIcon-root{margin-left:15px;font-size:16px;cursor:pointer}.channel__headerRight>.MuiSvgIcon-root:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:all .3s ease-in-out}.channel__chatInput{border-radius:20px}.channel__chatInput>form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.channel__chatInput>form>input{width:90%;border:1px solid grey;border-radius:3px;padding:20px;margin:10px}.channel__chatInput>form>input:focus{outline:none}.channel__chatInput>form>button{display:none!important}.channel__detailsBody::-webkit-scrollbar,.channel__messages::-webkit-scrollbar{width:.8em}.channel__detailsBody::-webkit-scrollbar-thumb,.channel__messages::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:none;border-radius:9px}.channel__detailsActions{padding:30px;-webkit-justify-content:space-between;justify-content:space-between}.channel__detailsActions,.channel__detailsActions>span{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.channel__detailsActions>span{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.channel__detailsActions .MuiSvgIcon-root{background-color:#f5f5f5;padding:10px;border-radius:50px;cursor:pointer;margin-bottom:10px}.channel__detailsActions>.MuiSvgIcon-root:hover{background-color:#d3d3d3}.channel__detailsBody{overflow-y:auto;height:calc(100vh - 112px)}.channel__detailsBody>hr{border:none;border-bottom:1px solid #d3d3d3}.channel__detailsMembers{margin:30px}.channel__detailsMembers>.available__member{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-decoration:none;font-size:15px;font-weight:600;color:#000;margin:10px 0}.channel__detailsMembers>.available__member>a{text-decoration:none;color:#000}.channel__detailsMembers>.available__member>.MuiAvatar-root{border-radius:9px;width:25px;height:25px;margin-right:10px}.channel__detailsMembers>.available__member>.MuiSvgIcon-root{font-size:14px;margin-left:10px;margin-top:3px;cursor:pointer}.channel__detailsMembers>.available__member>.MuiSvgIcon-root:last-child{color:#000}.channel__detailsMembers>.available__member>.MuiSvgIcon-root:last-child:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:all .3s ease-in-out}.channel__detailsMembers>h4{font-weight:500;margin-bottom:20px}.channel__detailsForm{padding:30px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.channel__detailsForm>button{text-transform:inherit!important;background-color:#0a8d48;color:#fff;border:1px solid #0a8d48;line-height:1.13;border-radius:9px}.channel__detailsForm>button:hover{background-color:transparent;color:#0a8d48}.channel__detailsForm>input{padding:5px;border:1px solid #d3d3d3;border-radius:9px}.MuiButton-root.deleteBtn{color:red;text-transform:capitalize;padding:0!important}.message{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:10px 0;padding:5px 20px}.message:hover{background-color:#f3f3f3}.message__left .MuiAvatar-root{border-radius:20%;width:40px;height:40px;cursor:pointer}.message__left{margin-right:10px}.message__details a{margin-right:5px;color:#000;text-decoration:none;font-weight:700;text-transform:capitalize}.message__text{font-size:14px}.message__data{-webkit-flex:0.7 1;flex:0.7 1}.message__actions,.message__data{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.message__actions{visibility:hidden;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex:0.3 1;flex:0.3 1}.message__actions__show{visibility:visible}.message__actions .MuiSvgIcon-root{margin-right:10px;cursor:pointer}.login{height:100vh;background-color:#f8f8f8;display:grid;place-items:center}.login__container{padding:100px;text-align:center;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.login__container>img{object-fit:contain;height:100px;margin-bottom:40px}.login__container>button{margin-top:50px;text-transform:inherit!important;background-color:#0a8d48;color:#fff;border:1px solid #0a8d48}.login__container>button:hover{background-color:transparent;color:#0a8d48}.user{-webkit-flex:0.7 1;flex:0.7 1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex}.user__chat{-webkit-flex:1 1;flex:1 1}.user__details{-webkit-flex:0.4 1;flex:0.4 1;border-left:1px solid #d3d3d3}.hide__details{display:none}.user__header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:20px;border-bottom:1px solid #d3d3d3}.user__messages{overflow-y:auto;height:calc(100vh - 35%)}.user__userName{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-transform:lowercase}.user__userName>.MuiSvgIcon-root{margin-left:10px;font-size:16px}.user__userName>strong{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.user__userName>strong>.MuiSvgIcon-root{font-size:14px}.user__headerRight{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.user__headerRight>.MuiSvgIcon-root{margin-left:15px;font-size:16px;cursor:pointer}.user__headerRight>.MuiSvgIcon-root:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:all .3s ease-in-out}.user__chatInput{border-radius:20px}.user__chatInput>form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.user__chatInput>form>input{width:90%;border:1px solid grey;border-radius:3px;padding:20px;margin:10px}.user__chatInput>form>input:focus{outline:none}.user__chatInput>form>button{display:none!important}.user__detailsBody::-webkit-scrollbar,.user__messages::-webkit-scrollbar{width:.8em}.user__detailsBody::-webkit-scrollbar-thumb,.user__messages::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:none;border-radius:9px}.user__detailsActions{padding:30px;-webkit-justify-content:space-between;justify-content:space-between}.user__detailsActions,.user__detailsActions>span{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.user__detailsActions>span{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.user__detailsActions .MuiSvgIcon-root{background-color:#f5f5f5;padding:10px;border-radius:50px;cursor:pointer;margin-bottom:10px}.user__detailsActions>.MuiSvgIcon-root:hover{background-color:#d3d3d3}.user__detailsBody{overflow-y:auto;height:calc(100vh - 112px)}.user__detailsBody>hr{border:none;border-bottom:1px solid #d3d3d3}.user__detailsMembers{margin:30px}.available__member{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:15px;font-weight:600;margin:10px 0}.available__member,.available__member>a{text-decoration:none;color:#000}.available__member>.MuiAvatar-root{border-radius:9px;width:25px;height:25px;margin-right:10px}.available__member>.MuiSvgIcon-root{font-size:14px;margin-left:10px;margin-top:3px;cursor:pointer}.available__member>.MuiSvgIcon-root:last-child{color:#000}.available__member>.MuiSvgIcon-root:last-child:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:all .3s ease-in-out}.user__detailsMembers>h4{font-weight:500;margin-bottom:20px}.isOnline>.MuiSvgIcon-root{color:green}.user__detailsForm{padding:30px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.user__detailsForm>button{text-transform:inherit!important;background-color:#0a8d48;color:#fff;border:1px solid #0a8d48;line-height:1.13;border-radius:9px}.user__detailsForm>button:hover{background-color:transparent;color:#0a8d48}.user__detailsForm>input{padding:5px;border:1px solid #d3d3d3;border-radius:9px}.user__detailsIdentity{text-align:center;padding:20px}.user__detailsIdentity>img{border-radius:9px}.user__detailsIdentity>h4{font-size:15px;font-weight:500;text-transform:capitalize;margin-top:10px}.user__detailsIdentity>h4>.MuiSvgIcon-root{font-size:12px;margin-left:5px}#loading{width:8px!important;height:8px!important}#callScreen{position:absolute;width:100vw;height:100vh}.showCaller{visibility:visible}.callScreen{background-color:rgba(0,0,0,.7686274509803922);width:100vw;height:100vh;position:absolute;z-index:99999}.callScreen__container{display:grid;place-items:center;margin-top:25vh;width:80%}.callScreen__container>h4{margin:30px 0;color:#fff}.callScreen__btns{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;width:35%;margin-top:30px}.callScreen__btns>button{border-radius:50%;min-height:40px;min-width:40px}.callScreen__btns>button:first-child{background-color:green}.callScreen__btns>button:last-child{background-color:red}.callScreen__btns>button .MuiSvgIcon-root{color:#fff}.call-animation{background:#fff;width:135px;height:135px;position:relative;margin:0 auto;border-radius:100%;border:5px solid #fff;overflow:hidden;-webkit-animation:play 2s ease infinite;animation:play 2s ease infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden}.callScreen__container>img{width:135px;height:135px;border-radius:100%;position:absolute;left:0;top:0}@-webkit-keyframes play{0%{-webkit-transform:scale(1);transform:scale(1)}15%{box-shadow:0 0 0 5px hsla(0,0%,100%,.4)}25%{box-shadow:0 0 0 10px hsla(0,0%,100%,.4),0 0 0 20px hsla(0,0%,100%,.2)}25%{box-shadow:0 0 0 15px hsla(0,0%,100%,.4),0 0 0 30px hsla(0,0%,100%,.2)}}@keyframes play{0%{-webkit-transform:scale(1);transform:scale(1)}15%{box-shadow:0 0 0 5px hsla(0,0%,100%,.4)}25%{box-shadow:0 0 0 10px hsla(0,0%,100%,.4),0 0 0 20px hsla(0,0%,100%,.2)}25%{box-shadow:0 0 0 15px hsla(0,0%,100%,.4),0 0 0 30px hsla(0,0%,100%,.2)}}.home{-webkit-flex:0.7 1;flex:0.7 1;-webkit-flex-grow:1;flex-grow:1;height:100vh;display:grid;place-items:center}.home__container{padding:0 25%;text-align:center}.home__container>button{margin-top:30px;text-transform:inherit!important;background-color:#0a8d48;color:#fff}.home__container>button:hover{background-color:transparent;color:#0a8d48;border:1px solid #0a8d48}.home__container>img{object-fit:contain;height:100px;margin-bottom:40px}.home__container>*{margin-bottom:1rem}.home__container>h1{font-family:cursive}.home__container>p{font-size:18px;line-height:1.5}.add{-webkit-flex:0.7 1;flex:0.7 1;-webkit-flex-grow:1;flex-grow:1;height:100vh;display:grid;place-items:center}.add__container{padding:0 25%;text-align:center}.add__container>button{margin-top:20px;text-transform:inherit!important;background-color:#0a8d48;color:#fff;border:1px solid #0a8d48}.add__container>button:hover{background-color:transparent;color:#0a8d48}.add__container>img{object-fit:contain;height:100px;margin-bottom:40px}.add__form>input{width:90%}.add__form>input:focus{outline:none}.add__form>select{width:98%}.add__form{margin:10px 0}.add__form>*{margin-bottom:10px;padding:10px;color:grey;border-radius:9px;border:1px solid grey}#loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid rgb(255 255 255);border-top-color:#0a8d48;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}#loading:hover{border:3px solid #0a8d48;border-top-color:rgb(255 255 255)}@keyframes spin{to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}
/*# sourceMappingURL=main.2a33ad1a.chunk.css.map */