body{margin:0;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}.voice-container{font-family:Catamaran;font-weight:600;font-size:16px;line-height:19px;color:#fff}.voice-container .voice-states{list-style-type:none;padding-left:15px;overflow:auto}.voice-container .voice-states .voice-state{height:50px;margin-bottom:8px;cursor:pointer}.voice-container .voice-states .voice-state .avatar{height:50px;width:50px;border:3px solid transparent;border-radius:50%;float:left;margin-right:8px}.voice-container .voice-states .voice-state .avatar.speaking{border-color:#43b581}.voice-container .voice-states .voice-state .user{padding-top:18px}.voice-container .voice-states .voice-state .user .name{background-color:#1e2124;border-radius:3px;padding:4px 6px}.voice-container .voice-states .voice-state.small-avatar{height:40px}.voice-container .voice-states .voice-state.small-avatar .avatar{height:40px;width:40px}.voice-container .voice-states .voice-state.small-avatar .user{padding-top:12px}.status-container{height:64px;width:312px;font-size:14px;background-color:#1e2124;border-radius:3px}.status-container .status{font-family:Catamaran;background-size:32px 30px;background-repeat:no-repeat;background-position:267px 17px;padding:14px 20px}.status-container .status .server-icon{float:left;padding-right:10px}.status-container .status .server-icon img{height:35px;border-radius:50%}.status-container .status .server-info{line-height:16px;font-weight:700}.status-container .status .server-info .name{text-overflow:ellipsis;max-width:160px;display:inline-block;margin-bottom:-3px;overflow:hidden}.status-container .status .server-info .online-count{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);text-transform:uppercase;font-size:12px;line-height:15px;padding-left:4px}.status-container .status .invite-link{font-size:16px;line-height:19px;font-weight:600}.App-content{--main-bg-color: #282c34;--main-color: #5865F2;--main-link-color: #979eeb;background-color:var(--main-bg-color);background:linear-gradient(63deg,rgba(0,0,0,.1) 23%,transparent 23%) 7px 0,linear-gradient(63deg,transparent 74%,rgba(0,0,0,.1) 78%),linear-gradient(63deg,transparent 34%,rgba(0,0,0,.1) 38%,rgba(0,0,0,.1) 58%,transparent 62%),var(--main-bg-color);background-size:16px 48px;min-height:100vh;display:flex;flex-direction:column;align-items:center;font-size:calc(10px + 2vmin);color:#fff}.App-footer{background-color:var(--main-bg-color);width:100%;text-align:center}.App-footer p{font-size:.9rem;margin:.5rem}.App-footer{width:100%;padding-top:2rem;background:linear-gradient(transparent,10%,var(--main-bg-color))}.App-footer a{color:var(--main-link-color)}header{width:100%;background:linear-gradient(var(--main-bg-color),90%,transparent)}header a{color:var(--main-link-color)}