*{margin:0}.root,body,html{height:100%}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{--discord-color:#36393f;--discord-color-accent:#2f3135;--discord-color-dark:#202225;--discord-color-light:#40444b;--discord-color-search-text-placeholder:#727477;--discord-color-green:#43b581;--discord-color-red:#f04747;--discord-color-red-hover:#d72e2e}.app{display:flex}.channelBarChannel{display:flex;flex:0.1 1}.channelBarChannel__channelContainer{width:100%;display:flex;padding-left:15px;align-items:center;background-color:var(--discord-color-accent);color:grey;cursor:pointer}.channelBarChannel__channelContainer:hover{color:#fff;background-color:#40464b}.channelBarChannel__hash{font-size:30px;padding:8px}.channelBar{flex-direction:column;flex:0.20 1;height:100vh}.channelBar,.channelBar__top{display:flex;background-color:var(--discord-color-accent)}.channelBar__top{justify-content:space-between;align-items:center;padding:20px;color:#fff;border-bottom:1px solid #26282c}.channelBar__channels{flex:1 1}.channelBar__addChannel{cursor:pointer}.channelBar__addChannel:hover{color:#fff}.channelBar__expandIcon:hover{cursor:pointer;color:#fff}.channelBar__modalExpand:hover{cursor:pointer}.channelBar__channelsHeader{justify-content:space-between;padding:10px;background-color:var(--discord-color-accent);color:grey}.channelBar__channelsHeader,.channelBar__header{display:flex;align-items:center}.channelBar__profile,.channelBar__voice{display:flex;justify-content:space-between;align-items:center;color:grey;background-color:var(--discord-color-accent);padding:10px;border-top:1px solid grey}.channelBar__voiceInfo{flex:1 1;padding:10px}.channelBar__pingLabel,.channelBar__voiceIcon,.channelBar__voiceStatus{color:var(--discord-color-green)}.channelBar__pingLabel{padding:0 5px;position:absolute;top:88.5%;left:4.5%}.channelBar__channelName{font-size:smaller}.channelBar__icon{padding:10px}.channelBar__icon:hover{cursor:pointer;color:#fff}.channelBar__profileInfo{flex:1 1;padding:10px}.channelBar__profileAvatar{cursor:pointer}.channelBar__profileUsername{color:#fff}.channelBar__settingsForm{display:flex;align-items:center;flex-wrap:wrap}.channelBar__settingsLabel{width:100%}.channelBar__buttonContainer{display:flex;width:100%;justify-content:flex-end}.sidebar{background-color:var(--discord-color-dark);height:100vh;flex:0.04 1}.sidebar__serverContainer{margin-top:10px;width:100%;flex-direction:column;display:flex;align-items:center;color:#fff;overflow:auto}.sidebar__addServerIcon{width:48px!important;height:48px!important;cursor:pointer}.serverButton__serverContainer{display:flex;justify-content:center;cursor:pointer}.serverButton__serverImage{width:48px;height:48px;border-radius:20px;margin-bottom:10px}.serverButton__serverImage:hover{transform:scale(1.1)}.chatHeader{display:flex;justify-content:space-between;align-items:center;color:grey;padding:10px}.chatHeader__hash{color:grey;font-size:30px;padding:10px}.chatHeader__channelNameContainer{display:flex;align-items:center;color:#fff}.chatHeader__right{display:flex;align-items:center;flex:0.5 1;justify-content:space-between}.chatHeader__icon{padding:5px;cursor:pointer}.chatHeader__icon:hover{color:#fff}.chatHeader__search{display:flex;align-items:center;color:grey;background-color:var(--discord-color-accent);border-radius:3px;padding:3px}.chatHeader__searchInput{background:transparent;outline-width:0;color:#fff;border:none}.message{display:flex;align-items:center;padding:20px;color:#fff}.message:hover{background-color:var(--discord-color-accent)}.message__info{margin-left:20px;flex:1 1}.message__timestamp{color:grey;margin-left:20px;font-size:x-small}.message__delete{padding:10px;color:var(--discord-color-red);cursor:pointer}.message__delete:hover{color:var(--discord-color-red-hover)}.message__edit{padding:10px;color:grey;cursor:pointer}.message__edit:hover{color:#fff}.message__form{width:80%}.message__input{background-color:var(--discord-color-light);padding:10px;border:none;outline-width:0;color:#fff;width:100%}.message__editedText{font-size:12px;color:grey}.chat{display:flex;flex-direction:column;flex:0.76 1;background-color:var(--discord-color);height:100vh}.chat__input{color:#d3d3d3;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-radius:5px;margin:20px;border-top:1px solid grey;background-color:#474b53}.chat__formInput{padding:10px;background:transparent;border:none;outline-width:0;color:#fff;width:100%}.chat__form{flex:1 1}.chat__inputButton{display:none}.chat__icon{padding:5px;cursor:pointer}.chat__icon:hover{color:#fff}.chat__messages{flex:1 1;overflow:auto}.chat__media{cursor:pointer}.chat__media:hover{color:#fff}.chat__imagePreview{max-width:100px;margin-left:10px;margin-right:5px}.chat__successIcon{color:var(--discord-color-green)}.login{display:grid;place-items:center;height:100vh;width:100%}.login__signInButton{width:300px;background-color:#738adb!important;color:#eff2f5!important;font-weight:800!important}.login__image{object-fit:contain;height:300px}
/*# sourceMappingURL=main.3ce4a2b7.chunk.css.map */