*,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{--chat-color:#202020;--chat-border-color:#3a3a3a;overflow:hidden}.app__body{display:flex;height:100vh}.app__welcome{display:grid;place-items:center;margin:auto}.app__welcome>h1>span{color:#07f}.sidebarOption{display:flex;align-items:center;font-size:12px;padding-left:2px;cursor:pointer}.sidebarOption:hover{background-color:var(--chat-border-color)}.sidebarOption__icon{padding:10px;font-size:15px!important}.sidebarOption__channel{padding:10px 0}.sidebarOption__hash{padding:10px}.sidebarOption>h3{font-weight:500}.sidebar{background-color:var(--chat-color);border-top:1px solid var(--chat-border-color);max-width:260px;color:#fff;flex:0.3 1;overflow-y:auto}.sidebar__logo{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #d3d3d3}.sidebar__logo>h3{font-weight:600;font-size:16px}.sidebar>hr{margin-bottom:10px;border:1px solid var(--chat-border-color)}.sidebar__header{display:flex;border-bottom:1px solid var(--chat-border-color);padding:13px}.sidebar__info{flex:1 1;display:flex;align-items:center}.sidebar__info>h3{font-size:15px;font-weight:400}.sidebar__avatar{display:flex;align-items:center}.sidebar__avatar>.MuiAvatar-root{position:relative!important;cursor:pointer}.sidebar__signOut{position:absolute;top:120px;border-radius:4px;cursor:pointer}.sidebar__signOut>p{font-size:12px;padding:4px 20px;background-color:#8b0808;border-radius:4px}.sidebar__signOut>p:hover{background-color:#7a2116;color:#000}.sidebar__signOut>hr{border:1px solid #d3d3d3}.chat{flex:0.7 1;flex-grow:1;overflow:scroll;padding-bottom:150px}.chat__header{display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid #d3d3d3}.chat__channelName{display:flex;text-transform:lowercase}.chat__channelName>.MuiSvgIcon-root{margin-left:10px;font-size:18px}.message{display:flex;align-items:center;padding:20px}.message>img{height:50px;width:50px;object-fit:contain}.message__info{padding-left:10px}.message__timestamp{color:grey;font-weight:300;font-size:13px}.chatInput{border-radius:20px}.chatInput>form{position:relative;display:flex;justify-content:center}.chatInput>form>input{position:fixed;bottom:30px;width:60%;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-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.login__container>button{margin-top:50px;text-transform:inherit!important;background-color:#07f!important;color:#fff}.login__svg{background-color:#fff;padding:7px 7px 0;border-radius:5px;margin-right:2px}
/*# sourceMappingURL=main.996bc029.chunk.css.map */