*,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{--primaryColor:#054e76;--secondaryColor:#105f8a;overflow:hidden}.app_body{display:-webkit-flex;display:flex;height:100vh}.header{-webkit-justify-content:space-between;justify-content:space-between;padding:10px 0;background-color:var(--primaryColor);color:#fff}.header,.header_left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header_left{-webkit-flex:0.3 1;flex:0.3 1;margin-left:20px}.header_left>.MuiSvgIcon-root{margin-left:auto;margin-right:30px}.header_search{-webkit-flex:0.4 1;flex:0.4 1;background-color:var(--secondaryColor);text-align:center;display:-webkit-flex;display:flex;padding:0 50px;color:#105474;border:1px solid #31646b;border-radius:6px}.header_search>input{background-color:transparent;border:none;text-align:center;min-width:35vw}.header_right{-webkit-flex:0.3 1;flex:0.3 1;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end}.header_right>.MuiSvgIcon-root{margin-left:auto;margin-right:20px}.sidebar{color:#fff;-webkit-flex:0.3 1;flex:0.3 1;background-color:var(--primaryColor);border-top:1px solid var(--secondaryColor);max-width:260px;padding-bottom:500px;overflow-y:scroll}.sidebar>hr{margin-top:10px;margin-bottom:10px;border:1px solid var(--secondaryColor)}.sidebar_header{display:-webkit-flex;display:flex;border-bottom:1px solid var(--secondaryColor);padding:13px}.sidebar_info{-webkit-flex:1 1;flex:1 1}.sidebar_info>h2{font-size:15px;font-weight:900;margin-bottom:5px}.sidebar_info>h3{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:13px;font-weight:400}.sidebar_info>h3>.MuiSvgIcon-root{font-size:14px;margin-top:1px;margin-right:2px;color:#2fe118}.sidebar_header>.MuiSvgIcon-root{padding:8px;color:var(--secondaryColor);font-size:18px;background-color:#fff;border-radius:999px}.sidebar_rooms{color:#fff;-webkit-flex:0.3 1;flex:0.3 1;background-color:var(--primaryColor);border-top:1px solid var(--secondaryColor);max-width:260px;padding-bottom:230px}.sidebar_rooms>hr{margin-top:10px;margin-bottom:10px;border:1px solid var(--secondaryColor)}.sidebarOption{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:12px;padding-left:2px;cursor:pointer}.sidebarOption:hover{opacity:.9;background-color:#07344d}.sidebarOption_icon{padding:10px;font-size:15px imp!important}.sidebarOption_channel{padding:10px 0}.sidebarOption_hash{padding:10px}.sidebarOption>h3{font-weight:500}.chat{-webkit-flex:0.7 1;flex:0.7 1;-webkit-flex-grow:1;flex-grow:1;overflow-y:scroll}.chat_header{-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:20px;border-bottom:1px solid #d3d3d3}.chat_channelName,.chat_header{display:-webkit-flex;display:flex}.chat_channelName{text-transform:lowercase}.chat_channelName>.MuiSvgIcon-root{margin-left:10px;font-size:18px}.chat_headerRight>p{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px}.chat_headerRight>p>.MuiSvgIcon-root{margin-right:5px!important;font-size:16px}.chat_messages{padding-bottom:500px}.message{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:20px}.message>img{height:50px;width:50px;object-fit:contain;border-radius:999px}.message_info{padding-left:10px}.message_timestamp{color:grey;font-weight:300;font-size:13px}.chatInput{border-radius:20px}.chatInput>form{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.chatInput>form>input{position:fixed;bottom:30px;width:70%;border:1px solid grey;border-radius:3px;padding:20px}.chatInput>form>button{display:none!important}.login{height:100vh;background:#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:10px;display:-webkit-inline-flex;display:inline-flex;margin-right:10px;text-transform:inherit!important;background-color:#059911;color:#fff}
/*# sourceMappingURL=main.929c94d2.chunk.css.map */