@-webkit-keyframes spinner-wandering-cubes-277voU {
    25% {
        -webkit-transform: translateX(22px) rotate(-90deg) scale(.5);
        transform: translateX(22px) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(22px) translateY(22px) rotate(-180deg);
        transform: translateX(22px) translateY(22px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes spinner-wandering-cubes-277voU {
    25% {
        -webkit-transform: translateX(22px) rotate(-90deg) scale(.5);
        transform: translateX(22px) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(22px) translateY(22px) rotate(-180deg);
        transform: translateX(22px) translateY(22px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes spinner-chasing-dots-rotate-1ekf8K {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-chasing-dots-rotate-1ekf8K {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spinner-chasing-dots-bounce-2CS_9y {
    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes spinner-chasing-dots-bounce-2CS_9y {
    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes spinner-pulsing-ellipsis-1YQTLm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .3
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes spinner-pulsing-ellipsis-1YQTLm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .3
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes spinner-spinning-circle-rotate-3fIdXm {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-spinning-circle-rotate-3fIdXm {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spinner-spinning-circle-dash-3rtN6T {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 130, 200
    }
    to {
        stroke-dasharray: 130, 200;
        stroke-dashoffset: -124
    }
}

@keyframes spinner-spinning-circle-dash-3rtN6T {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 130, 200
    }
    to {
        stroke-dasharray: 130, 200;
        stroke-dashoffset: -124
    }
}

.spinner-2aHQbN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inner-2sDxmr {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px
}

.wanderingCubesItem-2YoeXi {
    background-color: #7289da;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: spinner-wandering-cubes-277voU 1.8s ease-in-out infinite;
    animation: spinner-wandering-cubes-277voU 1.8s ease-in-out infinite
}

.wanderingCubesItem-2YoeXi:last-child {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.chasingDots-3cIptb {
    -webkit-animation: spinner-chasing-dots-rotate-1ekf8K 2s linear infinite;
    animation: spinner-chasing-dots-rotate-1ekf8K 2s linear infinite
}

.chasingDotsItem-24APXW {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #7289da;
    border-radius: 100%;
    -webkit-animation: spinner-chasing-dots-bounce-2CS_9y 2s ease-in-out infinite;
    animation: spinner-chasing-dots-bounce-2CS_9y 2s ease-in-out infinite
}

.chasingDotsItem-24APXW:last-child {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.pulsingEllipsis-gm5vlo {
    height: auto;
    width: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.pulsingEllipsisItem-3HCfxP {
    -webkit-animation: spinner-pulsing-ellipsis-1YQTLm 1.4s ease-in-out infinite;
    animation: spinner-pulsing-ellipsis-1YQTLm 1.4s ease-in-out infinite;
    width: 6px;
    height: 6px;
    margin-right: 2px;
    background-color: #f8f9f9;
    border-radius: 3px;
    display: inline-block;
    opacity: .3
}

.pulsingEllipsisItem-3HCfxP:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.pulsingEllipsisItem-3HCfxP:nth-of-type(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.stopAnimation-2_CQVR .chasingDots-3cIptb,
.stopAnimation-2_CQVR .chasingDotsItem-24APXW,
.stopAnimation-2_CQVR .circular-2hONgK,
.stopAnimation-2_CQVR .path-Q2BR3D,
.stopAnimation-2_CQVR .pulsingEllipsisItem-3HCfxP,
.stopAnimation-2_CQVR .wanderingCubesItem-2YoeXi,
.stop-animation .pulsingEllipsisItem-3HCfxP {
    -webkit-animation: none;
    animation: none
}

.spinningCircle-plfEhu {
    width: 100%
}

.spinningCircleInner-1azSVp {
    -webkit-transform: rotate(280deg);
    transform: rotate(280deg)
}

.circular-2hONgK {
    -webkit-animation: spinner-spinning-circle-rotate-3fIdXm 2s linear infinite;
    animation: spinner-spinning-circle-rotate-3fIdXm 2s linear infinite;
    height: 100%;
    width: 100%
}

.path-Q2BR3D {
    -webkit-animation: spinner-spinning-circle-dash-3rtN6T 2s ease-in-out infinite;
    animation: spinner-spinning-circle-dash-3rtN6T 2s ease-in-out infinite;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    fill: none;
    stroke-width: 6;
    stroke-miterlimit: 10;
    stroke-linecap: round
}

.path2-3VdNnb {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.path3-2C7SKf {
    -webkit-animation-delay: .23s;
    animation-delay: .23s
}

.theme-light .path-Q2BR3D {
    stroke: #7289da
}

.theme-light .path2-3VdNnb {
    stroke: #c7d0f0;
    opacity: .6
}

.theme-light .path3-2C7SKf {
    stroke: #f8f9fd;
    opacity: .3
}

.theme-dark .path-Q2BR3D {
    stroke: #7289da
}

.theme-dark .path2-3VdNnb {
    stroke: #7289da;
    opacity: .6
}

.theme-dark .path3-2C7SKf {
    stroke: #222941
}

.widget-szj0pM {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    overflow: hidden;
    font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
}

.widget-szj0pM a {
    color: #fff;
    text-decoration: none
}

.widget-szj0pM strong {
    font-weight: 700
}

.widgetLoading-nHsrEj {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.widgetLogo-6zH6Nv {
    background: url("/images/discord_logo.svg") 50% no-repeat;
    width: 124px;
    height: 34px;
    background-size: 124px 34px;
    display: inline-block;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

.widgetLogo-6zH6Nv:hover {
    opacity: .6
}

.widgetHeader-2Hz_Ln {
    background-color: #5366ab;/*#7289da;*/
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.widgetHeader-2Hz_Ln .widgetHeaderCount-3Vm4u8 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.widgetFooter-1l6LHW {
    -webkit-box-shadow: 0 -1px 18px rgba(0, 0, 0, .2), 0 -1px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 18px rgba(0, 0, 0, .2), 0 -1px 0 rgba(0, 0, 0, .2);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #202225;
    padding: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 30px
}

.widgetFooter-1l6LHW .widgetFooterInfo-3sJWsY {
    display: inline-block;
    font-weight: 500;
    /*opacity: .1;*/
    color: #8e8d8d;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.widgetBtnConnect-2fvtGa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    height: 30px;
    border: 1px solid #212325;
    border-radius: 4px;
    background-clip: padding-box;
    background-color: hsla(0, 0%, 100%, .1);
    -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .04);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .04);
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

.widgetBtnConnect-2fvtGa:hover {
    opacity: .6
}

.widgetBody-1YvOmj {
    background-color: #202225;
    background-image: url(https://discordapp.com/assets/db9fd9dac08621e31b06609781c8851c.png), url(https://discordapp.com/assets/1c7d080332a1c9778182bc19c2f407bc.png);
    background-size: 200px 180px, 110px 130px;
    background-position: 0 100%, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    padding: 20px;
}

.widgetChannel-xLQIAn {
    margin-top: 12px
}

.widgetChannel-xLQIAn:first-child {
    margin-top: 0
}

.widgetChannel-xLQIAn:last-child {
    margin-bottom: 30px
}

.widgetChannelName-17sLG_ {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px
}

.widgetMembersOnline-314YF1 {
    color: #8a8e94;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 12px
}

.widgetMember-s-bqOZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    margin: 6px 0
}

.widgetMember-s-bqOZ .widgetMemberName-1s0T0o {
    color: #8a8e94
}

.widgetMember-s-bqOZ .widgetMemberGame-1VaBoY,
.widgetMember-s-bqOZ .widgetMemberName-1s0T0o {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.widgetMember-s-bqOZ .widgetMemberGame-1VaBoY {
    text-align: right;
    color: #4f545c
}

.widgetMemberAvatar-3Tbv89 {
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 4px
}

.widgetMemberAvatar-3Tbv89 img {
    width: 16px;
    height: 16px;
    border-radius: 8px
}

.widgetMemberStatus-3B9VFg {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    bottom: 0;
    right: 0
}

.widgetMemberStatusOnline-1jZvdn {
    background-color: #43b581
}

.widgetMemberStatusIdle-2u9Mbt {
    background-color: #faa61a
}

.widgetMemberStatusOffline-1UzWSo {
    background-color: #747f8d
}

.widgetMemberStatusDnd-3ZjYs4 {
    background-color: #f04747
}

.widgetIcon-p4PNDV {
    background-color: transparent;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    display: inline-block
}

.widgetIcon-p4PNDV+.widgetIcon-p4PNDV {
    margin-left: 8px
}

.widgetIconMute-ByHVol {
    background-image: url(https://discordapp.com/assets/a5bbc9918fae3a388beca5831f49e1c4.svg)
}

.widgetIconDeaf-31yT5J {
    background-image: url(https://discordapp.com/assets/ae3f569adb173a871434acb93bbf30a7.svg)
}

.widget-theme-light .widgetBody-1YvOmj,
.widget-theme-light .widgetFooter-1l6LHW {
    background-color: #fff
}

.widget-theme-light .widgetBody-1YvOmj {
    background-image: url(https://discordapp.com/assets/319c6196da7ea2876ecf145b988e73a7.png), url(https://discordapp.com/assets/8c7c66b44b1087f6ca9edc6cc1245bec.png)
}

.widget-theme-light .widgetBtnConnect-2fvtGa,
.widget-theme-light .widgetFooterInfo-3sJWsY {
    color: #000;
    opacity: .7
}

.widget-theme-light .widget-online-members-2E59mf,
.widget-theme-light .widgetChannelName-17sLG_ {
    color: #8a8e94
}


/*# sourceMappingURL=index.f7afda7848e99e6cf0ab.css.map*/