*{font-family:Noto Sans JP,sans-serif}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#303338;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,.sidebar{display:flex}.sidebar{flex:0.3 1;height:100vh}.sidebar .sidebarLeft{align-items:center;background-color:#1e1f22;display:flex;flex-direction:column;padding:7px 15px}.sidebar .serverIcon{background-color:#303338;border-radius:180px;height:60px;margin-bottom:10px;margin-top:7px;position:relative;width:60px}.sidebar .serverIcon img{left:50%;position:absolute;right:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px}.sidebar .sidebarRight{background-color:#2b2d31;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 .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:10px 0;position:absolute;width:92%}.sidebar .sidebarRight .sidebarFooter .sidebarAccount{align-items:center;display:flex}.sidebar .sidebarRight .sidebarFooter .accountName{margin-left:12px}.sidebar .sidebarRight .sidebarFooter .accountName h4{color:#fff;font-weight:500}.sidebar .sidebarRight .sidebarFooter .accountName span{color:#686a6e}.sidebar .sidebarRight .sidebarFooter .sidebarVoice{align-items:center;color:#686a6e;display:flex}.sidebar .sidebarRight .sidebarFooter .accountIcon{border-radius:120px;cursor:pointer;width:30%}.sidebarChannel{margin-top:4px;padding-left:20px}.sidebarChannel h4{align-items:center;color:#7b7c85;cursor:pointer;display:flex;padding:4px}.sidebarChannel h4:hover{background-color:#33363d;border-radius:8px;color:#fff}.sidebarChannel .sidebarChannelHash{font-size:24px;padding-right:10px}.chatHeader{align-items:center;display:flex;justify-content:space-between;padding-top:10px;width:100%}.chatHeader .chatHeaderLeft{padding-left:16px}.chatHeader .chatHeaderLeft .chatHeaderHash{color:#7b7c85;padding-right:6px}.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;color:gray;display:flex;padding:3px}.chatHeader .chatHeaderRight .chatHeaderSearch input{background:transparent;border:none;color:#fff;outline:0}.chatHeader .chatHeaderRight .MuiSvgIcon-root{cursor:pointer}.chat{background-color:#34373c;display:flex;flex-direction:column;position:relative}.chat,.chatMessage{flex-grow:1;height:100vh}.chatMessage{overflow-y:scroll}.chatInput{align-items:center;background-color:#474b53;border-radius:5px;color:#d3d3d3;display:flex;justify-content:space-between;margin:20px;padding:15px}.chatInput form{flex-grow:1}.chatInput form input{background:transparent;border:none;color:#fff;font-size:large;outline:0;padding:15px;width:100%}.chatInput form .chatInputButton{display:none}.chatInput .chatInputIcons .MuiSvgIcon-root{padding:5px}.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}.login{align-items:center;display:flex;flex-direction:column;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}.login .loginLogo img{height:150px;margin-bottom:40px;object-fit:cover}
/*# sourceMappingURL=main.e980f876.css.map*/