*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:var(--slack-color);color:#fff;justify-content:space-between;padding:.625rem 0}.header,.header__left{align-items:center;display:flex}.header__left{flex:0.3 1;margin-left:1.25rem}.header__left>.MuiSvgIcon-root{margin-left:auto;margin-right:1.875rem}.header__search{background-color:#421f44;border:1px solid gray;border-radius:.375rem;display:flex;flex:0.4 1;padding:0 .125rem;text-align:center}.header__search>input{background-color:transparent;border:none;min-width:35vw;text-align:center}.header__right{align-items:flex-end;display:flex;flex:0.3 1}.header__right>.MuiSvgIcon-root{margin-left:auto;margin-right:1.25rem}.header__logout{cursor:pointer}.sidebarOption{align-items:center;cursor:pointer;display:flex;font-size:.75rem;padding:0 .125rem;transition:background-color .2s ease-in-out}.sidebarOption:hover{background-color:#340e36;opacity:.9}.sidebarOption__icon{font-size:.9375rem!important;padding:.625rem}.sidebarOption__channel{padding:.625rem 0}.sidebarOption__hash{padding:.625rem}.sidebarOption>h3{font-weight:500}.sidebar{background-color:var(--slack-color);border-top:1px solid #49274b;color:#fff;flex:0.3 1;max-width:16.25rem;overflow-y:scroll;padding-bottom:1rem}.sidebar::-webkit-scrollbar{display:none}.sidebar>hr{border:1px solid #49274b;margin:.625rem 0}.sidebar__header{border-bottom:1px solid #49274b;display:flex;padding:.8125rem}.sidebar__info{flex:1 1}.sidebar__info>h2{font-size:.9375rem;font-weight:900;margin-bottom:.3125rem}.sidebar__info>h3{align-items:center;display:flex;font-size:.8125rem;font-weight:400}.sidebar__info>h3>.MuiSvgIcon-root{color:green;font-size:.875rem;margin-right:2px;margin-top:1px}.sidebar__header>.MuiSvgIcon-root{background-color:#fff;border-radius:50%;color:#49274b;font-size:1.125rem;padding:.5rem}.chat{flex:0.7 1;flex-grow:1;overflow-y:scroll;padding-bottom:9.375rem}.chat__header{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;justify-content:space-between;padding:1.25rem}.chat__channelName{display:flex;text-transform:lowercase}.chat__channelName>.MuiSvgIcon-root{font-size:1.125rem;margin-left:.625rem}.chat__headerRight>p{align-items:center;display:flex;font-size:.875rem}.chat__headerRight>p>.MuiSvgIcon-root{font-size:1rem;margin-right:.3125rem}.chat__headerLeft>h4{justify-content:center}.chat__headerLeft>h4,.message{align-items:center;display:flex}.message{padding:20px}.message>img{height:50px;object-fit:contain;width:50px}.message__info{padding-left:10px}.message__timestamp{color:gray;font-size:13px;font-weight:300;padding-left:5px}.chatInput{border-radius:2rem}.chatInput>form{display:flex;flex-direction:row;justify-content:center;position:relative}.chatInput>form>input{border:1px solid gray;border-radius:3px;bottom:1rem;outline:none;padding:1rem;position:fixed;width:63%}.chatInput>form>button{bottom:1.5rem;left:93%;position:fixed}.login{background-color:#f8f8f8;display:grid;height:100vh;place-items:center}.login__container{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:100px;text-align:center}.login__container>img{height:100px;margin-bottom:40px;margin-top:-20px;object-fit:contain}.login__container>button{background-color:#0a8d48!important;color:#fff;margin-top:50px;text-transform:inherit!important}:root{--slack-color:#3f0f40}body{overflow:hidden}.app__body{display:flex;height:100vh}
/*# sourceMappingURL=main.216d1d3d.css.map*/