:root{--TextColor:#e7e7e7;--DarkTextColor:#7b8f8f;--MainBGColor:#1e1e1e;--SecondaryBGColor:#252526;--TrimColor:#414141;--TabColor:#383838;--OnlineColor:#5a5}html{height:100vh}body,html{margin:0;padding:0}body{position:absolute;top:0;bottom:0;right:0;left:0;font-family:sans-serif;background-color:#1e1e1e}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#181818}::-webkit-scrollbar-thumb{background:#6d6d6d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#7e7e7e}::-webkit-scrollbar-thumb:active{background:#5f5f5f}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.Avatar{border-radius:8px}button{text-align:center;border-radius:4px;padding:8px;margin:4px;color:var(--TextColor);background-color:var(--SecondaryBGColor);border:1.5px solid var(--TrimColor);cursor:pointer;font-size:12pt}button:hover{border-color:var(--TextColor)}button:active{border-color:var(--TrimColor);background-color:var(--MainBGColor)}.App{text-align:center}.AddFriendScreen{background-color:rgba(0,0,0,.5);width:100vw;height:100vh;position:absolute;top:0;left:0}.Channel{background-color:var(--SecondaryBGColor);position:relative;cursor:pointer}.Channel:hover{background-color:var(--TrimColor)}.Channel-selected,.Channel:active{background-color:var(--MainBGColor)}.DirtyDot{background-color:var(--TextColor);border-radius:4px;width:8px;height:8px;content:" ";padding:0;margin:0;position:absolute;left:8px;top:24px}.Channel-selected-AddButton{float:right;margin-top:14px;margin-right:-16px}.AddButton{float:right;text-align:center;position:relative;top:calc(50% - 12px);width:24px;height:24px;line-height:24px;border-radius:14px;margin-right:12px;color:var(--TextColor);background-color:var(--SecondaryBGColor);border:1.5px solid var(--TrimColor);cursor:pointer;font-size:12pt;font-weight:700}.AddButton:hover{border-color:var(--TextColor)}.AddButton:active{border-color:var(--TrimColor);background-color:var(--MainBGColor)}.ChannelTab{padding:0;margin:8px 0;color:var(--TextColor);background-color:var(--TabColor);height:56px}.ChannelTab:first-child{margin:0 0 8px}.ChannelTab-Title{padding:0;height:30px;line-height:30px;position:relative;top:calc(50% - 15px);float:left;margin:0 0 0 16px;font-size:12pt}.MsgFeed-Parent{padding-left:16px;padding-right:16px;overflow-y:scroll;height:100%}.EditMsg-ScreenBlocker{background-color:rgba(0,0,0,.25);position:absolute;z-index:100;width:100vw;height:100vh;left:0;top:0}.EditMsg-TextArea{z-index:101;position:relative}.ChatMsg{padding-bottom:16px}.ChatMsg:hover{background-color:var(--SecondaryBGColor)}.ChatMsg p{white-space:pre-line;margin:0}.ChatMsg-Markdown{margin-left:56px;font-size:11pt}.ChatMsg-Timestamp{float:right;padding-top:8px;font-size:8pt}.ChatMsg-RemoveButton{float:right;padding-left:8px;padding-top:0}.ChatMsgNoPic-RemoveButton{float:right;padding-left:8px;padding-top:2px}.ActionPicker{background-color:#7fff00;color:var(--TextColor)}.ActionPicker-ScreenBlocker{background-color:rgba(0,0,0,.25);position:absolute;z-index:100;width:100vw;height:100vh;left:0;top:0}.ActionPicker-Panel-Container{position:relative}.ActionPicker-Panel{background-color:var(--SecondaryBGColor);position:fixed;display:inline;z-index:101;border:1px solid var(--TrimColor);overflow:hidden;max-width:300px;animation-name:ActionPicker-Panel-Anim;animation-duration:.5s}@keyframes ActionPicker-Panel-Anim{0%{max-width:10px}to{max-width:300px}}.ActionPicker-ActionItem{background-color:transparent;margin:4px;padding:12px;cursor:pointer;font-size:14pt;text-align:right;max-height:20px;min-height:20px}.ActionPicker-ActionItem:hover{background-color:var(--TrimColor)}.ActionPicker-ActionItem:active{background-color:var(--MainBGColor)}.PresenceTab{float:right;width:250px;height:100%;overflow-y:scroll}.OnlineDot{background-color:var(--OnlineColor)}.CreateGroupScreen{background-color:rgba(0,0,0,.5);width:100vw;height:100vh;position:absolute;top:0;left:0}.CreateGroupScreen-Results{max-height:50vh;overflow-y:scroll}.SettingsScreen{background-color:rgba(0,0,0,.5);width:100vw;height:100vh;position:absolute;top:0;left:0}.SettingsScreen form{margin-top:0}.SettingsScreen h1{background-color:var(--TabColor);padding:16px 48px;margin:-16px -50px 16px;border-radius:10px 10px 0 0}.SettingsScreen .closeBtn{float:right;margin:-16px -48px -16px 0;padding:16px 0;text-align:center;width:80px;border-radius:0 10px 0 0}.SettingsScreen .closeBtn:hover{background-color:var(--TrimColor)}.SettingsScreen .closeBtn:active{background-color:var(--SecondaryBGColor)}.block{margin:16px 0}.block label{margin-bottom:4px}.SettingsScreen .dropZonePic{position:absolute;padding:38px}
/*# sourceMappingURL=main.86b85deb.chunk.css.map */