*{font-family:DotGothic16}*,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}.app,.chat{display:flex}.chat{background-color:#33363d;flex-direction:column;flex-grow:1;height:100vh}.chat .chatMessage{height:100vh;overflow-y:scroll}.chat .chatInput{align-items:center;background-color:#474b53;border-radius:5px;color:20px;color:#d3d3d3;display:flex;justify-content:space-between;margin:20px;padding:15px}.chat .chatInput form{flex-grow:1}.chat .chatInput form input{background:#0000;border:none;color:#fff;font-size:large;outline:none;padding:15px;width:100%}.chat .chatInput form .chatInputButton{display:none}.chat .chatInputIcons .MuiSvgIcon-root{padding:5px}.chatHeader{align-items:center;display:flex;justify-content:space-between;padding-top:10px;width:100%}.chatHeader .chatHeaderLeft{padding-left:15px}.chatHeader .chatHeaderLeft .chatHeaderHash{color:#7b7c85;padding-right:7px}.chatHeader .chatHeaderLeft h3{color:#fff}.chatHeader .chatHeaderRight{align-items:center;color:#7b7c85;display:flex;gap:13px;padding-right:15px}.chatHeader .chatHeaderRight .chatHeaderSearch{align-items:center;background-color:#40404a;border-radius:3px;display:flex;padding:3px}.chatHeader .chatHeaderRight .chatHeaderSearch input{background:#0000;border:none;color:#fff;outline:none}.chatHeader .chatHeaderRight .MuiSvgIcon-root{cursor:pointer}.message{align-items:center;color:#fff;display:flex;margin-bottom:15px;padding:15px}.message .messageInfo{padding:20px 20px 20px 10px}.message .messageTimestamp{color:#7b7c85;font-size:16px;margin-left:20px}.sidebar{display:flex;flex:0.3 1;height:100vh}.sidebar .sidebarLeft{align-items:center;background-color:#1a1c20;display:flex;flex-direction:column;padding:7px 15px}.sidebar .sidebarLeft .serverIcon{background-color:#33363d;border-radius:9999px;height:60px;margin-bottom:10px;margin-top:7px;position:relative;width:60px}.sidebar .sidebarLeft .serverIcon img{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.sidebar .sidebarRight{background-color:#2b2d33;flex-grow:1;position:relative;width:300px}.sidebar .sidebarRight .sidebarTop{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:20px}.sidebar .sidebarRight .sidebarChannels{padding:13px}.sidebar .sidebarRight .sidebarChannels .sidebarChannelsHeader{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-top:5px}.sidebar .sidebarRight .sidebarChannels .sidebarChannelsHeader .sidebarHeader{display:flex}.sidebar .sidebarRight .sidebarChannels .sidebarChannelsHeader .sidebarAddIcon{cursor:pointer}.sidebar .sidebarRight .sidebarFooter{align-items:center;border-top:1px solid #686a6e;bottom:0;display:flex;justify-content:space-between;margin-left:-3px;padding-bottom:10px;padding-top:10px;position:absolute;width:93%}.sidebar .sidebarRight .sidebarFooter .sidebarAccount{align-items:center;display:flex}.sidebar .sidebarRight .sidebarFooter .sidebarAccount img{width:60px}.sidebar .sidebarRight .sidebarFooter .sidebarAccount .accountName{margin-left:5px}.sidebar .sidebarRight .sidebarFooter .sidebarAccount .accountName h4{color:#fff;font-weight:500}.sidebar .sidebarRight .sidebarFooter .sidebarAccount .accountName span{color:#686a6e}.sidebar .sidebarRight .sidebarFooter .sidebarVoice{align-items:center;color:#686a6e;display:flex}.sidebarChannel{margin-top:2px;padding-left:20px}.sidebarChannel h4{align-items:center;color:#7b7c85;cursor:pointer;display:flex;font-size:1.1rem;padding:5px}.sidebarChannel h4:hover{background-color:#33363d;border-radius:7px;color:#fff}.sidebarChannel .sidebarChannelHash{font-size:22px;padding-right:10px}.login{align-items:center;display:flex;flex-direction:column;gap:30px;height:100vh;justify-content:center;width:100%}.login button{background-color:#738adb;color:#eff2f5;font-weight:800;width:200px}.login button:hover{background-color:#000;color:#738adb}.loginLogo img{height:150px;object-fit:cover}
/*# sourceMappingURL=main.618a0acd.css.map*/