*,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:#3f0f40;overflow:hidden}.app__body{display:flex;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 0;background-color:var(--slack-color);color:#fff}.header__logo{width:100px;object-fit:contain}.header__left{flex:0.3 1;display:flex;align-items:center;margin-left:20px}.header__left>.MuiSvgIcon-root{margin-left:auto;margin-right:30px}.header__search{flex:0.4 1;background-color:#421f44;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;min-width:35vw}.header__right{flex:0.3 1;display:flex;align-items:flex-end}.header__right>.MuiSvgIcon-root{margin-left:20px;margin-right:20px}.header__avatar{margin-right:5px}.sidebar{color:#fff;background-color:var(--slack-color);border-top:1px solid #49274b;width:260px;margin-bottom:70px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,96.1%,.3) #3f0f40}.sidebar::-webkit-scrollbar{width:12px}.sidebar::-webkit-scrollbar-track{background:#3f0f40}.sidebar::-webkit-scrollbar-thumb{background-color:hsla(0,0%,96.1%,.3);border-radius:20px;border:3px solid #3f0f40}.sidebar:hover{overflow-y:auto}.sidebar>hr{margin-top:10px;margin-bottom:10px;border:1px solid #49274b}.sidebar__header{display:flex;background-color:var(--slack-color);border-bottom:1px solid #49274b;padding:13px;position:-webkit-sticky;position:sticky;top:0}.sidebar__createIcon{cursor:pointer}.sidebar__info{flex:1 1}.sidebar__info>h2{font-size:15px;font-weight:900;margin-bottom:5px}.sidebar__info>h3{display:flex;align-items:center;font-size:13px;font-weight:400}.sidebar__info>h3>.MuiSvgIcon-root{font-size:14px;margin-top:1px;margin-right:2px;color:green}.sidebar__header>.MuiSvgIcon-root{padding:8px;color:#49274b;font-size:18px;background-color:#fff;border-radius:999px}.sidebarOption{display:flex;align-items:center;font-size:12px;padding-left:2px;cursor:pointer}.sidebarOption:hover{opacity:.9;background-color:#340e36}.sidebarOption__icon{padding:10px;font-size:15px!important}.sidebarOption__channel{padding:10px 0}.sidebarOption__hash{padding:10px}.sidebarOption>h3{font-weight:500}.chat{flex:0.7 1;flex-grow:1;overflow-y:auto;padding-bottom:150px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,40.8%,.3) #fff}.chat::-webkit-scrollbar{width:12px}.chat::-webkit-scrollbar-track{background:#fff}.chat::-webkit-scrollbar-thumb{background-color:hsla(0,0%,40.8%,.3);border-radius:20px;border:3px solid #fff}.chat__header{display:flex;align-items:center;width:100%;justify-content:space-between;padding:20px;border-bottom:1px solid #d3d3d3;position:-webkit-sticky;position:sticky;top:0;background:#fff}.chat__channelName{display:flex;text-transform:lowercase}.chat__channelName>.MuiSvgIcon-root{margin-left:10px;font-size:18px}.chat__headerRight{display:flex}.chat__headerRight>p{display:flex;align-items:center;font-size:14px;padding-right:15px}.chat__headerRight>p>.MuiSvgIcon-root{margin-right:5px!important;font-size:16px}.message{display:flex;align-items:center}.message>img{height:36px;width:36px;object-fit:contain;padding:20px}.message__info{padding-left:10px}.message__timestamp{color:grey;font-weight:300;font-size:13px}.chatInput{border-radius:20px}.chatInput>form{justify-content:center;position:fixed;bottom:0;width:100%;height:10vh;background:#fff}.chatInput>form>input{position:fixed;margin-left:10px;width:78%;border:1px solid grey;border-radius:3px;padding:20px}.chatInput>form>button{display:none!important}.login{height:100vh;background-color:#f8f8f8;display:grid;place-items:center}.login__container{padding:100px;text-align:center;background-color:#fff;border-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!important;color:#fff}
/*# sourceMappingURL=main.8cb954dd.chunk.css.map */