whatever2.css

.wrapper-1XTKlU {
    background-size: cover;
    min-height: 100vh;
    overflow: hidden
}

.flexWrapper-1ztpWj {
    height: 100vh
}

.image-2GuWXL {
    background-size: 100% 100%;
    height: 154px;
    margin-bottom: 40px;
    width: 254px
}

.text-iOJAKO {
    margin-bottom: 20px;
    width: 440px
}

.text-iOJAKO h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 24px;
    text-transform: uppercase
}

.text-iOJAKO .note-3vX6oT,.text-iOJAKO h4 {
    line-height: 8px;
    text-align: center
}

.text-iOJAKO .note-3vX6oT {
    font-size: 16px
}

.themeLight-ljSI-8 {
    background-image: url(/assets/da840b1a6c5d073ca1c6710f8967502a.svg);
    background-position: 50% 0;
    color: #4f545c
}

.themeLight-ljSI-8 .image-2GuWXL {
    background-image: url(/assets/9c3d15a94528df326eb741af39b9f0a9.svg)
}

.themeLight-ljSI-8 .note-3vX6oT {
    color: #72767d
}

.themeDark-20sYEW {
    background-color: #2f3136;
    background-image: url(/assets/da840b1a6c5d073ca1c6710f8967502a.svg);
    color: #f6f6f7
}

.themeDark-20sYEW .image-2GuWXL {
    background-image: url(/assets/e9baf4b505eb54129f832556ea16538e.svg)
}

.themeDark-20sYEW .note-3vX6oT {
    color: #b9bbbe
}

.flex-3B1Tl4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.alignStart-pnSyE6 {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start
}

.alignEnd-3PVyen {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end
}

.alignCenter-3VxkQP {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.alignStretch-1hwxMa {
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch
}

.alignBaseline-4enZzv {
    -ms-flex-align: baseline;
    -webkit-box-align: baseline;
    align-items: baseline
}

.justifyStart-2yIZo0 {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.justifyEnd-1ceqOU {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.justifyCenter-29N31w {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

.justifyAround-1CVbTI {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.justifyBetween-1d1Hto {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.noWrap-v6g9vO {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.wrap-1da0e3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wrapReverse-1aj0nh {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.directionRow-yNbSvJ {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-direction: row
}

.directionRowReverse-2eZTxP {
    -ms-flex-direction: row-reverse;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    flex-direction: row-reverse
}

.directionColumn-2h-LPR {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column
}

.spacer-2Aeq3k {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden
}

.vertical-3X17r5 {
}

.horizontal-2VE-Fw {
}

.horizontalReverse-k5PqxT {
}

.horizontal-2VE-Fw>.spacer-2Aeq3k,.horizontalReverse-k5PqxT>.spacer-2Aeq3k,.vertical-3X17r5>.spacer-2Aeq3k {
    min-height: 1px
}

.flexCenter-28Hs0n {
}

.flex-lFgbSz {
}

.horizontal-2BEEBe {
}

.horizontalReverse-2LanvO {
}

.horizontal-2BEEBe>.flex-lFgbSz,.horizontal-2BEEBe>.flexChild-1KGW5q {
    margin-left: 10px;
    margin-right: 10px
}

.horizontal-2BEEBe>.flex-lFgbSz:first-child,.horizontal-2BEEBe>.flexChild-1KGW5q:first-child {
    margin-left: 0
}

.horizontal-2BEEBe>.flex-lFgbSz:last-child,.horizontal-2BEEBe>.flexChild-1KGW5q:last-child {
    margin-right: 0
}

.horizontalReverse-2LanvO>.flex-lFgbSz,.horizontalReverse-2LanvO>.flexChild-1KGW5q {
    margin-left: 10px;
    margin-right: 10px
}

.horizontalReverse-2LanvO>.flex-lFgbSz:first-child,.horizontalReverse-2LanvO>.flexChild-1KGW5q:first-child {
    margin-right: 0
}

.horizontalReverse-2LanvO>.flex-lFgbSz:last-child,.horizontalReverse-2LanvO>.flexChild-1KGW5q:last-child {
    margin-left: 0
}

.horizontal-2BEEBe>.flexMarginReset-1ihQnl {
    margin: 0
}

@-webkit-keyframes spinner-wandering-cubes-1AK53J {
    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-1AK53J {
    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-3Fvw4X {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

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

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes spinner-pulsing-ellipsis-2q8oVr {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.8);
        opacity: .3;
        transform: scale(.8)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes spinner-pulsing-ellipsis-2q8oVr {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.8);
        opacity: .3;
        transform: scale(.8)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

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

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

@-webkit-keyframes spinner-spinning-circle-dash-2Trd0K {
    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-2Trd0K {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 130,200
    }

    to {
        stroke-dasharray: 130,200;
        stroke-dashoffset: -124
    }
}

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

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

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

.wanderingCubesItem-35kyMu:last-child {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.chasingDots-2qWgu6 {
    -webkit-animation: spinner-chasing-dots-rotate-3Fvw4X 2s infinite linear;
    animation: spinner-chasing-dots-rotate-3Fvw4X 2s infinite linear
}

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

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

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

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

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

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

.stopAnimation-39pPJB .chasingDots-2qWgu6,.stopAnimation-39pPJB .chasingDotsItem-1fMB4T,.stopAnimation-39pPJB .circular-2U7_1N,.stopAnimation-39pPJB .path-2DIvxA,.stopAnimation-39pPJB .pulsingEllipsisItem-1oPdBE,.stopAnimation-39pPJB .wanderingCubesItem-35kyMu,.stop-animation .pulsingEllipsisItem-1oPdBE {
    -webkit-animation: none;
    animation: none
}

.spinningCircle-2mRBGy {
    width: 100%
}

.spinningCircleInner-2putKt {
    -webkit-transform: rotate(280deg);
    transform: rotate(280deg)
}

.circular-2U7_1N {
    -webkit-animation: spinner-spinning-circle-rotate-31ddRE 2s linear infinite;
    animation: spinner-spinning-circle-rotate-31ddRE 2s linear infinite;
    height: 100%;
    width: 100%
}

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

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

.path3-1Ti7dU {
    -webkit-animation-delay: .23s;
    animation-delay: .23s
}

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

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

.theme-light .path3-1Ti7dU {
    opacity: .3;
    stroke: #f8f9fd
}

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

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

.theme-dark .path3-1Ti7dU {
    stroke: #222941
}

.button-2t3of8 {
    -moz-user-select: none;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-user-select: none;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box;
    -webkit-user-select: none;
    align-items: center;
    background: none;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 16px;
    padding: 2px 16px;
    position: relative;
    user-select: none
}

.lookFilled-luDKDo.colorBrand-3PmwCE {
    background-color: #7289da;
    color: #fff
}

.lookFilled-luDKDo.colorBrand-3PmwCE:hover {
    background-color: #677bc4
}

.lookFilled-luDKDo.colorBrand-3PmwCE:active {
    background-color: #5b6eae
}

.lookFilled-luDKDo.colorBrand-3PmwCE .spinnerItem-2VtahD {
    background-color: #fff
}

.lookInverted-2lPGe7.colorBrand-3PmwCE {
    background-color: #fff;
    color: #7289da
}

.lookInverted-2lPGe7.colorBrand-3PmwCE:hover {
    background-color: #f8f9fd
}

.lookInverted-2lPGe7.colorBrand-3PmwCE:active {
    background-color: #e3e7f8
}

.lookInverted-2lPGe7.colorBrand-3PmwCE .spinnerItem-2VtahD {
    background-color: #7289da
}

.lookOutlined-1c5nhl.colorBrand-3PmwCE {
    border-color: rgba(114,137,218,.3);
    color: #7289da
}

.lookOutlined-1c5nhl.colorBrand-3PmwCE:hover {
    border-color: rgba(114,137,218,.6)
}

.lookOutlined-1c5nhl.colorBrand-3PmwCE:active {
    background-color: rgba(114,137,218,.1);
    border-color: #7289da
}

.lookOutlined-1c5nhl.colorBrand-3PmwCE .spinnerItem-2VtahD {
    background-color: #7289da
}

.lookGhost-GyT-k0.colorBrand-3PmwCE {
    background-color: rgba(114,137,218,.1);
    color: #7289da
}

.lookGhost-GyT-k0.colorBrand-3PmwCE:active {
    background-color: rgba(114,137,218,.15)
}

.lookGhost-GyT-k0.colorBrand-3PmwCE .spinnerItem-2VtahD {
    background-color: #7289da
}

.lookLink-3VWONr.colorBrand-3PmwCE {
    color: #7289da
}

.lookLink-3VWONr.colorBrand-3PmwCE:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#7289da 0,#7289da 2px,transparent 0)
}

.lookLink-3VWONr.colorBrand-3PmwCE .spinnerItem-2VtahD {
    background-color: #7289da
}

.theme-dark .lookFilled-luDKDo.hoverBrand-31w0Ap.hasHover-FPgGm-:hover,.theme-light .lookFilled-luDKDo.hoverBrand-31w0Ap.hasHover-FPgGm-:hover {
    background-color: #7289da;
    color: #fff
}

.theme-dark .lookFilled-luDKDo.hoverBrand-31w0Ap.hasHover-FPgGm-:active,.theme-light .lookFilled-luDKDo.hoverBrand-31w0Ap.hasHover-FPgGm-:active {
    background-color: #677bc4;
    color: #fff
}

.theme-dark .lookInverted-2lPGe7.hoverBrand-31w0Ap.hasHover-FPgGm-:hover,.theme-light .lookInverted-2lPGe7.hoverBrand-31w0Ap.hasHover-FPgGm-:hover {
    background-color: #f8f9fd;
    color: #7289da
}

.theme-dark .lookInverted-2lPGe7.hoverBrand-31w0Ap.hasHover-FPgGm-:active,.theme-light .lookInverted-2lPGe7.hoverBrand-31w0Ap.hasHover-FPgGm-:active {
    background-color: #e3e7f8;
    color: #7289da
}

.theme-dark .lookOutlined-1c5nhl.hoverBrand-31w0Ap.hasHover-FPgGm-:hover,.theme-light .lookOutlined-1c5nhl.hoverBrand-31w0Ap.hasHover-FPgGm-:hover {
    border-color: rgba(114,137,218,.6);
    color: #7289da
}

.theme-dark .lookOutlined-1c5nhl.hoverBrand-31w0Ap.hasHover-FPgGm-:active,.theme-light .lookOutlined-1c5nhl.hoverBrand-31w0Ap.hasHover-FPgGm-:active {
    background-color: rgba(114,137,218,.1);
    border-color: #7289da;
    color: #7289da
}

.theme-dark .lookGhost-GyT-k0.hoverBrand-31w0Ap.hasHover-FPgGm-:active,.theme-light .lookGhost-GyT-k0.hoverBrand-31w0Ap.hasHover-FPgGm-:active {
    background-color: rgba(114,137,218,.15);
    color: #7289da
}

.theme-dark .lookLink-3VWONr.hoverBrand-31w0Ap.hasHover-FPgGm-:hover .contents-4L4hQM,.theme-light .lookLink-3VWONr.hoverBrand-31w0Ap.hasHover-FPgGm-:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#7289da 0,#7289da 2px,transparent 0);
    color: #7289da
}

.lookFilled-luDKDo.colorGrey-4JijJ1 {
    background-color: #747f8d;
    color: #fff
}

.lookFilled-luDKDo.colorGrey-4JijJ1:hover {
    background-color: #68727f
}

.lookFilled-luDKDo.colorGrey-4JijJ1:active {
    background-color: #5d6671
}

.lookFilled-luDKDo.colorGrey-4JijJ1 .spinnerItem-2VtahD {
    background-color: #fff
}

.lookInverted-2lPGe7.colorGrey-4JijJ1 {
    background-color: #fff;
    color: #747f8d
}

.lookInverted-2lPGe7.colorGrey-4JijJ1:hover {
    background-color: #f8f9f9
}

.lookInverted-2lPGe7.colorGrey-4JijJ1:active {
    background-color: #e3e5e8
}

.lookInverted-2lPGe7.colorGrey-4JijJ1 .spinnerItem-2VtahD {
    background-color: #747f8d
}

.lookOutlined-1c5nhl.colorGrey-4JijJ1 {
    border-color: rgba(116,127,141,.3);
    color: #747f8d
}

.lookOutlined-1c5nhl.colorGrey-4JijJ1:hover {
    border-color: rgba(116,127,141,.6)
}

.lookOutlined-1c5nhl.colorGrey-4JijJ1:active {
    background-color: rgba(116,127,141,.1);
    border-color: #747f8d
}

.lookOutlined-1c5nhl.colorGrey-4JijJ1 .spinnerItem-2VtahD {
    background-color: #747f8d
}

.lookGhost-GyT-k0.colorGrey-4JijJ1 {
    background-color: rgba(116,127,141,.1);
    color: #747f8d
}

.lookGhost-GyT-k0.colorGrey-4JijJ1:active {
    background-color: rgba(116,127,141,.15)
}

.lookGhost-GyT-k0.colorGrey-4JijJ1 .spinnerItem-2VtahD {
    background-color: #747f8d
}

.lookLink-3VWONr.colorGrey-4JijJ1 {
    color: #747f8d
}

.lookLink-3VWONr.colorGrey-4JijJ1:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#747f8d 0,#747f8d 2px,transparent 0)
}

.lookLink-3VWONr.colorGrey-4JijJ1 .spinnerItem-2VtahD {
    background-color: #747f8d
}

.theme-dark .lookFilled-luDKDo.hoverGrey-13LYbu.hasHover-FPgGm-:hover,.theme-light .lookFilled-luDKDo.hoverGrey-13LYbu.hasHover-FPgGm-:hover {
    background-color: #747f8d;
    color: #fff
}

.theme-dark .lookFilled-luDKDo.hoverGrey-13LYbu.hasHover-FPgGm-:active,.theme-light .lookFilled-luDKDo.hoverGrey-13LYbu.hasHover-FPgGm-:active {
    background-color: #68727f;
    color: #fff
}

.theme-dark .lookInverted-2lPGe7.hoverGrey-13LYbu.hasHover-FPgGm-:hover,.theme-light .lookInverted-2lPGe7.hoverGrey-13LYbu.hasHover-FPgGm-:hover {
    background-color: #f8f9f9;
    color: #747f8d
}

.theme-dark .lookInverted-2lPGe7.hoverGrey-13LYbu.hasHover-FPgGm-:active,.theme-light .lookInverted-2lPGe7.hoverGrey-13LYbu.hasHover-FPgGm-:active {
    background-color: #e3e5e8;
    color: #747f8d
}

.theme-dark .lookOutlined-1c5nhl.hoverGrey-13LYbu.hasHover-FPgGm-:hover,.theme-light .lookOutlined-1c5nhl.hoverGrey-13LYbu.hasHover-FPgGm-:hover {
    border-color: rgba(116,127,141,.6);
    color: #747f8d
}

.theme-dark .lookOutlined-1c5nhl.hoverGrey-13LYbu.hasHover-FPgGm-:active,.theme-light .lookOutlined-1c5nhl.hoverGrey-13LYbu.hasHover-FPgGm-:active {
    background-color: rgba(116,127,141,.1);
    border-color: #747f8d;
    color: #747f8d
}

.theme-dark .lookGhost-GyT-k0.hoverGrey-13LYbu.hasHover-FPgGm-:active,.theme-light .lookGhost-GyT-k0.hoverGrey-13LYbu.hasHover-FPgGm-:active {
    background-color: rgba(116,127,141,.15);
    color: #747f8d
}

.theme-dark .lookLink-3VWONr.hoverGrey-13LYbu.hasHover-FPgGm-:hover .contents-4L4hQM,.theme-light .lookLink-3VWONr.hoverGrey-13LYbu.hasHover-FPgGm-:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#747f8d 0,#747f8d 2px,transparent 0);
    color: #747f8d
}

.lookFilled-luDKDo.colorRed-3HTNPV {
    background-color: #f04747;
    color: #fff
}

.lookFilled-luDKDo.colorRed-3HTNPV:hover {
    background-color: #d84040
}

.lookFilled-luDKDo.colorRed-3HTNPV:active {
    background-color: #c03939
}

.lookFilled-luDKDo.colorRed-3HTNPV .spinnerItem-2VtahD {
    background-color: #fff
}

.lookInverted-2lPGe7.colorRed-3HTNPV {
    background-color: #fff;
    color: #f04747
}

.lookInverted-2lPGe7.colorRed-3HTNPV:hover {
    background-color: #fef6f6
}

.lookInverted-2lPGe7.colorRed-3HTNPV:active {
    background-color: #fcdada
}

.lookInverted-2lPGe7.colorRed-3HTNPV .spinnerItem-2VtahD {
    background-color: #f04747
}

.lookOutlined-1c5nhl.colorRed-3HTNPV {
    border-color: rgba(240,71,71,.3);
    color: #f04747
}

.lookOutlined-1c5nhl.colorRed-3HTNPV:hover {
    border-color: rgba(240,71,71,.6)
}

.lookOutlined-1c5nhl.colorRed-3HTNPV:active {
    background-color: rgba(240,71,71,.1);
    border-color: #f04747
}

.lookOutlined-1c5nhl.colorRed-3HTNPV .spinnerItem-2VtahD {
    background-color: #f04747
}

.lookGhost-GyT-k0.colorRed-3HTNPV {
    background-color: rgba(240,71,71,.1);
    color: #f04747
}

.lookGhost-GyT-k0.colorRed-3HTNPV:active {
    background-color: rgba(240,71,71,.15)
}

.lookGhost-GyT-k0.colorRed-3HTNPV .spinnerItem-2VtahD {
    background-color: #f04747
}

.lookLink-3VWONr.colorRed-3HTNPV {
    color: #f04747
}

.lookLink-3VWONr.colorRed-3HTNPV:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#f04747 0,#f04747 2px,transparent 0)
}

.lookLink-3VWONr.colorRed-3HTNPV .spinnerItem-2VtahD {
    background-color: #f04747
}

.theme-dark .lookFilled-luDKDo.hoverRed-27pw7S.hasHover-FPgGm-:hover,.theme-light .lookFilled-luDKDo.hoverRed-27pw7S.hasHover-FPgGm-:hover {
    background-color: #f04747;
    color: #fff
}

.theme-dark .lookFilled-luDKDo.hoverRed-27pw7S.hasHover-FPgGm-:active,.theme-light .lookFilled-luDKDo.hoverRed-27pw7S.hasHover-FPgGm-:active {
    background-color: #d84040;
    color: #fff
}

.theme-dark .lookInverted-2lPGe7.hoverRed-27pw7S.hasHover-FPgGm-:hover,.theme-light .lookInverted-2lPGe7.hoverRed-27pw7S.hasHover-FPgGm-:hover {
    background-color: #fef6f6;
    color: #f04747
}

.theme-dark .lookInverted-2lPGe7.hoverRed-27pw7S.hasHover-FPgGm-:active,.theme-light .lookInverted-2lPGe7.hoverRed-27pw7S.hasHover-FPgGm-:active {
    background-color: #fcdada;
    color: #f04747
}

.theme-dark .lookOutlined-1c5nhl.hoverRed-27pw7S.hasHover-FPgGm-:hover,.theme-light .lookOutlined-1c5nhl.hoverRed-27pw7S.hasHover-FPgGm-:hover {
    border-color: rgba(240,71,71,.6);
    color: #f04747
}

.theme-dark .lookOutlined-1c5nhl.hoverRed-27pw7S.hasHover-FPgGm-:active,.theme-light .lookOutlined-1c5nhl.hoverRed-27pw7S.hasHover-FPgGm-:active {
    background-color: rgba(240,71,71,.1);
    border-color: #f04747;
    color: #f04747
}

.theme-dark .lookGhost-GyT-k0.hoverRed-27pw7S.hasHover-FPgGm-:active,.theme-light .lookGhost-GyT-k0.hoverRed-27pw7S.hasHover-FPgGm-:active {
    background-color: rgba(240,71,71,.15);
    color: #f04747
}

.theme-dark .lookLink-3VWONr.hoverRed-27pw7S.hasHover-FPgGm-:hover .contents-4L4hQM,.theme-light .lookLink-3VWONr.hoverRed-27pw7S.hasHover-FPgGm-:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#f04747 0,#f04747 2px,transparent 0);
    color: #f04747
}

.lookFilled-luDKDo.colorGreen-22At8E {
    background-color: #43b581;
    color: #fff
}

.lookFilled-luDKDo.colorGreen-22At8E:hover {
    background-color: #3ca374
}

.lookFilled-luDKDo.colorGreen-22At8E:active {
    background-color: #369167
}

.lookFilled-luDKDo.colorGreen-22At8E .spinnerItem-2VtahD {
    background-color: #fff
}

.lookInverted-2lPGe7.colorGreen-22At8E {
    background-color: #fff;
    color: #43b581
}

.lookInverted-2lPGe7.colorGreen-22At8E:hover {
    background-color: #f6fbf9
}

.lookInverted-2lPGe7.colorGreen-22At8E:active {
    background-color: #d9f0e6
}

.lookInverted-2lPGe7.colorGreen-22At8E .spinnerItem-2VtahD {
    background-color: #43b581
}

.lookOutlined-1c5nhl.colorGreen-22At8E {
    border-color: rgba(67,181,129,.3);
    color: #43b581
}

.lookOutlined-1c5nhl.colorGreen-22At8E:hover {
    border-color: rgba(67,181,129,.6)
}

.lookOutlined-1c5nhl.colorGreen-22At8E:active {
    background-color: rgba(67,181,129,.1);
    border-color: #43b581
}

.lookOutlined-1c5nhl.colorGreen-22At8E .spinnerItem-2VtahD {
    background-color: #43b581
}

.lookGhost-GyT-k0.colorGreen-22At8E {
    background-color: rgba(67,181,129,.1);
    color: #43b581
}

.lookGhost-GyT-k0.colorGreen-22At8E:active {
    background-color: rgba(67,181,129,.15)
}

.lookGhost-GyT-k0.colorGreen-22At8E .spinnerItem-2VtahD {
    background-color: #43b581
}

.lookLink-3VWONr.colorGreen-22At8E {
    color: #43b581
}

.lookLink-3VWONr.colorGreen-22At8E:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#43b581 0,#43b581 2px,transparent 0)
}

.lookLink-3VWONr.colorGreen-22At8E .spinnerItem-2VtahD {
    background-color: #43b581
}

.theme-dark .lookFilled-luDKDo.hoverGreen-1Uak9k.hasHover-FPgGm-:hover,.theme-light .lookFilled-luDKDo.hoverGreen-1Uak9k.hasHover-FPgGm-:hover {
    background-color: #43b581;
    color: #fff
}

.theme-dark .lookFilled-luDKDo.hoverGreen-1Uak9k.hasHover-FPgGm-:active,.theme-light .lookFilled-luDKDo.hoverGreen-1Uak9k.hasHover-FPgGm-:active {
    background-color: #3ca374;
    color: #fff
}

.theme-dark .lookInverted-2lPGe7.hoverGreen-1Uak9k.hasHover-FPgGm-:hover,.theme-light .lookInverted-2lPGe7.hoverGreen-1Uak9k.hasHover-FPgGm-:hover {
    background-color: #f6fbf9;
    color: #43b581
}

.theme-dark .lookInverted-2lPGe7.hoverGreen-1Uak9k.hasHover-FPgGm-:active,.theme-light .lookInverted-2lPGe7.hoverGreen-1Uak9k.hasHover-FPgGm-:active {
    background-color: #d9f0e6;
    color: #43b581
}

.theme-dark .lookOutlined-1c5nhl.hoverGreen-1Uak9k.hasHover-FPgGm-:hover,.theme-light .lookOutlined-1c5nhl.hoverGreen-1Uak9k.hasHover-FPgGm-:hover {
    border-color: rgba(67,181,129,.6);
    color: #43b581
}

.theme-dark .lookOutlined-1c5nhl.hoverGreen-1Uak9k.hasHover-FPgGm-:active,.theme-light .lookOutlined-1c5nhl.hoverGreen-1Uak9k.hasHover-FPgGm-:active {
    background-color: rgba(67,181,129,.1);
    border-color: #43b581;
    color: #43b581
}

.theme-dark .lookGhost-GyT-k0.hoverGreen-1Uak9k.hasHover-FPgGm-:active,.theme-light .lookGhost-GyT-k0.hoverGreen-1Uak9k.hasHover-FPgGm-:active {
    background-color: rgba(67,181,129,.15);
    color: #43b581
}

.theme-dark .lookLink-3VWONr.hoverGreen-1Uak9k.hasHover-FPgGm-:hover .contents-4L4hQM,.theme-light .lookLink-3VWONr.hoverGreen-1Uak9k.hasHover-FPgGm-:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#43b581 0,#43b581 2px,transparent 0);
    color: #43b581
}

.lookFilled-luDKDo.colorYellow-QEc3IE {
    background-color: #faa61a;
    color: #fff
}

.lookFilled-luDKDo.colorYellow-QEc3IE:hover {
    background-color: #e19517
}

.lookFilled-luDKDo.colorYellow-QEc3IE:active {
    background-color: #c88515
}

.lookFilled-luDKDo.colorYellow-QEc3IE .spinnerItem-2VtahD {
    background-color: #fff
}

.lookInverted-2lPGe7.colorYellow-QEc3IE {
    background-color: #fff;
    color: #faa61a
}

.lookInverted-2lPGe7.colorYellow-QEc3IE:hover {
    background-color: #fffbf4
}

.lookInverted-2lPGe7.colorYellow-QEc3IE:active {
    background-color: #feedd1
}

.lookInverted-2lPGe7.colorYellow-QEc3IE .spinnerItem-2VtahD {
    background-color: #faa61a
}

.lookOutlined-1c5nhl.colorYellow-QEc3IE {
    border-color: rgba(250,166,26,.3);
    color: #faa61a
}

.lookOutlined-1c5nhl.colorYellow-QEc3IE:hover {
    border-color: rgba(250,166,26,.6)
}

.lookOutlined-1c5nhl.colorYellow-QEc3IE:active {
    background-color: rgba(250,166,26,.1);
    border-color: #faa61a
}

.lookOutlined-1c5nhl.colorYellow-QEc3IE .spinnerItem-2VtahD {
    background-color: #faa61a
}

.lookGhost-GyT-k0.colorYellow-QEc3IE {
    background-color: rgba(250,166,26,.1);
    color: #faa61a
}

.lookGhost-GyT-k0.colorYellow-QEc3IE:active {
    background-color: rgba(250,166,26,.15)
}

.lookGhost-GyT-k0.colorYellow-QEc3IE .spinnerItem-2VtahD {
    background-color: #faa61a
}

.lookLink-3VWONr.colorYellow-QEc3IE {
    color: #faa61a
}

.lookLink-3VWONr.colorYellow-QEc3IE:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#faa61a 0,#faa61a 2px,transparent 0)
}

.lookLink-3VWONr.colorYellow-QEc3IE .spinnerItem-2VtahD {
    background-color: #faa61a
}

.theme-dark .lookFilled-luDKDo.hoverYellow-37kQIv.hasHover-FPgGm-:hover,.theme-light .lookFilled-luDKDo.hoverYellow-37kQIv.hasHover-FPgGm-:hover {
    background-color: #faa61a;
    color: #fff
}

.theme-dark .lookFilled-luDKDo.hoverYellow-37kQIv.hasHover-FPgGm-:active,.theme-light .lookFilled-luDKDo.hoverYellow-37kQIv.hasHover-FPgGm-:active {
    background-color: #e19517;
    color: #fff
}

.theme-dark .lookInverted-2lPGe7.hoverYellow-37kQIv.hasHover-FPgGm-:hover,.theme-light .lookInverted-2lPGe7.hoverYellow-37kQIv.hasHover-FPgGm-:hover {
    background-color: #fffbf4;
    color: #faa61a
}

.theme-dark .lookInverted-2lPGe7.hoverYellow-37kQIv.hasHover-FPgGm-:active,.theme-light .lookInverted-2lPGe7.hoverYellow-37kQIv.hasHover-FPgGm-:active {
    background-color: #feedd1;
    color: #faa61a
}

.theme-dark .lookOutlined-1c5nhl.hoverYellow-37kQIv.hasHover-FPgGm-:hover,.theme-light .lookOutlined-1c5nhl.hoverYellow-37kQIv.hasHover-FPgGm-:hover {
    border-color: rgba(250,166,26,.6);
    color: #faa61a
}

.theme-dark .lookOutlined-1c5nhl.hoverYellow-37kQIv.hasHover-FPgGm-:active,.theme-light .lookOutlined-1c5nhl.hoverYellow-37kQIv.hasHover-FPgGm-:active {
    background-color: rgba(250,166,26,.1);
    border-color: #faa61a;
    color: #faa61a
}

.theme-dark .lookGhost-GyT-k0.hoverYellow-37kQIv.hasHover-FPgGm-:active,.theme-light .lookGhost-GyT-k0.hoverYellow-37kQIv.hasHover-FPgGm-:active {
    background-color: rgba(250,166,26,.15);
    color: #faa61a
}

.theme-dark .lookLink-3VWONr.hoverYellow-37kQIv.hasHover-FPgGm-:hover .contents-4L4hQM,.theme-light .lookLink-3VWONr.hoverYellow-37kQIv.hasHover-FPgGm-:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#faa61a 0,#faa61a 2px,transparent 0);
    color: #faa61a
}

.lookFilled-luDKDo.colorLink-Ttelix {
    background-color: #00b0f4;
    color: #fff
}

.lookFilled-luDKDo.colorLink-Ttelix:hover {
    background-color: #009edc
}

.lookFilled-luDKDo.colorLink-Ttelix:active {
    background-color: #008dc3
}

.lookFilled-luDKDo.colorLink-Ttelix .spinnerItem-2VtahD {
    background-color: #fff
}

.lookInverted-2lPGe7.colorLink-Ttelix {
    background-color: #fff;
    color: #00b0f4
}

.lookInverted-2lPGe7.colorLink-Ttelix:hover {
    background-color: #f2fbfe
}

.lookInverted-2lPGe7.colorLink-Ttelix:active {
    background-color: #cceffd
}

.lookInverted-2lPGe7.colorLink-Ttelix .spinnerItem-2VtahD {
    background-color: #00b0f4
}

.lookOutlined-1c5nhl.colorLink-Ttelix {
    border-color: rgba(0,176,244,.3);
    color: #00b0f4
}

.lookOutlined-1c5nhl.colorLink-Ttelix:hover {
    border-color: rgba(0,176,244,.6)
}

.lookOutlined-1c5nhl.colorLink-Ttelix:active {
    background-color: rgba(0,176,244,.1);
    border-color: #00b0f4
}

.lookOutlined-1c5nhl.colorLink-Ttelix .spinnerItem-2VtahD {
    background-color: #00b0f4
}

.lookGhost-GyT-k0.colorLink-Ttelix {
    background-color: rgba(0,176,244,.1);
    color: #00b0f4
}

.lookGhost-GyT-k0.colorLink-Ttelix:active {
    background-color: rgba(0,176,244,.15)
}

.lookGhost-GyT-k0.colorLink-Ttelix .spinnerItem-2VtahD {
    background-color: #00b0f4
}

.lookLink-3VWONr.colorLink-Ttelix {
    color: #00b0f4
}

.lookLink-3VWONr.colorLink-Ttelix:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#00b0f4 0,#00b0f4 2px,transparent 0)
}

.lookLink-3VWONr.colorLink-Ttelix .spinnerItem-2VtahD {
    background-color: #00b0f4
}

.theme-dark .lookFilled-luDKDo.hoverLink-2f-frX.hasHover-FPgGm-:hover,.theme-light .lookFilled-luDKDo.hoverLink-2f-frX.hasHover-FPgGm-:hover {
    background-color: #00b0f4;
    color: #fff
}

.theme-dark .lookFilled-luDKDo.hoverLink-2f-frX.hasHover-FPgGm-:active,.theme-light .lookFilled-luDKDo.hoverLink-2f-frX.hasHover-FPgGm-:active {
    background-color: #009edc;
    color: #fff
}

.theme-dark .lookInverted-2lPGe7.hoverLink-2f-frX.hasHover-FPgGm-:hover,.theme-light .lookInverted-2lPGe7.hoverLink-2f-frX.hasHover-FPgGm-:hover {
    background-color: #f2fbfe;
    color: #00b0f4
}

.theme-dark .lookInverted-2lPGe7.hoverLink-2f-frX.hasHover-FPgGm-:active,.theme-light .lookInverted-2lPGe7.hoverLink-2f-frX.hasHover-FPgGm-:active {
    background-color: #cceffd;
    color: #00b0f4
}

.theme-dark .lookOutlined-1c5nhl.hoverLink-2f-frX.hasHover-FPgGm-:hover,.theme-light .lookOutlined-1c5nhl.hoverLink-2f-frX.hasHover-FPgGm-:hover {
    border-color: rgba(0,176,244,.6);
    color: #00b0f4
}

.theme-dark .lookOutlined-1c5nhl.hoverLink-2f-frX.hasHover-FPgGm-:active,.theme-light .lookOutlined-1c5nhl.hoverLink-2f-frX.hasHover-FPgGm-:active {
    background-color: rgba(0,176,244,.1);
    border-color: #00b0f4;
    color: #00b0f4
}

.theme-dark .lookGhost-GyT-k0.hoverLink-2f-frX.hasHover-FPgGm-:active,.theme-light .lookGhost-GyT-k0.hoverLink-2f-frX.hasHover-FPgGm-:active {
    background-color: rgba(0,176,244,.15);
    color: #00b0f4
}

.theme-dark .lookLink-3VWONr.hoverLink-2f-frX.hasHover-FPgGm-:hover .contents-4L4hQM,.theme-light .lookLink-3VWONr.hoverLink-2f-frX.hasHover-FPgGm-:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#00b0f4 0,#00b0f4 2px,transparent 0);
    color: #00b0f4
}

.lookFilled-luDKDo.colorWhite-1IbOTe {
    background-color: #fff;
    color: #4f545c
}

.lookFilled-luDKDo.colorWhite-1IbOTe:hover {
    background-color: #e6e6e6
}

.lookFilled-luDKDo.colorWhite-1IbOTe:active {
    background-color: #ccc
}

.lookFilled-luDKDo.colorWhite-1IbOTe .spinnerItem-2VtahD {
    background-color: #4f545c
}

.lookInverted-2lPGe7.colorWhite-1IbOTe {
    background-color: #4f545c;
    color: #fff
}

.lookInverted-2lPGe7.colorWhite-1IbOTe .spinnerItem-2VtahD,.lookInverted-2lPGe7.colorWhite-1IbOTe:active,.lookInverted-2lPGe7.colorWhite-1IbOTe:hover {
    background-color: #fff
}

.lookOutlined-1c5nhl.colorWhite-1IbOTe {
    border-color: hsla(0,0%,100%,.3);
    color: #fff
}

.lookOutlined-1c5nhl.colorWhite-1IbOTe:hover {
    border-color: hsla(0,0%,100%,.6)
}

.lookOutlined-1c5nhl.colorWhite-1IbOTe:active {
    background-color: hsla(0,0%,100%,.1);
    border-color: #fff
}

.lookOutlined-1c5nhl.colorWhite-1IbOTe .spinnerItem-2VtahD {
    background-color: #fff
}

.lookGhost-GyT-k0.colorWhite-1IbOTe {
    background-color: hsla(0,0%,100%,.1);
    color: #fff
}

.lookGhost-GyT-k0.colorWhite-1IbOTe:active {
    background-color: hsla(0,0%,100%,.15)
}

.lookGhost-GyT-k0.colorWhite-1IbOTe .spinnerItem-2VtahD {
    background-color: #fff
}

.lookLink-3VWONr.colorWhite-1IbOTe {
    color: #fff
}

.lookLink-3VWONr.colorWhite-1IbOTe:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#fff 0,#fff 2px,transparent 0)
}

.lookLink-3VWONr.colorWhite-1IbOTe .spinnerItem-2VtahD {
    background-color: #fff
}

.theme-dark .lookFilled-luDKDo.hoverWhite-2K9fsu.hasHover-FPgGm-:hover,.theme-light .lookFilled-luDKDo.hoverWhite-2K9fsu.hasHover-FPgGm-:hover {
    background-color: #fff;
    color: #4f545c
}

.theme-dark .lookFilled-luDKDo.hoverWhite-2K9fsu.hasHover-FPgGm-:active,.theme-light .lookFilled-luDKDo.hoverWhite-2K9fsu.hasHover-FPgGm-:active {
    background-color: #e6e6e6;
    color: #4f545c
}

.theme-dark .lookInverted-2lPGe7.hoverWhite-2K9fsu.hasHover-FPgGm-:active,.theme-dark .lookInverted-2lPGe7.hoverWhite-2K9fsu.hasHover-FPgGm-:hover,.theme-light .lookInverted-2lPGe7.hoverWhite-2K9fsu.hasHover-FPgGm-:active,.theme-light .lookInverted-2lPGe7.hoverWhite-2K9fsu.hasHover-FPgGm-:hover {
    background-color: #fff;
    color: #fff
}

.theme-dark .lookOutlined-1c5nhl.hoverWhite-2K9fsu.hasHover-FPgGm-:hover,.theme-light .lookOutlined-1c5nhl.hoverWhite-2K9fsu.hasHover-FPgGm-:hover {
    border-color: hsla(0,0%,100%,.6);
    color: #fff
}

.theme-dark .lookOutlined-1c5nhl.hoverWhite-2K9fsu.hasHover-FPgGm-:active,.theme-light .lookOutlined-1c5nhl.hoverWhite-2K9fsu.hasHover-FPgGm-:active {
    background-color: hsla(0,0%,100%,.1);
    border-color: #fff;
    color: #fff
}

.theme-dark .lookGhost-GyT-k0.hoverWhite-2K9fsu.hasHover-FPgGm-:active,.theme-light .lookGhost-GyT-k0.hoverWhite-2K9fsu.hasHover-FPgGm-:active {
    background-color: hsla(0,0%,100%,.15);
    color: #fff
}

.theme-dark .lookLink-3VWONr.hoverWhite-2K9fsu.hasHover-FPgGm-:hover .contents-4L4hQM,.theme-light .lookLink-3VWONr.hoverWhite-2K9fsu.hasHover-FPgGm-:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#fff 0,#fff 2px,transparent 0);
    color: #fff
}

.theme-dark .lookFilled-luDKDo.colorPrimary-2KuK5O {
    background-color: #4f545c;
    color: #f6f6f7
}

.theme-dark .lookFilled-luDKDo.colorPrimary-2KuK5O:active,.theme-dark .lookFilled-luDKDo.colorPrimary-2KuK5O:hover {
    background-color: #72767d
}

.theme-dark .lookFilled-luDKDo.colorPrimary-2KuK5O .spinnerItem-2VtahD {
    background-color: #f6f6f7
}

.theme-dark .lookInverted-2lPGe7.colorPrimary-2KuK5O {
    background-color: #f6f6f7;
    color: #4f545c
}

.theme-dark .lookInverted-2lPGe7.colorPrimary-2KuK5O:hover {
    background-color: #f6f6f7
}

.theme-dark .lookInverted-2lPGe7.colorPrimary-2KuK5O:active {
    background-color: #dcddde
}

.theme-dark .lookInverted-2lPGe7.colorPrimary-2KuK5O .spinnerItem-2VtahD {
    background-color: #4f545c
}

.theme-dark .lookOutlined-1c5nhl.colorPrimary-2KuK5O {
    border-color: hsla(0,0%,100%,.3);
    color: #fff
}

.theme-dark .lookOutlined-1c5nhl.colorPrimary-2KuK5O:hover {
    border-color: hsla(0,0%,100%,.6)
}

.theme-dark .lookOutlined-1c5nhl.colorPrimary-2KuK5O:active {
    background-color: hsla(0,0%,100%,.1);
    border-color: #fff
}

.theme-dark .lookOutlined-1c5nhl.colorPrimary-2KuK5O .spinnerItem-2VtahD {
    background-color: #fff
}

.theme-dark .lookGhost-GyT-k0.colorPrimary-2KuK5O {
    background-color: hsla(0,0%,100%,.1);
    color: #fff
}

.theme-dark .lookGhost-GyT-k0.colorPrimary-2KuK5O:active {
    background-color: hsla(0,0%,100%,.15)
}

.theme-dark .lookGhost-GyT-k0.colorPrimary-2KuK5O .spinnerItem-2VtahD {
    background-color: #fff
}

.theme-dark .lookLink-3VWONr.colorPrimary-2KuK5O {
    color: #fff
}

.theme-dark .lookLink-3VWONr.colorPrimary-2KuK5O:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#fff 0,#fff 2px,transparent 0)
}

.theme-dark .lookLink-3VWONr.colorPrimary-2KuK5O .spinnerItem-2VtahD {
    background-color: #fff
}

.theme-dark .theme-dark .lookFilled-luDKDo.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover,.theme-dark .theme-light .lookFilled-luDKDo.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover {
    background-color: #4f545c;
    color: #f6f6f7
}

.theme-dark .theme-dark .lookFilled-luDKDo.hoverPrimary-3sUr-C.hasHover-FPgGm-:active,.theme-dark .theme-light .lookFilled-luDKDo.hoverPrimary-3sUr-C.hasHover-FPgGm-:active {
    background-color: #72767d;
    color: #f6f6f7
}

.theme-dark .theme-dark .lookInverted-2lPGe7.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover,.theme-dark .theme-light .lookInverted-2lPGe7.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover {
    background-color: #f6f6f7;
    color: #4f545c
}

.theme-dark .theme-dark .lookInverted-2lPGe7.hoverPrimary-3sUr-C.hasHover-FPgGm-:active,.theme-dark .theme-light .lookInverted-2lPGe7.hoverPrimary-3sUr-C.hasHover-FPgGm-:active {
    background-color: #dcddde;
    color: #4f545c
}

.theme-dark .theme-dark .lookOutlined-1c5nhl.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover,.theme-dark .theme-light .lookOutlined-1c5nhl.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover {
    border-color: hsla(0,0%,100%,.6);
    color: #fff
}

.theme-dark .theme-dark .lookOutlined-1c5nhl.hoverPrimary-3sUr-C.hasHover-FPgGm-:active,.theme-dark .theme-light .lookOutlined-1c5nhl.hoverPrimary-3sUr-C.hasHover-FPgGm-:active {
    background-color: hsla(0,0%,100%,.1);
    border-color: #4f545c;
    color: #fff
}

.theme-dark .theme-dark .lookGhost-GyT-k0.hoverPrimary-3sUr-C.hasHover-FPgGm-:active,.theme-dark .theme-light .lookGhost-GyT-k0.hoverPrimary-3sUr-C.hasHover-FPgGm-:active {
    background-color: hsla(0,0%,100%,.15);
    color: #fff
}

.theme-dark .theme-dark .lookLink-3VWONr.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover .contents-4L4hQM,.theme-dark .theme-light .lookLink-3VWONr.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#fff 0,#fff 2px,transparent 0);
    color: #fff
}

.theme-dark .lookFilled-luDKDo.colorTransparent-3tmoR7 {
    background-color: hsla(0,0%,100%,.1);
    color: #f6f6f7
}

.theme-dark .lookFilled-luDKDo.colorTransparent-3tmoR7:hover {
    background-color: hsla(0,0%,100%,.05)
}

.theme-dark .lookFilled-luDKDo.colorTransparent-3tmoR7:active {
    background-color: hsla(0,0%,100%,.01)
}

.theme-dark .lookFilled-luDKDo.colorTransparent-3tmoR7 .spinnerItem-2VtahD {
    background-color: #f6f6f7
}

.theme-dark .lookInverted-2lPGe7.colorTransparent-3tmoR7 {
    background-color: #f6f6f7;
    color: hsla(0,0%,100%,.1)
}

.theme-dark .lookInverted-2lPGe7.colorTransparent-3tmoR7:hover {
    background-color: hsla(0,0%,100%,.05)
}

.theme-dark .lookInverted-2lPGe7.colorTransparent-3tmoR7 .spinnerItem-2VtahD,.theme-dark .lookInverted-2lPGe7.colorTransparent-3tmoR7:active {
    background-color: hsla(0,0%,100%,.1)
}

.theme-dark .lookOutlined-1c5nhl.colorTransparent-3tmoR7 {
    border-color: hsla(210,3%,87%,.3);
    color: #dcddde
}

.theme-dark .lookOutlined-1c5nhl.colorTransparent-3tmoR7:hover {
    border-color: hsla(210,3%,87%,.6)
}

.theme-dark .lookOutlined-1c5nhl.colorTransparent-3tmoR7:active {
    background-color: hsla(210,3%,87%,.1);
    border-color: #dcddde
}

.theme-dark .lookOutlined-1c5nhl.colorTransparent-3tmoR7 .spinnerItem-2VtahD {
    background-color: #dcddde
}

.theme-dark .lookGhost-GyT-k0.colorTransparent-3tmoR7 {
    background-color: hsla(210,3%,87%,.1);
    color: #dcddde
}

.theme-dark .lookGhost-GyT-k0.colorTransparent-3tmoR7:active {
    background-color: hsla(210,3%,87%,.15)
}

.theme-dark .lookGhost-GyT-k0.colorTransparent-3tmoR7 .spinnerItem-2VtahD {
    background-color: #dcddde
}

.theme-dark .lookLink-3VWONr.colorTransparent-3tmoR7 {
    color: #dcddde
}

.theme-dark .lookLink-3VWONr.colorTransparent-3tmoR7:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#dcddde 0,#dcddde 2px,transparent 0)
}

.theme-dark .lookLink-3VWONr.colorTransparent-3tmoR7 .spinnerItem-2VtahD {
    background-color: #dcddde
}

.theme-dark .theme-dark .lookFilled-luDKDo.hoverTransparent-FT41NK.hasHover-FPgGm-:hover,.theme-dark .theme-light .lookFilled-luDKDo.hoverTransparent-FT41NK.hasHover-FPgGm-:hover {
    background-color: hsla(0,0%,100%,.1);
    color: #f6f6f7
}

.theme-dark .theme-dark .lookFilled-luDKDo.hoverTransparent-FT41NK.hasHover-FPgGm-:active,.theme-dark .theme-light .lookFilled-luDKDo.hoverTransparent-FT41NK.hasHover-FPgGm-:active {
    background-color: hsla(0,0%,100%,.05);
    color: #f6f6f7
}

.theme-dark .theme-dark .lookInverted-2lPGe7.hoverTransparent-FT41NK.hasHover-FPgGm-:hover,.theme-dark .theme-light .lookInverted-2lPGe7.hoverTransparent-FT41NK.hasHover-FPgGm-:hover {
    background-color: hsla(0,0%,100%,.05);
    color: hsla(0,0%,100%,.1)
}

.theme-dark .theme-dark .lookInverted-2lPGe7.hoverTransparent-FT41NK.hasHover-FPgGm-:active,.theme-dark .theme-light .lookInverted-2lPGe7.hoverTransparent-FT41NK.hasHover-FPgGm-:active {
    background-color: hsla(0,0%,100%,.1);
    color: hsla(0,0%,100%,.1)
}

.theme-dark .theme-dark .lookOutlined-1c5nhl.hoverTransparent-FT41NK.hasHover-FPgGm-:hover,.theme-dark .theme-light .lookOutlined-1c5nhl.hoverTransparent-FT41NK.hasHover-FPgGm-:hover {
    border-color: hsla(210,3%,87%,.6);
    color: #dcddde
}

.theme-dark .theme-dark .lookOutlined-1c5nhl.hoverTransparent-FT41NK.hasHover-FPgGm-:active,.theme-dark .theme-light .lookOutlined-1c5nhl.hoverTransparent-FT41NK.hasHover-FPgGm-:active {
    background-color: hsla(210,3%,87%,.1);
    border-color: hsla(0,0%,100%,.1);
    color: #dcddde
}

.theme-dark .theme-dark .lookGhost-GyT-k0.hoverTransparent-FT41NK.hasHover-FPgGm-:active,.theme-dark .theme-light .lookGhost-GyT-k0.hoverTransparent-FT41NK.hasHover-FPgGm-:active {
    background-color: hsla(210,3%,87%,.15);
    color: #dcddde
}

.theme-dark .theme-dark .lookLink-3VWONr.hoverTransparent-FT41NK.hasHover-FPgGm-:hover .contents-4L4hQM,.theme-dark .theme-light .lookLink-3VWONr.hoverTransparent-FT41NK.hasHover-FPgGm-:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#dcddde 0,#dcddde 2px,transparent 0);
    color: #dcddde
}

.theme-light .lookFilled-luDKDo.colorPrimary-2KuK5O {
    background-color: hsla(210,3%,87%,.6);
    color: #4f545c
}

.theme-light .lookFilled-luDKDo.colorPrimary-2KuK5O:active,.theme-light .lookFilled-luDKDo.colorPrimary-2KuK5O:hover {
    background-color: #dcddde
}

.theme-light .lookFilled-luDKDo.colorPrimary-2KuK5O .spinnerItem-2VtahD {
    background-color: #4f545c
}

.theme-light .lookInverted-2lPGe7.colorPrimary-2KuK5O {
    background-color: #4f545c;
    color: hsla(210,3%,87%,.6)
}

.theme-light .lookInverted-2lPGe7.colorPrimary-2KuK5O:hover {
    background-color: #36393f
}

.theme-light .lookInverted-2lPGe7.colorPrimary-2KuK5O:active {
    background-color: #202225
}

.theme-light .lookInverted-2lPGe7.colorPrimary-2KuK5O .spinnerItem-2VtahD {
    background-color: hsla(210,3%,87%,.6)
}

.theme-light .lookOutlined-1c5nhl.colorPrimary-2KuK5O {
    border-color: rgba(116,127,141,.3);
    color: #747f8d
}

.theme-light .lookOutlined-1c5nhl.colorPrimary-2KuK5O:hover {
    border-color: rgba(116,127,141,.6)
}

.theme-light .lookOutlined-1c5nhl.colorPrimary-2KuK5O:active {
    background-color: rgba(116,127,141,.1);
    border-color: #747f8d
}

.theme-light .lookOutlined-1c5nhl.colorPrimary-2KuK5O .spinnerItem-2VtahD {
    background-color: #747f8d
}

.theme-light .lookGhost-GyT-k0.colorPrimary-2KuK5O {
    background-color: rgba(116,127,141,.1);
    color: #747f8d
}

.theme-light .lookGhost-GyT-k0.colorPrimary-2KuK5O:active {
    background-color: rgba(116,127,141,.15)
}

.theme-light .lookGhost-GyT-k0.colorPrimary-2KuK5O .spinnerItem-2VtahD {
    background-color: #747f8d
}

.theme-light .lookLink-3VWONr.colorPrimary-2KuK5O {
    color: #747f8d
}

.theme-light .lookLink-3VWONr.colorPrimary-2KuK5O:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#747f8d 0,#747f8d 2px,transparent 0)
}

.theme-light .lookLink-3VWONr.colorPrimary-2KuK5O .spinnerItem-2VtahD {
    background-color: #747f8d
}

.theme-light .theme-dark .lookFilled-luDKDo.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover,.theme-light .theme-light .lookFilled-luDKDo.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover {
    background-color: hsla(210,3%,87%,.6);
    color: #4f545c
}

.theme-light .theme-dark .lookFilled-luDKDo.hoverPrimary-3sUr-C.hasHover-FPgGm-:active,.theme-light .theme-light .lookFilled-luDKDo.hoverPrimary-3sUr-C.hasHover-FPgGm-:active {
    background-color: #dcddde;
    color: #4f545c
}

.theme-light .theme-dark .lookInverted-2lPGe7.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover,.theme-light .theme-light .lookInverted-2lPGe7.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover {
    background-color: #36393f;
    color: hsla(210,3%,87%,.6)
}

.theme-light .theme-dark .lookInverted-2lPGe7.hoverPrimary-3sUr-C.hasHover-FPgGm-:active,.theme-light .theme-light .lookInverted-2lPGe7.hoverPrimary-3sUr-C.hasHover-FPgGm-:active {
    background-color: #202225;
    color: hsla(210,3%,87%,.6)
}

.theme-light .theme-dark .lookOutlined-1c5nhl.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover,.theme-light .theme-light .lookOutlined-1c5nhl.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover {
    border-color: rgba(116,127,141,.6);
    color: #747f8d
}

.theme-light .theme-dark .lookOutlined-1c5nhl.hoverPrimary-3sUr-C.hasHover-FPgGm-:active,.theme-light .theme-light .lookOutlined-1c5nhl.hoverPrimary-3sUr-C.hasHover-FPgGm-:active {
    background-color: rgba(116,127,141,.1);
    border-color: hsla(210,3%,87%,.6);
    color: #747f8d
}

.theme-light .theme-dark .lookGhost-GyT-k0.hoverPrimary-3sUr-C.hasHover-FPgGm-:active,.theme-light .theme-light .lookGhost-GyT-k0.hoverPrimary-3sUr-C.hasHover-FPgGm-:active {
    background-color: rgba(116,127,141,.15);
    color: #747f8d
}

.theme-light .theme-dark .lookLink-3VWONr.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover .contents-4L4hQM,.theme-light .theme-light .lookLink-3VWONr.hoverPrimary-3sUr-C.hasHover-FPgGm-:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#747f8d 0,#747f8d 2px,transparent 0);
    color: #747f8d
}

.theme-light .lookFilled-luDKDo.colorTransparent-3tmoR7 {
    background-color: rgba(79,84,92,.01);
    color: #4f545c
}

.theme-light .lookFilled-luDKDo.colorTransparent-3tmoR7:hover {
    background-color: rgba(79,84,92,.2)
}

.theme-light .lookFilled-luDKDo.colorTransparent-3tmoR7:active {
    background-color: rgba(79,84,92,.25)
}

.theme-light .lookFilled-luDKDo.colorTransparent-3tmoR7 .spinnerItem-2VtahD {
    background-color: #4f545c
}

.theme-light .lookInverted-2lPGe7.colorTransparent-3tmoR7 {
    background-color: #4f545c;
    color: rgba(79,84,92,.01)
}

.theme-light .lookInverted-2lPGe7.colorTransparent-3tmoR7:hover {
    background-color: rgba(79,84,92,.2)
}

.theme-light .lookInverted-2lPGe7.colorTransparent-3tmoR7:active {
    background-color: rgba(79,84,92,.25)
}

.theme-light .lookInverted-2lPGe7.colorTransparent-3tmoR7 .spinnerItem-2VtahD {
    background-color: rgba(79,84,92,.01)
}

.theme-light .lookOutlined-1c5nhl.colorTransparent-3tmoR7 {
    border-color: rgba(79,84,92,.3);
    color: #4f545c
}

.theme-light .lookOutlined-1c5nhl.colorTransparent-3tmoR7:hover {
    border-color: rgba(79,84,92,.6)
}

.theme-light .lookOutlined-1c5nhl.colorTransparent-3tmoR7:active {
    background-color: rgba(79,84,92,.1);
    border-color: #4f545c
}

.theme-light .lookOutlined-1c5nhl.colorTransparent-3tmoR7 .spinnerItem-2VtahD {
    background-color: #4f545c
}

.theme-light .lookGhost-GyT-k0.colorTransparent-3tmoR7 {
    background-color: rgba(79,84,92,.1);
    color: #4f545c
}

.theme-light .lookGhost-GyT-k0.colorTransparent-3tmoR7:active {
    background-color: rgba(79,84,92,.15)
}

.theme-light .lookGhost-GyT-k0.colorTransparent-3tmoR7 .spinnerItem-2VtahD {
    background-color: #4f545c
}

.theme-light .lookLink-3VWONr.colorTransparent-3tmoR7 {
    color: #4f545c
}

.theme-light .lookLink-3VWONr.colorTransparent-3tmoR7:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#4f545c 0,#4f545c 2px,transparent 0)
}

.theme-light .lookLink-3VWONr.colorTransparent-3tmoR7 .spinnerItem-2VtahD {
    background-color: #4f545c
}

.theme-light .theme-dark .lookFilled-luDKDo.hoverTransparent-FT41NK.hasHover-FPgGm-:hover,.theme-light .theme-light .lookFilled-luDKDo.hoverTransparent-FT41NK.hasHover-FPgGm-:hover {
    background-color: rgba(79,84,92,.01);
    color: #4f545c
}

.theme-light .theme-dark .lookFilled-luDKDo.hoverTransparent-FT41NK.hasHover-FPgGm-:active,.theme-light .theme-light .lookFilled-luDKDo.hoverTransparent-FT41NK.hasHover-FPgGm-:active {
    background-color: rgba(79,84,92,.2);
    color: #4f545c
}

.theme-light .theme-dark .lookInverted-2lPGe7.hoverTransparent-FT41NK.hasHover-FPgGm-:hover,.theme-light .theme-light .lookInverted-2lPGe7.hoverTransparent-FT41NK.hasHover-FPgGm-:hover {
    background-color: rgba(79,84,92,.2);
    color: rgba(79,84,92,.01)
}

.theme-light .theme-dark .lookInverted-2lPGe7.hoverTransparent-FT41NK.hasHover-FPgGm-:active,.theme-light .theme-light .lookInverted-2lPGe7.hoverTransparent-FT41NK.hasHover-FPgGm-:active {
    background-color: rgba(79,84,92,.25);
    color: rgba(79,84,92,.01)
}

.theme-light .theme-dark .lookOutlined-1c5nhl.hoverTransparent-FT41NK.hasHover-FPgGm-:hover,.theme-light .theme-light .lookOutlined-1c5nhl.hoverTransparent-FT41NK.hasHover-FPgGm-:hover {
    border-color: rgba(79,84,92,.6);
    color: #4f545c
}

.theme-light .theme-dark .lookOutlined-1c5nhl.hoverTransparent-FT41NK.hasHover-FPgGm-:active,.theme-light .theme-light .lookOutlined-1c5nhl.hoverTransparent-FT41NK.hasHover-FPgGm-:active {
    background-color: rgba(79,84,92,.1);
    border-color: rgba(79,84,92,.01);
    color: #4f545c
}

.theme-light .theme-dark .lookGhost-GyT-k0.hoverTransparent-FT41NK.hasHover-FPgGm-:active,.theme-light .theme-light .lookGhost-GyT-k0.hoverTransparent-FT41NK.hasHover-FPgGm-:active {
    background-color: rgba(79,84,92,.15);
    color: #4f545c
}

.theme-light .theme-dark .lookLink-3VWONr.hoverTransparent-FT41NK.hasHover-FPgGm-:hover .contents-4L4hQM,.theme-light .theme-light .lookLink-3VWONr.hoverTransparent-FT41NK.hasHover-FPgGm-:hover .contents-4L4hQM {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#4f545c 0,#4f545c 2px,transparent 0);
    color: #4f545c
}

.lookFilled-luDKDo,.lookInverted-2lPGe7 {
    -webkit-transition: background-color .17s ease,color .17s ease;
    transition: background-color .17s ease,color .17s ease
}

.lookOutlined-1c5nhl {
    -webkit-transition: color .17s ease,background-color .17s ease,border-color .17s ease;
    border-style: solid;
    border-width: 1px;
    transition: color .17s ease,background-color .17s ease,border-color .17s ease
}

.lookGhost-GyT-k0 {
    -webkit-transition: background-color .17s ease,color .17s ease,-webkit-transform .17s ease;
    transition: background-color .17s ease,color .17s ease,-webkit-transform .17s ease;
    transition: transform .17s ease,background-color .17s ease,color .17s ease
}

.sizeSmall-3g6RX8 {
    height: 32px;
    min-height: 32px;
    min-width: 60px;
    width: 60px
}

.sizeMedium-2VGNaF {
    height: 38px;
    min-height: 38px;
    min-width: 96px;
    width: 96px
}

.sizeLarge-1eM8_v {
    height: 44px;
    min-height: 44px;
    min-width: 130px;
    width: 130px
}

.sizeXlarge-3x5LO9 {
    font-size: 16px;
    height: 50px;
    line-height: normal;
    min-height: 50px;
    min-width: 148px;
    padding: 2px 20px;
    width: 148px
}

.sizeMin-1Wh1KC {
    display: inline;
    height: auto;
    padding: 2px 4px;
    width: auto
}

.sizeMax-27soh9 {
    font-size: 16px;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%
}

.sizeIcon-eD4xOZ {
    height: auto;
    padding: 4px
}

.grow-25YQ8u,.sizeIcon-eD4xOZ {
    width: auto
}

.fullWidth-3CcjIM {
    width: 100%
}

.disabledWrapper-1R89bt {
    cursor: not-allowed
}

.disabled-uc2Cqc {
    opacity: .5
}

.disabled-uc2Cqc,.submitting-1mcPE2 {
    pointer-events: none
}

.lookFilled-luDKDo .contents-4L4hQM,.lookInverted-2lPGe7 .contents-4L4hQM,.lookLink-3VWONr .contents-4L4hQM,.lookOutlined-1c5nhl .contents-4L4hQM {
    display: inline;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.submitting-1mcPE2 .contents-4L4hQM {
    visibility: hidden
}

.lookGhost-GyT-k0 .contents-4L4hQM {
    line-height: 20px;
    pointer-events: none
}

.spinner-297QJJ {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.loading-wNT9ra {
    height: 100vh;
    position: absolute;
    width: 100%
}

.themeDark-3Vp7Ff {
    background-color: #2f3136;
    color: #f6f6f7
}

.themeLight-3lYrqG {
    background-color: #f6f6f7;
    color: #4f545c
}

.app-XZYfmp {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    position: relative;
    z-index: auto
}

.icon-2WU8ha {
    cursor: pointer;
    display: block;
    fill: #fff;
    height: 18px;
    opacity: .3;
    width: 18px
}

.icon-2WU8ha:active {
    -webkit-transform: translateY(.5px);
    transform: translateY(.5px)
}

.icon-2WU8ha:hover {
    opacity: .6
}

.transition-2ebS5- {
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.closed-2Hef-I {
    -webkit-transform: rotate3d(0,0,-1,90deg);
    transform: rotate3d(0,0,-1,90deg)
}

.icon-3dhTrw {
    cursor: pointer;
    display: block;
    fill: #fff;
    height: 18px;
    left: 2px;
    opacity: .3;
    position: relative;
    width: 18px
}

.icon-3dhTrw:active {
    -webkit-transform: translateY(.5px);
    transform: translateY(.5px)
}

.icon-3dhTrw:hover {
    opacity: .6
}

.icon-3fJe6J {
    cursor: pointer;
    display: block;
    fill: #fff;
    height: 14px;
    opacity: .3;
    width: 14px
}

.updateAvailable-3KyMGC {
    -webkit-animation: spin-249x2f 2s infinite linear;
    animation: spin-249x2f 2s infinite linear
}

@-webkit-keyframes spin-249x2f {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin-249x2f {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.icon-33Frxe {
    display: block;
    fill: #fff;
    height: 16px;
    opacity: .3;
    width: 16px
}

.icon-1NXYub {
    display: block;
    fill: #fff;
    height: 16px;
    opacity: .3;
    width: 16px
}

.titleBar-3_fDwJ {
    -webkit-app-region: drag;
    z-index: 3001
}

.typeMacOS-3IiWed {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    position: absolute;
    width: 70px
}

.typeMacOS-3IiWed svg {
    display: block;
    visibility: hidden
}

.typeMacOS-3IiWed:hover svg {
    visibility: visible
}

.typeWindows-15E0Ys {
    height: 18px;
    margin-top: 4px
}

.wordmark-2L03Wr {
    font-size: 0;
    left: 0;
    opacity: .6;
    padding: 4px 8px 3px;
    pointer-events: none;
    position: absolute;
    top: 0
}

.winButton-U7zAqI {
    -webkit-app-region: no-drag;
    cursor: pointer;
    height: 22px;
    opacity: .6;
    pointer-events: auto;
    position: relative;
    top: -4px;
    width: 28px
}

.winButton-U7zAqI:hover {
    opacity: 1
}

.winButtonMinMax-bT_gQ1 {
}

.winButtonMinMax-bT_gQ1:hover {
    background-color: hsla(0,0%,100%,.05)
}

.winButtonClose-2rIvsa {
}

.winButtonClose-2rIvsa:hover {
    background-color: #f04747
}

.macButton-2KOco9 {
    -webkit-app-region: no-drag;
    -webkit-box-sizing: border-box;
    border-radius: 50%;
    box-sizing: border-box;
    height: 12px;
    width: 12px
}

.macButtonClose-2yZ5OL,.macButtonMaximize-1k32uo,.macButtonMinimize-1kDW8u {
}

.macButtonMaximize-1k32uo {
    background-color: #34c749
}

.macButtonMaximize-1k32uo:active {
    background-color: #2a9f3a
}

.macButtonMinimize-1kDW8u {
    background-color: #fdbc40
}

.macButtonMinimize-1kDW8u:active {
    background-color: #ca9633
}

.macButtonClose-2yZ5OL {
    background-color: #fc615d
}

.macButtonClose-2yZ5OL:active {
    background-color: #ca4e4a
}

.unfocused-3drpf8 .macButtonClose-2yZ5OL,.unfocused-3drpf8 .macButtonMaximize-1k32uo,.unfocused-3drpf8 .macButtonMinimize-1kDW8u {
    background-color: #dcdcdc;
    border-color: #d1d1d1;
    opacity: .3
}

.backdrop-2ohBEd {
    bottom: 0;
    contain: strict;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.modal-2LIEKY {
    -moz-user-select: none;
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-line-pack: distribute;
    -ms-flex-pack: center;
    -ms-user-select: none;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box;
    -webkit-user-select: none;
    align-content: space-around;
    align-items: center;
    box-sizing: border-box;
    contain: content;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    min-height: 340px;
    opacity: 0;
    padding-bottom: 60px;
    padding-top: 60px;
    pointer-events: none;
    position: fixed;
    top: 0;
    user-select: none;
    width: 100%;
    z-index: 1000
}

.inner-1_1f7b,.modal-2LIEKY {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inner-1_1f7b {
    -ms-flex-direction: column;
    contain: layout;
    flex-direction: column;
    pointer-events: auto
}

.contextMenu-uoJTbz {
    border-radius: 5px;
    display: inline-block;
    position: fixed;
    width: 170px;
    z-index: 1005
}

.contextMenu-uoJTbz,.contextMenu-uoJTbz.disabled-dlOjhg .checkbox {
    cursor: default
}

.contextMenu-uoJTbz.invertChildX-LNv3Ce .contextMenu-uoJTbz {
    margin-left: -170px
}

.contextMenu-uoJTbz .contextMenu-uoJTbz {
    margin-left: 170px
}

.contextMenu-uoJTbz .contextMenu-uoJTbz .scroller-TeDoLQ {
    max-height: 270px
}

.itemSlider-2A_I4n {
    cursor: default
}

.itemSlider-2A_I4n .label-2CGfN3 {
    margin-bottom: 6px
}

.slider-2qQDDd {
    position: relative;
    top: -7px
}

.itemSubMenu-3ZgIw-.itemSubMenuHasScroller-P43A40 {
    background-position-x: 149px;
    padding-right: 10px
}

.item-1XYaYf {
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    margin: 2px 0;
    overflow: hidden;
    padding: 6px 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.item-1XYaYf.danger-1oUOCl {
    color: #f04747!important
}

.item-1XYaYf.danger-1oUOCl:hover {
    color: #c73b3b!important
}

.item-1XYaYf.disabled-dlOjhg:hover {
    background: transparent!important;
    cursor: default
}

.item-1XYaYf .hint-3TJykr {
    float: right;
    opacity: .8
}

.itemGroup-oViAgA {
    border-top-style: solid
}

.itemGroup-oViAgA:not(:first-child):not(:empty) {
    border-top-width: 1px
}

.itemGroup-oViAgA:empty+.itemGroup-oViAgA:not(:empty) {
    border-top-width: 0
}

.itemGroup-oViAgA:not(:empty)~.itemGroup-oViAgA:empty+.itemGroup-oViAgA:not(:empty) {
    border-top-width: 1px
}

.itemToggle-e7vkml {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 5px 9px
}

.itemToggle-e7vkml .label-2CGfN3 {
    overflow: hidden;
    padding-right: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.itemToggle-e7vkml .checkbox {
    cursor: pointer!important;
    margin-left: 3px;
    pointer-events: none
}

.itemToggle-e7vkml .checkbox span {
    margin: 0!important
}

.itemImage-24yxbi {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    cursor: pointer!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 5px 9px
}

.itemImage-24yxbi .label-2CGfN3 {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.itemImage-24yxbi img {
    cursor: pointer!important;
    height: 16px
}

.theme-dark.contextMenu-uoJTbz {
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
    background: #282b30;
    box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1)
}

.theme-dark .item-1XYaYf {
    color: hsla(0,0%,100%,.6)
}

.theme-dark .item-1XYaYf:hover {
    background: #25282d;
    color: #fff
}

.theme-dark .item-1XYaYf.disabled-dlOjhg {
    color: grey
}

.theme-dark .itemGroup-oViAgA {
    border-color: hsla(0,0%,96%,.08)
}

.theme-dark .itemSubMenu-3ZgIw- {
    background: #282b30 url(/assets/1988164a7c55346d32117b151f4e319d.svg) no-repeat 155px 50%
}

.theme-dark .itemSubMenu-3ZgIw-:hover {
    background: #25282d url(/assets/e4afe52f6863408a35654a6e5fd69ba9.svg) no-repeat 155px 50%
}

.theme-light.contextMenu-uoJTbz {
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2)
}

.theme-light .item-1XYaYf {
    color: #99aab5
}

.theme-light .item-1XYaYf:hover {
    background: #f9f9f9;
    color: #737f8d
}

.theme-light .item-1XYaYf.disabled-dlOjhg {
    color: #cdcdcd
}

.theme-light .itemGroup-oViAgA {
    border-color: #f5f5f5
}

.theme-light .itemSubMenu-3ZgIw- {
    background: #fff url(/assets/1988164a7c55346d32117b151f4e319d.svg) no-repeat 155px 50%
}

.theme-light .itemSubMenu-3ZgIw-:hover {
    background: #f9f9f9 url(/assets/48072c077a73774c670f5752a21d2c5b.svg) no-repeat 155px 50%
}

.checkbox {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.checkbox.disabled {
    opacity: .3;
    pointer-events: none
}

.checkbox .checkbox-inner {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 18px;
    position: relative;
    vertical-align: top;
    width: 18px
}

.checkbox .checkbox-inner:after,.checkbox .checkbox-inner:before {
    content: ""
}

.checkbox .checkbox-inner span {
    -webkit-box-sizing: border-box;
    -webkit-transition: .24s;
    border: 2px solid #cdcdcd;
    border-radius: 2px;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .24s
}

.checkbox .checkbox-inner+span {
    margin-left: 8px
}

.checkbox .checkbox-inner input[type=checkbox] {
    display: none
}

.checkbox .checkbox-inner input[type=checkbox]:checked+span {
    background-color: #7289da;
    border-color: #7289da
}

.checkbox .checkbox-inner input[type=checkbox]:checked+span:after {
    -webkit-transform: rotate(45deg);
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: "";
    display: table;
    height: 10px;
    left: 4px;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 4px
}

.checkbox .checkbox-inner input[type=checkbox]:disabled+span {
    background-color: #f3f3f3;
    border-color: #cdcdcd;
    cursor: not-allowed
}

.checkbox .checkbox-inner input[type=checkbox]:checked:disabled+span {
    background-color: #c9d2f0;
    border-color: #c9d2f0
}

.checkbox .checkbox-inner.alt input[type=checkbox]+span {
    background: #fff;
    border-color: #fff
}

.checkbox .checkbox-inner.alt input[type=checkbox]:checked+span:after {
    border-color: #7289da
}

.theme-dark .checkbox .checkbox-inner span {
    border-color: hsla(0,0%,100%,.2)
}

#unsupported-browser {
    background: #1b242b;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

#unsupported-browser,#unsupported-browser .wrap {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

#unsupported-browser .wrap {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column;
    height: 100%;
    min-width: 320px;
    overflow: auto
}

#unsupported-browser h1 {
    -ms-flex-negative: 0;
    color: #fff;
    flex-shrink: 0;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 50px;
    text-transform: uppercase
}

#unsupported-browser p {
    -ms-flex-negative: 0;
    color: #949494;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 auto 30px;
    max-width: 420px;
    padding: 0 20px
}

#unsupported-browser ul {
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px
}

#unsupported-browser li {
    -webkit-box-sizing: border-box;
    -webkit-transition: .1s;
    border: 2px solid #282f36;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    margin: 10px;
    padding: 20px;
    transition: .1s;
    width: 188px
}

#unsupported-browser li div {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5em;
    text-align: center;
    text-transform: uppercase
}

#unsupported-browser li:hover {
    -webkit-transform: scale(1.04);
    border-color: #7289da;
    transform: scale(1.04)
}

#unsupported-browser li:hover .browser {
    background-position-y: 100px
}

#unsupported-browser li:hover .btn {
    background-color: #7289da;
    border-color: #7289da;
    color: #fff
}

#unsupported-browser .browser {
    background: url(/assets/5d57632291e09c5bc2b5d6a0b20179fa.png);
    background-size: 400px 200px;
    display: inline-block;
    height: 100px;
    margin-bottom: 28px;
    width: 100px
}

#unsupported-browser .browser.browser-discord {
    background-position-x: 0
}

#unsupported-browser .browser.browser-opera {
    background-position-x: 100px
}

#unsupported-browser .browser.browser-firefox {
    background-position-x: 200px
}

#unsupported-browser .browser.browser-chrome {
    background-position-x: 300px
}

#unsupported-browser .btn {
    -webkit-box-sizing: border-box;
    -webkit-transition: border .1s,background-color .1s;
    background: transparent;
    border: 1px solid #282f36;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 28px;
    padding: 10px;
    text-decoration: none;
    transition: border .1s,background-color .1s;
    width: 100%
}

#unsupported-browser .btn:active {
    position: relative;
    top: 1px
}

.scrollerWrap-2uBjct {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    height: 100%;
    min-height: 1px;
    position: relative
}

.scrolling-1GMXnh>* {
    pointer-events: none
}

.scroller-fzNley {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    contain: layout;
    flex: 1;
    min-height: 1px;
    overflow-y: scroll
}

.scroller-fzNley::-webkit-scrollbar {
    width: 15px
}

.scroller-fzNley::-webkit-scrollbar-thumb,.scroller-fzNley::-webkit-scrollbar-track {
    background-clip: padding-box;
    border-radius: 7.5px;
    border-style: solid;
    border-width: 3px
}

.scroller-fzNley::-webkit-scrollbar-track {
    border-width: initial
}

.scrollerWrapPolyfill-2MQSeP {
    position: relative
}

.scrollerWrapPolyfill-2MQSeP .scroller-fzNley {
    padding-right: 17px;
    z-index: 0
}

.scrollbar-2so3Ly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    right: 0;
    width: 15px;
    z-index: 1
}

.pad-3D5tOh,.scrollbar-2so3Ly {
    bottom: 0;
    position: absolute;
    top: 0
}

.pad-3D5tOh {
    left: -8px;
    width: 8px
}

.track-2Kex6E {
    -ms-flex-direction: column;
    -ms-flex-positive: 1;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    background-color: transparent;
    bottom: 0;
    flex-direction: column;
    flex-grow: 1;
    top: 0
}

.thumb-3VsfAI,.track-2Kex6E {
    border-radius: 4.5px;
    left: 3px;
    position: absolute;
    right: 3px
}

.thumb-3VsfAI {
    top: 3px
}

.scrollerFade-28dRsO .scroller-fzNley::-webkit-scrollbar-thumb,.scrollerFade-28dRsO .scroller-fzNley::-webkit-scrollbar-track {
    visibility: hidden
}

.scrollerFade-28dRsO .scroller-fzNley:hover::-webkit-scrollbar-thumb,.scrollerFade-28dRsO .scroller-fzNley:hover::-webkit-scrollbar-track,.scrollerFade-28dRsO:hover::-webkit-scrollbar-thumb,.scrollerFade-28dRsO:hover::-webkit-scrollbar-track {
    visibility: visible
}

.scrollerFade-28dRsO .scroller-fzNley:hover .scrollbar-2so3Ly .thumb-3VsfAI,.scrollerFade-28dRsO .scroller-fzNley:hover .scrollbar-2so3Ly .track-2Kex6E,.scrollerFade-28dRsO:hover .scrollbar-2so3Ly .thumb-3VsfAI,.scrollerFade-28dRsO:hover .scrollbar-2so3Ly .track-2Kex6E {
    opacity: 1
}

.scrollerFade-28dRsO .scrollbar-2so3Ly .thumb-3VsfAI,.scrollerFade-28dRsO .scrollbar-2so3Ly .track-2Kex6E {
    -webkit-transition: opacity .1s ease-in-out;
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.scrollerThemed-19vinI.themeLight-1WK0Av .scroller-fzNley::-webkit-scrollbar-thumb,.theme-dark .scrollerThemed-19vinI.themeLight-1WK0Av .scroller-fzNley::-webkit-scrollbar-thumb,.theme-light .scrollerWrap-2uBjct .scroller-fzNley::-webkit-scrollbar-thumb {
    background-color: #7289da;
    border-color: transparent
}

.scrollerThemed-19vinI.themeLight-1WK0Av .scroller-fzNley::-webkit-scrollbar-track,.theme-dark .scrollerThemed-19vinI.themeLight-1WK0Av .scroller-fzNley::-webkit-scrollbar-track,.theme-light .scrollerWrap-2uBjct .scroller-fzNley::-webkit-scrollbar-track {
    background-color: transparent;
    border-color: transparent
}

.scrollerThemed-19vinI.themeLight-1WK0Av .scrollbar-2so3Ly,.scrollerThemed-19vinI.themeLight-1WK0Av .scrollbar-2so3Ly .pad-3D5tOh,.theme-dark .scrollerThemed-19vinI.themeLight-1WK0Av .scrollbar-2so3Ly,.theme-dark .scrollerThemed-19vinI.themeLight-1WK0Av .scrollbar-2so3Ly .pad-3D5tOh,.theme-light .scrollerWrap-2uBjct .scrollbar-2so3Ly,.theme-light .scrollerWrap-2uBjct .scrollbar-2so3Ly .pad-3D5tOh {
    background-color: #fff
}

.scrollerThemed-19vinI.themeLight-1WK0Av .scrollbar-2so3Ly .thumb-3VsfAI,.theme-dark .scrollerThemed-19vinI.themeLight-1WK0Av .scrollbar-2so3Ly .thumb-3VsfAI,.theme-light .scrollerWrap-2uBjct .scrollbar-2so3Ly .thumb-3VsfAI {
    background-color: #7289da
}

.scrollerThemed-19vinI.themeLight-1WK0Av.scrollerTrack-3hhmU0>.scroller-fzNley::-webkit-scrollbar-track,.theme-dark .scrollerThemed-19vinI.themeLight-1WK0Av.scrollerTrack-3hhmU0>.scroller-fzNley::-webkit-scrollbar-track,.theme-light .scrollerWrap-2uBjct.scrollerTrack-3hhmU0>.scroller-fzNley::-webkit-scrollbar-track {
    background-color: #f2f2f2
}

.scrollerThemed-19vinI.themeLight-1WK0Av.scrollerTrack-3hhmU0>.scrollbar-2so3Ly>.track-2Kex6E,.theme-dark .scrollerThemed-19vinI.themeLight-1WK0Av.scrollerTrack-3hhmU0>.scrollbar-2so3Ly>.track-2Kex6E,.theme-light .scrollerWrap-2uBjct.scrollerTrack-3hhmU0>.scrollbar-2so3Ly>.track-2Kex6E {
    background-color: #f2f2f2
}

.scrollerThemed-19vinI.themeDark-BdSAwu .scroller-fzNley::-webkit-scrollbar-thumb,.theme-dark .scrollerWrap-2uBjct .scroller-fzNley::-webkit-scrollbar-thumb,.theme-light .scrollerThemed-19vinI.themeDark-BdSAwu .scroller-fzNley::-webkit-scrollbar-thumb {
    background-color: #202225;
    border-color: transparent
}

.scrollerThemed-19vinI.themeDark-BdSAwu .scroller-fzNley::-webkit-scrollbar-track,.theme-dark .scrollerWrap-2uBjct .scroller-fzNley::-webkit-scrollbar-track,.theme-light .scrollerThemed-19vinI.themeDark-BdSAwu .scroller-fzNley::-webkit-scrollbar-track {
    background-color: transparent;
    border-color: transparent
}

.scrollerThemed-19vinI.themeDark-BdSAwu .scrollbar-2so3Ly,.scrollerThemed-19vinI.themeDark-BdSAwu .scrollbar-2so3Ly .pad-3D5tOh,.theme-dark .scrollerWrap-2uBjct .scrollbar-2so3Ly,.theme-dark .scrollerWrap-2uBjct .scrollbar-2so3Ly .pad-3D5tOh,.theme-light .scrollerThemed-19vinI.themeDark-BdSAwu .scrollbar-2so3Ly,.theme-light .scrollerThemed-19vinI.themeDark-BdSAwu .scrollbar-2so3Ly .pad-3D5tOh {
    background-color: #36393f
}

.scrollerThemed-19vinI.themeDark-BdSAwu .scrollbar-2so3Ly .thumb-3VsfAI,.theme-dark .scrollerWrap-2uBjct .scrollbar-2so3Ly .thumb-3VsfAI,.theme-light .scrollerThemed-19vinI.themeDark-BdSAwu .scrollbar-2so3Ly .thumb-3VsfAI {
    background-color: #202225
}

.scrollerThemed-19vinI.themeDark-BdSAwu.scrollerTrack-3hhmU0>.scroller-fzNley::-webkit-scrollbar-track,.theme-dark .scrollerWrap-2uBjct.scrollerTrack-3hhmU0>.scroller-fzNley::-webkit-scrollbar-track,.theme-light .scrollerThemed-19vinI.themeDark-BdSAwu.scrollerTrack-3hhmU0>.scroller-fzNley::-webkit-scrollbar-track {
    background-color: #2e3338
}

.scrollerThemed-19vinI.themeDark-BdSAwu.scrollerTrack-3hhmU0>.scrollbar-2so3Ly>.track-2Kex6E,.theme-dark .scrollerWrap-2uBjct.scrollerTrack-3hhmU0>.scrollbar-2so3Ly>.track-2Kex6E,.theme-light .scrollerThemed-19vinI.themeDark-BdSAwu.scrollerTrack-3hhmU0>.scrollbar-2so3Ly>.track-2Kex6E {
    background-color: #2e3338
}

.scrollerThemed-19vinI.themeGhost-10fio9 .scroller-fzNley::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.4);
    border-color: transparent
}

.scrollerThemed-19vinI.themeGhost-10fio9 .scroller-fzNley::-webkit-scrollbar-track {
    background-color: transparent;
    border-color: transparent
}

.scrollerThemed-19vinI.themeGhost-10fio9 .scrollbar-2so3Ly .pad-3D5tOh {
    left: -3px;
    width: 3px
}

.scrollerThemed-19vinI.themeGhost-10fio9 .scrollbar-2so3Ly .thumb-3VsfAI {
    background-color: rgba(0,0,0,.4)
}

.scrollerThemed-19vinI.themeGhost-10fio9.scrollerTrack-3hhmU0>.scroller-fzNley::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.1)
}

.scrollerThemed-19vinI.themeGhost-10fio9.scrollerTrack-3hhmU0>.scrollbar-2so3Ly>.track-2Kex6E {
    background-color: rgba(0,0,0,.1)
}

.scrollerThemed-19vinI.themeGhostHairline-2H8SiW .scroller-fzNley::-webkit-scrollbar,.scrollerThemed-19vinI.themeGhostHairlineChannels-2lQojW .scroller-fzNley::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.scrollerThemed-19vinI.themeGhostHairline-2H8SiW .scroller-fzNley::-webkit-scrollbar-thumb,.scrollerThemed-19vinI.themeGhostHairlineChannels-2lQojW .scroller-fzNley::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: move
}

.scrollerThemed-19vinI.themeGhostHairline-2H8SiW .scroller-fzNley::-webkit-scrollbar-corner,.scrollerThemed-19vinI.themeGhostHairlineChannels-2lQojW .scroller-fzNley::-webkit-scrollbar-corner {
    background-color: transparent
}

.scrollerThemed-19vinI.themeGhostHairline-2H8SiW .scroller-fzNley::-webkit-scrollbar-track,.scrollerThemed-19vinI.themeGhostHairlineChannels-2lQojW .scroller-fzNley::-webkit-scrollbar-track {
    background-color: transparent;
    border: 2px solid transparent
}

.scrollerThemed-19vinI.themeGhostHairline-2H8SiW .scrollbar-2so3Ly .pad-3D5tOh,.scrollerThemed-19vinI.themeGhostHairlineChannels-2lQojW .scrollbar-2so3Ly .pad-3D5tOh {
    left: -2px;
    width: 2px
}

.scrollerThemed-19vinI.themeGhostHairlineChannels-2lQojW .scroller-fzNley::-webkit-scrollbar-thumb {
    background-color: rgba(32,34,37,.6)
}

.scrollerThemed-19vinI.themeGhostHairlineChannels-2lQojW .scrollbar-2so3Ly .thumb-3VsfAI {
    background-color: rgba(32,34,37,.6)
}

.theme-dark .scrollerThemed-19vinI.themeGhostHairline-2H8SiW .scroller-fzNley::-webkit-scrollbar-thumb {
    background-color: rgba(32,34,37,.6)
}

.theme-dark .scrollerThemed-19vinI.themeGhostHairline-2H8SiW .scrollbar-2so3Ly .thumb-3VsfAI {
    background-color: rgba(32,34,37,.6)
}

.theme-light .scrollerThemed-19vinI.themeGhostHairline-2H8SiW .scroller-fzNley::-webkit-scrollbar-thumb {
    background-color: rgba(79,84,92,.3)
}

.theme-light .scrollerThemed-19vinI.themeGhostHairline-2H8SiW .scrollbar-2so3Ly .thumb-3VsfAI {
    background-color: rgba(79,84,92,.3)
}

.modal-3HOjGZ {
    -ms-flex: 1;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    border-radius: 5px;
    contain: layout;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column
}

.content-1Cut5s,.modal-3HOjGZ {
    position: relative
}

.content-1Cut5s {
    border-radius: 5px 5px 0 0;
    z-index: 0
}

.inner-tqJwAU {
    overflow-x: hidden;
    padding: 0 12px 0 20px
}

.footer-1PYmcw,.header-3sp3cE {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    overflow-x: hidden;
    padding: 20px;
    position: relative;
    z-index: 1
}

.header-3sp3cE {
    -webkit-transition: -webkit-box-shadow .1s ease-out;
    transition: -webkit-box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out;
    word-wrap: break-word
}

.footer-1PYmcw {
    border-radius: 0 0 5px 5px
}

.close-3ejNTg {
    -webkit-transition: opacity .2s ease-in-out;
    border-radius: 3px;
    cursor: pointer;
    opacity: .5;
    padding: 4px;
    transition: opacity .2s ease-in-out
}

.close-3ejNTg:hover {
    opacity: 1
}

.theme-dark .modal-3HOjGZ {
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2);
    background-color: #36393f;
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2)
}

.theme-dark .separator-NBIcXB {
    -webkit-box-shadow: 0 1px 0 0 rgba(24,25,28,.3),0 1px 2px 0 rgba(24,25,28,.3);
    box-shadow: 0 1px 0 0 rgba(24,25,28,.3),0 1px 2px 0 rgba(24,25,28,.3)
}

.theme-dark .footer-1PYmcw {
    -webkit-box-shadow: inset 0 1px 0 rgba(47,49,54,.6);
    background-color: #2f3136;
    box-shadow: inset 0 1px 0 rgba(47,49,54,.6)
}

.theme-dark .close-3ejNTg {
    color: #dcddde
}

.theme-dark .close-3ejNTg:hover {
    background-color: hsla(210,3%,87%,.05)
}

.theme-light .modal-3HOjGZ {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1);
    background: #fff;
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-light .separator-NBIcXB {
    -webkit-box-shadow: 0 1px 0 0 hsla(216,4%,74%,.3);
    box-shadow: 0 1px 0 0 hsla(216,4%,74%,.3)
}

.theme-light .footer-1PYmcw {
    -webkit-box-shadow: inset 0 1px 0 hsla(240,6%,97%,.6);
    background-color: #f6f6f7;
    box-shadow: inset 0 1px 0 hsla(240,6%,97%,.6)
}

.theme-light .close-3ejNTg {
    color: #72767d
}

.theme-light .close-3ejNTg:hover {
    background-color: hsla(218,5%,47%,.05)
}

.sizeSmall-1sh0-r {
    max-height: 660px;
    min-height: 200px;
    width: 440px
}

.sizeMedium-1-2BNS {
    max-height: 800px;
    min-height: 400px;
    width: 600px
}

.sizeLarge-1AHXtx {
    max-width: 960px;
    min-height: 400px;
    min-width: 800px
}

.size10-1ZEdeK {
    font-size: 10px
}

.size12-1IGJl9 {
    font-size: 12px
}

.size14-1wjlWP {
    font-size: 14px
}

.size16-3IvaX_ {
    font-size: 16px
}

.size18-ZM4Qv- {
    font-size: 18px
}

.size20-2uM1pL {
    font-size: 20px
}

.size22-1sqiNe {
    font-size: 22px
}

.size24-oSdm4W {
    font-size: 24px
}

.size26-1cCLLd {
    font-size: 26px
}

.size36-3oIL9S {
    font-size: 36px
}

.height12-1-l4d8 {
    line-height: 12px
}

.height14-3Yfvya {
    line-height: 14px
}

.height16-1qXrGy {
    line-height: 16px
}

.height20-165WbF {
    line-height: 20px
}

.height24-2pMcnc {
    line-height: 24px
}

.height28-2ESHMS {
    line-height: 28px
}

.height30-9l_TZO {
    line-height: 30px
}

.height36-13sPn7 {
    line-height: 36px
}

.height44-1YklaI {
    line-height: 44px
}

.small-3-03j1 {
}

.medium-2KnC-N {
}

.large-yIak37 {
}

.selectable-prgIYK {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    cursor: text;
    user-select: text
}

.theme-dark .primary-2giqSn {
    color: #dcddde
}

.theme-light .primary-2giqSn {
    color: #72767d
}

.white-1yVmLu,.white100-2v1vbF,.white200-2u7EBL,.white300-2JTlVc,.white400-eeyuWG,.white500-2Uk2c- {
    color: #fff
}

.white600-uwQSwQ {
    color: #adadad
}

.white700-2r6AU8 {
    color: #666
}

.white800-jtZD4u {
    color: #4d4d4d
}

.white900-3S0RcO {
    color: #0d0d0d
}

.black-je_lTL {
    color: #fff
}

.black100-26x-ni {
    color: #f2f2f2
}

.black200-3TFKqk {
    color: #ccc
}

.black300-3jFPwr {
    color: #999
}

.black400-3jCgGF {
    color: #333
}

.black500-3ruVLN,.black600-RGnPGx,.black700-3VH9IA,.black800-3L4Szm,.black900-2j9Jtr {
    color: #000
}

.primary-m_lfjc {
    color: #4f545c
}

.primary100-1a5t8p {
    color: #f6f6f7
}

.primary200-6lHinn {
    color: #dcddde
}

.primary300-3SEyzR {
    color: #b9bbbe
}

.primary400-1OkqpL {
    color: #72767d
}

.primary500-qAI8_E {
    color: #4f545c
}

.primary600-2YHG7k {
    color: #36393f
}

.primary700-7P88NN {
    color: #202225
}

.primary800-lmRw6R {
    color: #18191c
}

.primary900-3HUAm6 {
    color: #040405
}

.brand-2i5MNa {
    color: #7289da
}

.brand100-1DYWAq {
    color: #f8f9fd
}

.brand200-1cVkZU {
    color: #e3e7f8
}

.brand300-1y0z9I {
    color: #c7d0f0
}

.brand400-2J7PFy {
    color: #8ea1e1
}

.brand500-3L45rz {
    color: #7289da
}

.brand600-2ajh6H {
    color: #4e5d94
}

.brand700-2Srq5U {
    color: #2e3757
}

.brand800-ovPUdo {
    color: #222941
}

.brand900-oOIljU {
    color: #06070b
}

.statusRed-1ZlXmf {
    color: #f04747
}

.statusRed100-zbyXSE {
    color: #fef6f6
}

.statusRed200-IfeCyF {
    color: #fcdada
}

.statusRed300-1fHRhw {
    color: #f9b5b5
}

.statusRed400-2fHh9j {
    color: #f36c6c
}

.statusRed500-165HF8 {
    color: #f04747
}

.statusRed600-1fEMyz {
    color: #a33030
}

.statusRed700-YKJ-qh {
    color: #601c1c
}

.statusRed800-1Avy8e {
    color: #481515
}

.statusRed900-3VvGQ8 {
    color: #0c0404
}

.statusYellow-wOzNeO {
    color: #faa61a
}

.statusYellow100-Y9TnlU {
    color: #fffbf4
}

.statusYellow200-3AR91d {
    color: #feedd1
}

.statusYellow300-iLErn1 {
    color: #fddba3
}

.statusYellow400-2eMUR3 {
    color: #fbb848
}

.statusYellow500-bErQev {
    color: #faa61a
}

.statusYellow600-1fKtrT {
    color: #aa7112
}

.statusYellow700-8XfXLU {
    color: #64420a
}

.statusYellow800-227qvR {
    color: #4b3208
}

.statusYellow900-1oTBN3 {
    color: #0d0801
}

.statusGreen-1ADNRt {
    color: #43b581
}

.statusGreen100-3dcW0h {
    color: #f6fbf9
}

.statusGreen200-PqjLkD {
    color: #d9f0e6
}

.statusGreen300-7wBUcq {
    color: #b4e1cd
}

.statusGreen400-2y-ndJ {
    color: #69c49a
}

.statusGreen500-1UE32L {
    color: #43b581
}

.statusGreen600-2LpkKC {
    color: #2e7b58
}

.statusGreen700-3hisYN {
    color: #1b4834
}

.statusGreen800-26trqT {
    color: #143627
}

.statusGreen900-111_ob {
    color: #030906
}

.statusGrey-iXlLrz {
    color: #747f8d
}

.statusGrey100-27i26Q {
    color: #f8f9f9
}

.statusGrey200-2QtUkp {
    color: #e3e5e8
}

.statusGrey300-QqZefX {
    color: #c7ccd1
}

.statusGrey400-1V-8ke {
    color: #9099a4
}

.statusGrey500-3LLN9- {
    color: #747f8d
}

.statusGrey600-3qBaz3 {
    color: #4f5660
}

.statusGrey700-4KVuB9 {
    color: #2e3338
}

.statusGrey800-1OD0iX {
    color: #23262a
}

.statusGrey900-3qaIY4 {
    color: #060607
}

.link-1vBY7d {
    color: #00b0f4
}

.link100-2Zfk_u {
    color: #f2fbfe
}

.link200-2MaiXM {
    color: #cceffd
}

.link300-kzzCcZ {
    color: #99dffb
}

.link400-2iIMkX {
    color: #33c0f6
}

.link500-2p4yan {
    color: #00b0f4
}

.link600-3iG3DN {
    color: #0078a6
}

.link700-lKfvrA {
    color: #004662
}

.link800-1nZO5t {
    color: #003549
}

.link900-2qdNRs {
    color: #00090c
}

.whitney-14Xc5g {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif
}

.code-1RiHF2 {
    font-family: SourceCodePro,Whitney,Helvetica Neue,Helvetica,Arial,sans-serif
}

.weightLight-1s48wo {
    font-weight: 300
}

.weightNormal-3gw0Lm {
    font-weight: 400
}

.weightMedium-13x9Y8 {
    font-weight: 500
}

.weightSemiBold-T8sxWH {
    font-weight: 600
}

.weightBold-2qbcng {
    font-weight: 700
}

.marginReset-3hwONl {
    margin-bottom: 0;
    margin-top: 0
}

.marginTop4-2rEBfJ {
    margin-top: 4px
}

.marginBottom4-_yArcI {
    margin-bottom: 4px
}

.marginTop8-2gOa2N {
    margin-top: 8px
}

.marginBottom8-1mABJ4 {
    margin-bottom: 8px
}

.marginTop20-3UscxH {
    margin-top: 20px
}

.marginBottom20-2Ifj-2 {
    margin-bottom: 20px
}

.marginTop40-1bNyG9 {
    margin-top: 40px
}

.marginBottom40-1zK7fE {
    margin-bottom: 40px
}

.marginTop60-10QB5x {
    margin-top: 60px
}

.marginBottom60-1fGFdC {
    margin-bottom: 60px
}

.marginCenterHorz-25vYNG {
    margin-left: auto;
    margin-right: auto
}

.title-1pmpPr {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    cursor: default;
    flex: 1
}

.h1-f0Txxg {
}

.h2-2ar_1B {
    text-transform: uppercase
}

.h3-gDcP8B {
}

.h4-2IXpeI {
    letter-spacing: .3px
}

.h4-2IXpeI,.h5-3KssQU {
    text-transform: uppercase
}

.h5-3KssQU {
    letter-spacing: .5px
}

.defaultMarginh1-36Scnc,.defaultMarginh4-jAopYe {
}

.defaultMarginh2-37e5HZ {
}

.defaultMarginh3-1a2POY,.defaultMarginh5-2UwwFY {
}

.disabled-1Jp4lJ {
    cursor: not-allowed;
    opacity: .3
}

.required-15-TOo {
    padding-left: 4px
}

.errorMessage-lxyttF {
    font-style: italic;
    text-transform: none
}

.errorSeparator-309jWC {
    padding-left: 4px;
    padding-right: 4px
}

.theme-light .defaultColor-v22dK1 {
    color: #4f545c
}

.theme-light .h5-3KssQU {
    color: #72767d
}

.theme-light .faded-1KRDbu {
    color: hsla(218,5%,47%,.6)
}

.theme-light .error-3Pha2X {
    color: #f04747
}

.theme-dark .defaultColor-v22dK1 {
    color: #f6f6f7
}

.theme-dark .h5-3KssQU {
    color: #b9bbbe
}

.theme-dark .faded-1KRDbu {
    color: hsla(210,3%,87%,.3)
}

.theme-dark .error-3Pha2X {
    color: #f04747
}

.inputWrapper-3xoRWR {
}

.input-2YozMi {
    -webkit-box-sizing: border-box;
    -webkit-transition: background-color .15s ease,border .15s ease;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    outline: none;
    transition: background-color .15s ease,border .15s ease;
    width: 100%
}

.input-2YozMi::-webkit-input-placeholder {
    -webkit-user-select: none;
    user-select: none
}

.input-2YozMi:-ms-input-placeholder {
    -ms-user-select: none;
    user-select: none
}

.input-2YozMi::placeholder {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.inputDefault-Y_U37D {
    height: 40px;
    padding: 10px
}

.inputMini-3MyfLa {
    height: 26px;
    padding: 4px 7px
}

.disabled-3-J0Hk {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: not-allowed;
    opacity: .5;
    user-select: none
}

.focused-xL_GX6 {
    border-color: #7289da;
    opacity: 1
}

.inputPrefix-27xht0 {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    height: 40px;
    line-height: normal;
    padding-left: 20px;
    padding-top: 10px;
    position: absolute;
    user-select: none
}

.errorMessage-3gQ13n {
}

.theme-light .input-2YozMi {
    background-color: rgba(79,84,92,.02);
    border-color: rgba(79,84,92,.3);
    color: #4f545c
}

.theme-light .input-2YozMi::-webkit-input-placeholder {
    color: #b9bbbe
}

.theme-light .input-2YozMi:-ms-input-placeholder {
    color: #b9bbbe
}

.theme-light .input-2YozMi::placeholder {
    color: #b9bbbe
}

.theme-light .input-2YozMi:hover {
    border-color: #b9bbbe
}

.theme-light .input-2YozMi:focus {
    border-color: #7289da
}

.theme-light .input-2YozMi.disabled-3-J0Hk {
    border-color: #dcddde
}

.theme-light .input-2YozMi.error-2z6B_X {
    border-color: #f04747
}

.theme-light .input-2YozMi.focused-xL_GX6 {
    border-color: #7289da
}

.theme-light .inputPrefix-27xht0 {
    color: #b9bbbe
}

.theme-light .input-2YozMi.editable-3L1edm {
    background-color: transparent;
    border-color: transparent
}

.theme-dark .input-2YozMi {
    background-color: rgba(0,0,0,.1);
    border-color: rgba(0,0,0,.3);
    color: #f6f6f7
}

.theme-dark .input-2YozMi::-webkit-input-placeholder {
    color: #72767d
}

.theme-dark .input-2YozMi:-ms-input-placeholder {
    color: #72767d
}

.theme-dark .input-2YozMi::placeholder {
    color: #72767d
}

.theme-dark .input-2YozMi:hover {
    border-color: #040405
}

.theme-dark .input-2YozMi:focus {
    border-color: #7289da
}

.theme-dark .input-2YozMi.disabled-3-J0Hk {
    border-color: #202225
}

.theme-dark .input-2YozMi.error-2z6B_X {
    border-color: #f04747
}

.theme-dark .input-2YozMi.focused-xL_GX6 {
    border-color: #7289da
}

.theme-dark .inputPrefix-27xht0 {
    color: #dcddde;
    opacity: .5
}

.theme-dark .input-2YozMi.editable-3L1edm {
    background-color: transparent;
    border-color: transparent
}

.card-3DrRmC {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    position: relative
}

.card-3DrRmC a {
    font-weight: 700
}

.card-3DrRmC a:hover {
    text-decoration: underline
}

.cardDanger-2CkE7R {
    background-color: #f04747
}

.cardDanger-2CkE7R,.cardDangerOutline-25eKzG {
    border-color: #f04747
}

.cardWarning-31DHBH {
    background-color: #e19517;
    border-color: #e19517
}

.cardWarningOutline-2Rp1Zn {
    border-color: #faa61a
}

.cardSuccess-1UBFjp {
    background-color: #43b581
}

.cardSuccess-1UBFjp,.cardSuccessOutline-G0P3Ys {
    border-color: #43b581
}

.cardBrand-1LvZTh {
    background-color: #7289da
}

.cardBrand-1LvZTh,.cardBrandOutline-2uIT1U {
    border-color: #7289da
}

.cardPrimary-ZVL9Jr,.cardPrimaryEditable-2IQ7-V,.cardPrimaryOutline-2YyAz2,.cardPrimaryOutlineEditable-1s-Uqd {
}

.theme-light .cardBrand-1LvZTh a,.theme-light .cardDanger-2CkE7R a,.theme-light .cardSuccess-1UBFjp a,.theme-light .cardWarning-31DHBH a {
    color: #fff
}

.theme-light .cardPrimary-ZVL9Jr {
    background-color: #f8f9f9;
    border-color: #dcddde
}

.theme-light .cardPrimary-ZVL9Jr a {
    color: #4f545c
}

.theme-light .cardPrimaryEditable-2IQ7-V {
    background-color: hsla(240,6%,97%,.6);
    border-color: #dcddde
}

.theme-light .cardPrimaryOutline-2YyAz2 {
    border-color: hsla(210,3%,87%,.6)
}

.theme-dark .card-3DrRmC a {
    color: #fff
}

.theme-dark .cardPrimary-ZVL9Jr {
    background: rgba(32,34,37,.6);
    border-color: #202225
}

.theme-dark .cardPrimaryEditable-2IQ7-V {
    background: rgba(32,34,37,.3);
    border-color: #202225
}

.theme-dark .cardPrimaryOutline-2YyAz2 {
    border-color: rgba(32,34,37,.6)
}

.spacing-3D8C_n {
}

.error-2QwYHH {
}

.card-3DriLT {
    padding: 10px
}

.downloadApps-16wF7o {
    border-radius: 5px;
    bottom: 0;
    left: 0;
    min-height: 387px;
    min-width: 880px;
    position: absolute;
    right: 0;
    top: 0
}

.downloadApps-16wF7o,.downloadApps-16wF7o .contentWrapper-3aLCM8 {
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.downloadApps-16wF7o .contentWrapper-3aLCM8 {
    text-decoration: none!important
}

.downloadApps-16wF7o .inner-3xA6Sr {
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px
}

.downloadApps-16wF7o .header-jMAWuF {
    color: #737f8d;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase
}

.downloadApps-16wF7o .footer-2QXDQY {
    color: #99aab5;
    font-size: 14px;
    margin-top: 6px;
    text-align: center
}

.downloadApps-16wF7o .footer-2QXDQY a {
    color: #7289da;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none
}

.downloadApps-16wF7o .footer-2QXDQY a:hover {
    text-decoration: underline
}

.downloadApps-16wF7o .platformsWrap-22ts5p {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.downloadApps-16wF7o .platforms-1-4RrG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 24px
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 {
    -ms-flex-direction: column;
    -ms-flex-negative: 0;
    -webkit-backface-visibility: hidden;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-transition: all .3s ease-in-out;
    backface-visibility: hidden;
    border: 2px solid #99aab5;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    font-smoothing: antialiased;
    margin-left: 15px;
    position: relative;
    transition: all .3s ease-in-out
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .iconWrap-3YUGSo {
    -ms-flex-item-align: center;
    align-self: center;
    height: 100px;
    margin: 25px 0;
    position: relative;
    width: 100px
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .icon-YVwA5i {
    -ms-flex-item-align: center;
    -webkit-transition: opacity .3s ease-in-out;
    align-self: center;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    transition: opacity .3s ease-in-out;
    width: 100%
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .icon-YVwA5i.active-J20i4q {
    opacity: 0
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .icon-YVwA5i.apple-2oEQYL {
    background-image: url(/assets/57568e1cfc37c81cf56db9498b4f128a.svg)
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .icon-YVwA5i.apple-2oEQYL.active-J20i4q {
    background-image: url(/assets/7ddab19e24325212299490c2f413b122.svg)
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .icon-YVwA5i.android-2MEaur {
    background-image: url(/assets/d73fd4014c02b360d9529a720ecb7c44.svg)
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .icon-YVwA5i.android-2MEaur.active-J20i4q {
    background-image: url(/assets/676bfec9f4343f6fcdf0a12ae313a3de.svg)
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .icon-YVwA5i.windows-1C0-12 {
    background-image: url(/assets/d6221c5e88f5cb89f125868c077e9859.svg)
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .icon-YVwA5i.windows-1C0-12.active-J20i4q {
    background-image: url(/assets/37ce528f3abf4d735a624309e990acc6.svg)
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .icon-YVwA5i.linux-2HqbPS {
    background-image: url(/assets/a3bee2061afed80c5bd76ff38cd18f0e.svg)
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .icon-YVwA5i.linux-2HqbPS.active-J20i4q {
    background-image: url(/assets/f8e3f6e7b2cf5f10aed43243560a1b91.svg)
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .icon-YVwA5i.ios-18dNtL {
    background-image: url(/assets/0c460e9b848f5c4cc964ae9c62c0f9b9.svg)
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .icon-YVwA5i.ios-18dNtL.active-J20i4q {
    background-image: url(/assets/00a1b0447f0474ecaa767a4bc09fe2ed.svg)
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6:first-child {
    margin-left: 0
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 p {
    color: #99aab5;
    font-size: 13px;
    font-weight: 500;
    margin: 5px 0;
    text-align: center;
    text-transform: uppercase
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .downloadButtons-2u74XW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .downloadButtons-2u74XW.list-1rJXxp {
    padding: 0 20px
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .downloadButtons-2u74XW.list-1rJXxp .downloadButton-3z8n6x {
    margin: 20px 5px;
    width: 65px
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6 .downloadButton-3z8n6x {
    -webkit-transition: background-color .3s ease-in-out;
    background-color: #99aab5;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 20px;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s ease-in-out;
    width: 150px
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6.active-J20i4q {
    -webkit-transform: scale(1.025);
    border-color: #7289da;
    transform: scale(1.025)
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6.active-J20i4q .icon-YVwA5i {
    opacity: 0
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6.active-J20i4q .icon-YVwA5i.active-J20i4q {
    opacity: 1
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6.active-J20i4q p {
    color: #697ec4
}

.downloadApps-16wF7o .platforms-1-4RrG .platform-3sBUb6.active-J20i4q .downloadButton-3z8n6x {
    background-color: #7289da
}

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

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

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

.spinner-wandering-cubes .spinner-item:last-child {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes spinner-wandering-cubes {
    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 {
    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)
    }
}

.spinner-chasing-dots {
    -webkit-animation: spinner-chasing-dots-rotate 2s infinite linear;
    animation: spinner-chasing-dots-rotate 2s infinite linear
}

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

.spinner-chasing-dots .spinner-item:last-child {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    bottom: 0;
    top: auto
}

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

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

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

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

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

.spinner-pulsing-ellipsis .spinner-item:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.spinner-pulsing-ellipsis .spinner-item:nth-of-type(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.stop-animation .spinner-pulsing-ellipsis .spinner-item {
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes spinner-ellipsis {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.8);
        opacity: .3;
        transform: scale(.8)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes spinner-ellipsis {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.8);
        opacity: .3;
        transform: scale(.8)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

.spinner.spinner-spinning-circle {
    width: 100%
}

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

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

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

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

@-webkit-keyframes spinner-spinning-circle-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124
    }
}

@keyframes spinner-spinning-circle-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124
    }
}

.avatar-verified {
    bottom: -2px;
    position: absolute;
    right: -2px
}

.avatar-large,.avatar-profile,.avatar-small,.avatar-xlarge,.avatar-xsmall,.avatar-xxlarge {
    background-clip: padding-box;
    background-color: none;
    background-position: 50%;
    border-radius: 50%;
    position: relative
}

.avatar-large .status,.avatar-profile .status,.avatar-small .status,.avatar-xlarge .status,.avatar-xsmall .status,.avatar-xxlarge .status {
    background-clip: padding-box;
    border-radius: 50%;
    bottom: -4px;
    height: 14px;
    pointer-events: none;
    position: absolute;
    right: -4px;
    width: 14px
}

.avatar-profile {
    background-size: 128px 128px;
    height: 128px;
    width: 128px
}

.avatar-profile .status {
    -webkit-box-sizing: border-box;
    border: 4px solid #fff;
    bottom: 2px;
    box-sizing: border-box;
    height: 30px;
    right: 2px;
    width: 30px
}

.avatar-profile .avatar-verified {
    bottom: 4px;
    right: 12px
}

.avatar-popout {
    background-size: 90px 90px;
    border-radius: 50%;
    height: 90px;
    width: 90px
}

.avatar-popout .status {
    bottom: 0;
    height: 30px;
    right: 0;
    width: 30px
}

.avatar-xxxlarge {
    background-size: 128px 128px;
    height: 128px;
    width: 128px
}

.avatar-xxxlarge .avatar-verified {
    bottom: 4px;
    right: 12px
}

.avatar-xxlarge {
    background-size: 100px 100px;
    height: 100px;
    width: 100px
}

.avatar-xxlarge .status {
    background-clip: border-box;
    border: 4px solid #fff;
    height: 28px;
    width: 28px
}

.avatar-xlarge {
    background-size: 60px 60px;
    height: 60px;
    width: 60px
}

.avatar-large {
    background-size: 40px 40px;
    height: 40px;
    width: 40px
}

.avatar-xsmall {
    background-size: 20px 20px;
    height: 20px;
    width: 20px
}

.avatar-xsmall .status {
    border: 2px solid #fff;
    bottom: -3px;
    height: 8px;
    right: -3px;
    width: 8px
}

.avatar-small {
    background-size: 30px 30px;
    float: left;
    height: 30px;
    margin-right: 10px;
    margin-top: 6px;
    width: 30px
}

.avatar-small .status {
    border-radius: 7px;
    bottom: -3px;
    height: 10px;
    right: -3px;
    width: 10px
}

.avatar-small.animate {
    -webkit-transition: background-image .3s;
    transition: background-image .3s
}

.avatar-small.animate .status {
    -webkit-transition: width .2s ease,right .2s ease,background-color .2s ease;
    transition: width .2s ease,right .2s ease,background-color .2s ease
}

.avatar-small .avatar-verified {
    height: 14px;
    width: 14px
}

.online {
    background-color: #43b581
}

.idle {
    background-color: #faa61a
}

.muted {
    background-color: #f04747
}

.offline {
    background-color: #747f8d
}

.mediaHint-2K3JKA {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    position: absolute;
    user-select: none;
    width: 300px
}

.mediaHint-2K3JKA:after {
    background: url(/assets/5bac8a5909510f58c12ee6ae724eecbb.svg) 50% no-repeat;
    background-size: 126px 76px;
    content: "";
    height: 76px;
    position: absolute;
    top: -7px;
    width: 126px
}

.mediaHint-2K3JKA small {
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin-top: 3px;
    opacity: .6
}

.chrome-2OxOf0 {
    left: 450px;
    top: 120px
}

.chrome-2OxOf0:after {
    left: -100px
}

.firefox-17UK2e {
    left: 420px;
    top: 190px
}

.firefox-17UK2e:after {
    left: -100px
}

.container-2WJW5U {
    word-wrap: break-word
}

.content-1hiykS {
    padding-bottom: 20px;
    padding-top: 20px
}

.title-2vOYep {
    text-align: center
}

.minorAction-2WStW0 {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    cursor: pointer;
    flex: 0 0 auto;
    margin-bottom: -10px;
    margin-top: 8px;
    opacity: .6;
    text-align: center;
    width: 100%
}

.minorAction-2WStW0:hover {
    text-decoration: underline
}

.body-2BYQ2b {
    text-align: center
}

.primaryButton-1ZHZe8,.secondaryButton-16bxiT {
    -ms-flex: 1 1 45%;
    -webkit-box-flex: 1;
    flex: 1 1 45%
}

.gutter-2LZFaF {
    margin-left: 10px
}

.container-2hX5wK {
    word-wrap: break-word
}

.content-1a0qkZ {
    padding-bottom: 20px
}

.header-JzU4_V {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile-2zVrIR {
    width: 100%
}

.botTag-1OwMgs {
    -ms-flex-negative: 0;
    border-radius: 3px;
    display: inline-block;
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 500;
    line-height: 13px;
    margin-left: 6px;
    padding: 1px 2px;
    text-transform: uppercase;
    vertical-align: top
}

.botTagRegular-288-ZL {
    background: #7289da;
    color: #fff
}

.botTagInvert-gorWR_ {
    background: #fff;
    color: #7289da
}

.compact .botTag-1OwMgs {
    margin: 0 3px 0 0
}

.channel-members .botTag-1OwMgs {
    height: 14px;
    line-height: 15px
}

.nameTag-26T3kW {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.username-2gJBDX {
}

.discriminator-1Te-8N {
}

.ownerIcon-5eYPyB {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.image-3jTL78 {
    height: 137px;
    width: 156px
}

.text-1C_BTU {
}

.theme-dark .image-3jTL78 {
    background-image: url(/assets/fb6a21ef85b63dec6e7c01c683904e8f.svg)
}

.theme-light .image-3jTL78 {
    background-image: url(/assets/97e866482f43d3ebd2496641cd934904.svg)
}

.wrapper-11sL4k {
    position: relative
}

.inner-21BDhs {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    border: 1px solid rgba(153,170,181,.3);
    border-radius: 5px;
    height: 52px;
    justify-content: center;
    width: 52px
}

.inner-21BDhs:hover {
    background-color: rgba(153,170,181,.3);
    border-color: transparent;
    cursor: pointer
}

.inner-21BDhs:disabled {
    opacity: .3;
    pointer-events: none
}

.ellipsis-7mfRAA {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.spinnerItem-3oTbTx {
    background-color: #4f545c
}

.spotifyButtonLogo-OqgW3W {
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.listenAlongIcon-2-IZ4V {
    color: #fff;
    height: 24px;
    width: 24px
}

.iconButton-30ywNY {
    padding: 0
}

.iconButtonSize-2OL3Lh {
    max-width: 32px;
    min-width: 32px
}

.noUserDrag-aLJFCB {
    -webkit-user-drag: none
}

.userSelectText-wz4t4g {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text
}

.userSelectNone-Kq5Tpz {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.cursorDefault-3ZQG0B {
    cursor: default
}

.cursorPointer-T4C9Z2 {
    cursor: pointer
}

.gameIcon-2xzQWB {
    background-size: 100%;
    border-radius: 3px
}

.large-1zy48E,.medium-1jswbs,.small-zSVYLk {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.small-zSVYLk {
    height: 30px;
    width: 30px
}

.medium-1jswbs {
    height: 40px;
    width: 40px
}

.large-1zy48E {
    height: 60px;
    width: 60px
}

.interactive-WmarHP {
    cursor: pointer
}

.interactive-WmarHP:hover {
    opacity: .8
}

.text-38ELUs {
    color: hsla(0,0%,100%,.8)
}

.textLeft-1lcQCD,.textRight-2XhCSK {
}

.bar-45Cs4I {
    background-color: hsla(0,0%,100%,.2);
    height: 4px;
    margin-bottom: 4px
}

.bar-45Cs4I,.barInner-2eCe2h {
    border-radius: 2px
}

.barInner-2eCe2h {
    background-color: hsla(0,0%,100%,.6);
    height: 100%;
    min-width: 4px
}

.ellipsis-CYOqEr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.headerText-2CVBxK {
    text-transform: uppercase
}

.headerTextNormal-3zWFIS {
}

.headerTextEmptyBody-2IBf0l {
}

.body-UB0LrI {
}

.bodyNormal-2QqN-G {
}

.bodyAlignCenter-2WUfxb {
}

.assets-30Reyb {
    position: relative
}

.assetsLargeMaskUserPopout-14rwc_ {
    -webkit-mask: url(/assets/3a10988d0f55c63294100b270818207a.svg);
    mask: url(/assets/3a10988d0f55c63294100b270818207a.svg)
}

.assetsLargeMaskActivityFeed-o7F47L,.assetsLargeMaskProfile-2u315x {
    -webkit-mask: url(/assets/725244a8d98fc7f9f2c4a3b3257176e6.svg);
    mask: url(/assets/725244a8d98fc7f9f2c4a3b3257176e6.svg)
}

.assetsProfile-3F2fPQ {
    max-height: 144px
}

.assetsLargeImage-1A0_EG {
    -o-object-fit: cover;
    border-radius: 4px;
    display: block;
    object-fit: cover
}

.assetsLargeImageUserPopout-1rupnL {
    height: 60px;
    width: 60px
}

.assetsLargeImageActivityFeed-IurGz8,.assetsLargeImageProfile-2VlsXC {
    height: 90px;
    width: 90px
}

.assetsLargeImageProfileTwitch-2QDcQm {
    height: 90px;
    width: 162px
}

.assetsSmallImage-3WEvRP {
    border-radius: 50%;
    bottom: -4px;
    position: absolute;
    right: -4px
}

.assetsSmallImageUserPopout-dXG26U {
    height: 20px;
    width: 20px
}

.assetsSmallImageActivityFeed-2CaztB,.assetsSmallImageProfile-9w2tC5 {
    height: 30px;
    width: 30px
}

.gameIcon-120fRQ {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto
}

.content-P9ThHS {
    overflow: hidden
}

.contentImagesUserPopout-3BH9C7 {
    margin-left: 10px
}

.contentImagesActivityFeed-1niwqe,.contentImagesProfile-11JToa {
    margin-left: 20px
}

.contentNoImagesProfile-3LoZbH,.contentNoImagesUserPopout-1G2YsO {
}

.contentNoImagesActivityFeed-2cYExe,.contentNoImagesProfile-3LoZbH {
    margin-bottom: -4px
}

.contentGameImageUserPopout-3yEMh- {
    margin-bottom: -1px;
    margin-left: 10px
}

.contentGameImageProfile-3iVaFK {
    margin-bottom: -2px;
    margin-left: 10px
}

.textRow-1_JoJf {
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 4px
}

.activityUserPopout-1nmgaw .textRow-1_JoJf {
    margin-bottom: 2px
}

.details-vSFjFG,.nameNormal-1LgIgN,.playTime--X4nDf,.state-26NKCn,.timestamp-3IDuMO {
}

.detailsWrap-1HXWey,.nameWrap-10NXPd {
}

.activityActivityFeed-2gIGSa .name-8onsv0 {
    display: none
}

.activityActivityFeed-2gIGSa .details-vSFjFG {
    font-weight: 600
}

.timeBarUserPopout-1HAJua {
    margin-top: 8px
}

.timeBarActivityFeed-2kyIe-,.timeBarProfile-W7jKXL {
    margin-top: 10px
}

.bodyLink-rRVoAA {
    color: hsla(0,0%,100%,.8)
}

.bodyLink-rRVoAA:hover {
    text-decoration: underline
}

.theme-light .activityActivityFeed-2gIGSa .content-P9ThHS,.theme-light .activityActivityFeed-2gIGSa .details-vSFjFG {
    color: #4f545c
}

.theme-dark .activityActivityFeed-2gIGSa .content-P9ThHS,.theme-dark .activityActivityFeed-2gIGSa .details-vSFjFG {
    color: #dcddde
}

.theme-dark .activityProfile-2pymp0 .headerText-2CVBxK,.theme-dark .activityUserPopout-1nmgaw .headerText-2CVBxK,.theme-light .activityProfile-2pymp0 .headerText-2CVBxK,.theme-light .activityUserPopout-1nmgaw .headerText-2CVBxK {
    color: #fff
}

.theme-dark .activityProfile-2pymp0 .content-P9ThHS,.theme-dark .activityProfile-2pymp0 .details-vSFjFG,.theme-dark .activityProfile-2pymp0 .name-8onsv0,.theme-dark .activityUserPopout-1nmgaw .content-P9ThHS,.theme-dark .activityUserPopout-1nmgaw .details-vSFjFG,.theme-dark .activityUserPopout-1nmgaw .name-8onsv0,.theme-light .activityProfile-2pymp0 .content-P9ThHS,.theme-light .activityProfile-2pymp0 .details-vSFjFG,.theme-light .activityProfile-2pymp0 .name-8onsv0,.theme-light .activityUserPopout-1nmgaw .content-P9ThHS,.theme-light .activityUserPopout-1nmgaw .details-vSFjFG,.theme-light .activityUserPopout-1nmgaw .name-8onsv0 {
    color: hsla(0,0%,100%,.8)
}

.actionsUserPopout-2REmGt,.listeningActionsUserPopout-3XkvCE {
}

.actionsProfile-lxtW95,.listeningActionsProfile-1wyCkA {
    margin-left: 20px
}

.button-fb2MQS {
    font-size: 14px;
    height: 32px;
    min-height: 32px
}

.actionsUserPopout-2REmGt .button-fb2MQS,.listeningActionsUserPopout-3XkvCE .button-fb2MQS {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    width: 100%
}

.actionsActivityFeed-5NN_29 .button-fb2MQS:not(:first-child),.actionsUserPopout-2REmGt .button-fb2MQS:not(:first-child),.listeningActionsActivityFeed-3sZwiX .button-fb2MQS:not(:first-child),.listeningActionsProfile-1wyCkA .button-fb2MQS:not(:first-child),.listeningActionsUserPopout-3XkvCE .button-fb2MQS:not(:first-child) {
    margin-left: 8px
}

.actionsProfile-lxtW95 .button-fb2MQS:not(:first-child) {
    margin-top: 8px
}

.actionError-2uScAV {
    font-size: 11px;
    line-height: 20px
}

.playButtonWrapper-33FKH8 {
    width: 100%
}

.spotifyButtonLogo-P9R-q7 {
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.marginReset-2lodB4 {
    margin-bottom: 0;
    margin-top: 0
}

.marginTop4-2tuaWB {
    margin-top: 4px
}

.marginBottom4-1mt2o9 {
    margin-bottom: 4px
}

.marginTop8-1RtlYG {
    margin-top: 8px
}

.marginBottom8-iTEfs6 {
    margin-bottom: 8px
}

.marginTop20-37eCU4 {
    margin-top: 20px
}

.marginBottom20-108e9E {
    margin-bottom: 20px
}

.marginTop40-1_liF3 {
    margin-top: 40px
}

.marginBottom40-ei6Olb {
    margin-bottom: 40px
}

.marginTop60-3dRa65 {
    margin-top: 60px
}

.marginBottom60-3bYPIt {
    margin-bottom: 60px
}

.marginCenterHorz-1VuAWu {
    margin-left: auto;
    margin-right: auto
}

.title-2J5tqh {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.image-2Bi-bU,.title-2J5tqh {
}

.image-2Bi-bU {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%
}

.body-2qUZHe {
    font-size: 16px;
    line-height: 24px
}

.theme-dark .title-2J5tqh {
    color: #f6f6f7
}

.theme-dark .body-2qUZHe {
    color: #dcddde
}

.theme-light .title-2J5tqh {
    color: #4f545c
}

.theme-light .body-2qUZHe {
    color: #72767d
}

.actionsUserPopout-1Q68Yy {
    margin-top: 10px
}

.actionsProfile-kilZmB {
    margin-left: 20px
}

.actionsActivityFeed-1RALM9 {
}

.errorImage-3sTetj {
    height: 135px
}

.cannotLaunchImage-3-dwtG,.notFriendsImage-1kQF37 {
}

.theme-dark .notFriendsImage-1kQF37 {
    background-image: url(/assets/812570a44349d2d8a39326a703d46a48.svg)
}

.theme-light .notFriendsImage-1kQF37 {
    background-image: url(/assets/d031d99c36c9a2ed72572e8aa57c7e29.svg)
}

.animator-NearI2 {
    display: block;
    position: relative
}

.item-2OmqIG {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.right-3E9Gs2 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.down-vKIYkj {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.left-2fu43l {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.carousel-28zrtT {
    overflow: hidden;
    position: relative
}

.carouselItem--FnLPu {
    top: 0
}

.carouselItem--FnLPu,.pagination-33xDmN {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.pagination-33xDmN {
    pointer-events: none
}

.themedPagination-V0v6Ea {
}

.arrowHitbox-2Uzk8K {
    cursor: pointer;
    pointer-events: all
}

.arrowHitbox-2Uzk8K:hover .arrow-2aKiwf {
    opacity: .4
}

.arrowHitbox-2Uzk8K:active .arrow-2aKiwf {
    opacity: .6
}

.arrowHitboxPadding-2g8m3f {
    padding: 20px
}

.arrow-2aKiwf {
    -webkit-transition: opacity .2s ease-in-out;
    color: #fff;
    opacity: .2;
    position: relative;
    transition: opacity .2s ease-in-out
}

.dots-yBpZPB {
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    flex-grow: 0
}

.dot-2Ih-4D {
    background-color: #fff;
    border-radius: 2px;
    cursor: pointer;
    height: 8px;
    margin-right: 8px;
    pointer-events: all;
    width: 8px
}

.dotNormal-Wr-DNI {
    opacity: .2
}

.dotNormal-Wr-DNI:hover {
    opacity: .4
}

.dotSelected-1vTUeG {
    opacity: .6
}

.theme-dark .themedPagination-V0v6Ea .arrow-2aKiwf {
    color: #fff
}

.theme-dark .themedPagination-V0v6Ea .dot-2Ih-4D {
    background-color: #fff
}

.theme-light .themedPagination-V0v6Ea .arrow-2aKiwf {
    color: #4f545c
}

.theme-light .themedPagination-V0v6Ea .dot-2Ih-4D {
    background-color: #4f545c
}

.avatar-1BXaQj {
    -ms-flex-negative: 0;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative
}

.profile-3z9uol {
    height: 90px;
    width: 90px
}

.xxlarge-1arjqQ {
    height: 100px;
    width: 100px
}

.popout-UKvsJt {
    height: 90px;
    width: 90px
}

.xlarge-2lb-HO {
    height: 60px;
    width: 60px
}

.large-3yh-62 {
    height: 40px;
    width: 40px
}

.small-TEeAkX {
    height: 30px;
    width: 30px
}

.small-TEeAkX .statusTyping-lRly31 {
    border-radius: 999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    right: -11px;
    width: 26px
}

.small-TEeAkX .statusTypingSpinnerItem-3QkulT {
    background-color: #fff;
    height: 4px;
    width: 4px
}

.xsmall-2rXiD4 {
    height: 20px;
    width: 20px
}

.mask-2vyqAW {
    -webkit-mask: url(/assets/bbefc7dbdacf4d38891b2ce9acdbe763.svg);
    -webkit-mask-size: 100%;
    mask: url(/assets/bbefc7dbdacf4d38891b2ce9acdbe763.svg);
    mask-size: 100%;
    mask-type: luminance
}

.maskProfile-MeBve8 {
    -webkit-mask: url(/assets/ee28e449f86121bee152231e3ce50839.svg);
    mask: url(/assets/ee28e449f86121bee152231e3ce50839.svg)
}

.image-EVRGPw {
    background-clip: padding-box;
    background-color: none;
    background-position: 50%;
    background-size: 100%;
    height: 100%;
    width: 100%
}

.image-EVRGPw,.status-3jUEha {
    border-radius: 50%
}

.status-3jUEha {
    bottom: 0;
    height: 25%;
    position: absolute;
    right: 0;
    width: 25%
}

.statusOnline-1Mp2_H {
    background-color: #43b581
}

.statusIdle-2AQdvu {
    background-color: #faa61a
}

.statusDnd-35xAXU {
    background-color: #f04747
}

.statusInvisible-2ci18Q,.statusOffline-jZXr_u {
    background-color: #747f8d
}

.statusStreaming-1bZ3Hq {
    background-color: #593695
}

.statusProfile-29OBzn {
    bottom: 3px;
    height: 18px;
    position: absolute;
    right: 3px;
    width: 18px
}

.statusOnlineProfile-2tnPUH {
    -webkit-box-shadow: inset 0 0 0 2px rgba(180,225,205,.6);
    box-shadow: inset 0 0 0 2px rgba(180,225,205,.6)
}

.statusIdleProfile-2QT8cN {
    -webkit-box-shadow: inset 0 0 0 2px hsla(37,96%,82%,.6);
    box-shadow: inset 0 0 0 2px hsla(37,96%,82%,.6)
}

.statusDndProfile-3KCGdy {
    -webkit-box-shadow: inset 0 0 0 2px hsla(0,85%,84%,.6);
    box-shadow: inset 0 0 0 2px hsla(0,85%,84%,.6)
}

.statusInvisibleProfile-LRuFr_,.statusOfflineProfile-1wnfgz {
    -webkit-box-shadow: inset 0 0 0 2px rgba(199,204,209,.6);
    box-shadow: inset 0 0 0 2px rgba(199,204,209,.6)
}

.container-3IULEB {
    position: relative
}

.iconContainer-xPwUnA {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    height: 16px;
    margin-right: 4px;
    position: relative;
    width: 16px
}

.icon-1i6UVf {
    color: #b9bbbe;
    position: relative;
    width: 100%
}

.foreground-1Lvo2Z,.icon-1i6UVf {
    opacity: .6
}

.avatar-1pYW6h {
    margin-right: -4px
}

.emptyUser-34aCrC {
    background: #4f545c;
    border-radius: 50%;
    height: 20px;
    width: 20px
}

.avatarMasked-1DKyfL {
    -webkit-mask-image: url(/assets/2ad33adc723eef7837aa4432d8b8e1be.svg);
    -webkit-mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url(/assets/2ad33adc723eef7837aa4432d8b8e1be.svg);
    mask-position: 0 0;
    mask-repeat: no-repeat;
    mask-size: 100% 100%
}

.moreUsers-3NykMh {
    background-color: #4f545c;
    border-radius: 10px;
    color: #b9bbbe;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    padding: 0 8px 0 6px;
    position: relative
}

.wrapper--CAL_v {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    background-color: rgba(0,0,0,.6);
    border-radius: 24px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 auto;
    height: 24px;
    padding: 12px;
    pointer-events: none
}

.wrapper--CAL_v a:link,.wrapper--CAL_v a:visited {
    color: #fff!important
}

.icon-38JNNM,.wrapper--CAL_v a:link,.wrapper--CAL_v a:visited {
    cursor: pointer;
    display: block;
    pointer-events: auto
}

.icon-38JNNM {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    height: 24px;
    opacity: .6;
    width: 24px
}

.icon-38JNNM:hover {
    opacity: 1
}

.icon-38JNNM:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.iconPlay-3urbab {
    margin-left: 1px;
    margin-right: -1px
}

.iconExternal-ZGI0rm,.iconExternalMargins-BVOK1S,.iconPlay-3urbab {
}

.iconExternalMargins-BVOK1S {
    margin-left: 2px;
    margin-right: 4px
}

.news-2GF5Ir {
    -ms-flex-align: end;
    -webkit-box-align: end;
    -webkit-box-sizing: border-box;
    align-items: flex-end;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 270px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.newsLink-SC025S {
}

.newsLink-SC025S:hover {
    background-color: #18191c
}

.newsPlayingVideo-2JSjZw {
    padding: 0
}

.background-cBzfUc {
    -webkit-mask: -webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));
    -webkit-mask: linear-gradient(#000,transparent);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 80%;
    left: 0;
    mask: -webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));
    mask: linear-gradient(#000,transparent);
    position: absolute;
    right: 0;
    top: 0
}

.splash-2lsvg9 {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.splashBackup-2FTF_g {
    background-repeat: repeat;
    background-size: 300px
}

.body-1EfN8k {
    position: relative;
    word-break: break-word
}

.title-2tlkMI {
    color: #dcddde;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px
}

.description-2QDxsf {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #b9bbbe;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden
}

.subtitle-1KXyje {
    color: #72767d;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
    text-transform: uppercase
}

.videoControls--uhTIo {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.video-1Quw2_ {
    height: 100%;
    width: 100%
}

.theme-dark .splashBackup-2FTF_g {
    background-image: url(/assets/976b56da8d86af63aef4f55afb553a9f.png)
}

.theme-light .splashBackup-2FTF_g {
    background-image: url(/assets/171a53265b4d807b208e80f1acba3762.png)
}

.gamePreview-4pQzIA {
    border-radius: 5px;
    overflow: hidden
}

.sideBar-1Ejg9V {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 0 20px;
    padding: 40px 0 20px;
    width: 180px
}

.gameIcon-1P6DLO {
    margin: 0 auto
}

.body-_3kd4C {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-height: 330px;
    width: 480px
}

.news-1rVQJL {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    background-color: #202225;
    flex: 1
}

.info-1FosLO {
    -ms-flex-direction: column;
    -ms-flex-pack: end;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    background-color: #2f3136;
    border-radius: 0 5px 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 270px;
    padding: 20px;
    position: relative
}

.overlay-FIN5jY {
    -webkit-mask: -webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));
    -webkit-mask: linear-gradient(#000,transparent);
    bottom: 0;
    left: 0;
    mask: -webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));
    mask: linear-gradient(#000,transparent);
    position: absolute;
    right: 0;
    top: 0
}

.splash-3jY1Fw {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.splashBackup-3W9oG3 {
    background-repeat: repeat;
    background-size: 300px
}

.summary-1UcUC5 {
    color: hsla(240,6%,97%,.8);
    margin-top: 10px
}

.gameName-Bq7SaH {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 20px
}

.publisher-3vuyrO {
    border-bottom: 1px solid rgba(47,49,54,.6);
    display: block;
    margin-top: 8px;
    padding-bottom: 20px
}

.publisher-3vuyrO,.summary-1UcUC5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.gameName-Bq7SaH,.publisher-3vuyrO {
    text-align: center
}

.carousel-sb7fXU {
    height: 314px
}

.carouselPagination-2eyqRm {
    margin: 0 20px
}

.playersSections-25qxsV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px
}

.playersSection-QrjLz8 {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    margin-left: 20px
}

.playersSection-QrjLz8:first-child {
    margin-left: 0
}

.playersHeader-1IOfq8 {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase
}

.playersHeaderLine-2Te4V7 {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    height: 1px;
    margin-left: 8px
}

.player-1t9yLq {
    cursor: pointer;
    margin-left: 8px
}

.player-1t9yLq:first-child {
    margin-left: 0
}

.playerOverflow-1oUWAV {
    -webkit-box-sizing: border-box;
    border-radius: 15px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin-left: 8px;
    min-width: 30px;
    padding: 0 8px;
    position: relative
}

.theme-dark .gamePreview-4pQzIA {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(32,34,37,.6);
    background-color: #202225;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(32,34,37,.6)
}

.theme-dark .gameName-Bq7SaH {
    color: #dcddde
}

.theme-dark .publisher-3vuyrO {
    color: #72767d
}

.theme-dark .splashBackup-3W9oG3 {
    background-image: url(/assets/976b56da8d86af63aef4f55afb553a9f.png)
}

.theme-dark .body-_3kd4C {
    background-color: #2f3136
}

.theme-dark .playersHeader-1IOfq8 {
    color: #b9bbbe
}

.theme-dark .playersHeaderLine-2Te4V7 {
    background-color: #36393f
}

.theme-dark .playerOverflow-1oUWAV {
    background-color: #4f545c;
    color: #b9bbbe
}

.theme-light .gamePreview-4pQzIA {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),0 0 0 1px hsla(216,4%,74%,.3);
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),0 0 0 1px hsla(216,4%,74%,.3)
}

.theme-light .gameName-Bq7SaH,.theme-light .publisher-3vuyrO {
    color: #4f545c
}

.theme-light .splashBackup-3W9oG3 {
    background-image: url(/assets/171a53265b4d807b208e80f1acba3762.png)
}

.theme-light .body-_3kd4C {
    background-color: #f6f6f7
}

.theme-light .playersHeader-1IOfq8 {
    color: #72767d
}

.theme-light .playersHeaderLine-2Te4V7 {
    background-color: #dcddde
}

.theme-light .playerOverflow-1oUWAV {
    background-color: #f6f6f7;
    color: #72767d
}

.scrollbar-11WJwo::-webkit-scrollbar-corner {
    background: none;
    border: none
}

.scrollbarDefault-3oTVtP {
}

.scrollbarDefault-3oTVtP::-webkit-scrollbar {
    height: 14px;
    width: 14px
}

.scrollbarDefault-3oTVtP::-webkit-scrollbar-thumb,.scrollbarDefault-3oTVtP::-webkit-scrollbar-track {
    background-clip: padding-box;
    border-radius: 7px;
    border-style: solid;
    border-width: 3px
}

.scrollbarDefault-3oTVtP::-webkit-scrollbar-track {
    border-width: initial
}

.scrollbarGhost-K_3Xa9 {
}

.scrollbarGhost-K_3Xa9::-webkit-scrollbar {
    height: 14px;
    width: 14px
}

.scrollbarGhost-K_3Xa9::-webkit-scrollbar-thumb,.scrollbarGhost-K_3Xa9::-webkit-scrollbar-track {
    background-clip: padding-box;
    border-radius: 7px;
    border-style: solid;
    border-width: 3px
}

.scrollbarGhost-K_3Xa9::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.4);
    border-color: transparent
}

.scrollbarGhost-K_3Xa9::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.1);
    border-color: transparent;
    border-width: initial
}

.scrollbarGhostHairline-D_btXm {
}

.scrollbarGhostHairline-D_btXm::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.scrollbarGhostHairline-D_btXm::-webkit-scrollbar-thumb {
    background-color: rgba(32,34,37,.6);
    border-radius: 2px;
    cursor: move
}

.scrollbarGhostHairline-D_btXm::-webkit-scrollbar-track {
    background-color: transparent;
    border: none
}

.theme-light .scrollbarDefault-3oTVtP::-webkit-scrollbar-thumb {
    background-color: #7289da;
    border-color: transparent
}

.theme-light .scrollbarDefault-3oTVtP::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    border-color: transparent
}

.theme-dark .scrollbarDefault-3oTVtP::-webkit-scrollbar-thumb {
    background-color: #202225;
    border-color: transparent
}

.theme-dark .scrollbarDefault-3oTVtP::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.1);
    border-color: transparent
}

.note-2AtC_s textarea {
    -webkit-box-sizing: border-box;
    background: transparent;
    border: none;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 14px;
    max-height: 88px;
    outline: none;
    padding: 2px 10px;
    resize: none;
    width: 100%
}

.note-2AtC_s textarea::-moz-selection {
    background: #7289da;
    color: #fff
}

.note-2AtC_s textarea::selection {
    background: #7289da;
    color: #fff
}

.theme-dark .note-2AtC_s textarea {
    color: #b9bbbe
}

.theme-dark .note-2AtC_s textarea:focus {
    background-color: #202225
}

.theme-light .note-2AtC_s textarea {
    color: #87909c
}

.theme-light .note-2AtC_s textarea:focus {
    background: #f3f3f3
}

.quickMessage-318jK- {
    -webkit-box-sizing: border-box;
    background: #fbfbfb;
    border: 1px solid #dcddde;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    padding: 8px 10px;
    resize: none;
    width: 100%
}

.quickMessage-318jK-.isBlocked-2vRsBg {
    background: #eceeef
}

#autocomplete-popout {
    border-radius: 5px;
    width: 250px
}

#autocomplete-popout .autocomplete-shadow {
    border-radius: 5px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

#autocomplete-popout .autocomplete-arrow-wrapper {
    height: 12px;
    margin-left: -8px;
    overflow: hidden;
    width: 16px
}

#autocomplete-popout .autocomplete-arrow {
    -webkit-transform: rotate(45deg);
    height: 8px;
    transform: rotate(45deg);
    width: 8px
}

.popout-bottom #autocomplete-popout .autocomplete-arrow-wrapper {
    bottom: 100%;
    left: 50%;
    position: absolute
}

.popout-bottom #autocomplete-popout .autocomplete-arrow {
    bottom: -4px;
    left: 4px;
    position: absolute
}

.popout-top #autocomplete-popout .autocomplete-arrow-wrapper {
    left: 50%;
    position: absolute;
    top: 100%
}

.popout-top #autocomplete-popout .autocomplete-arrow {
    left: 4px;
    position: absolute;
    top: -4px
}

#autocomplete-popout button,#autocomplete-popout input:focus,#autocomplete-popout textarea {
    outline: none
}

#autocomplete-popout ::-webkit-input-placeholder {
    color: #dadddf;
    font-weight: 300
}

#autocomplete-popout header {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    align-items: center;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    height: 54px;
    justify-content: center;
    padding: 0 20px;
    position: relative
}

#autocomplete-popout header:before {
    display: none
}

#autocomplete-popout .autocomplete-header-background {
    border-radius: 5px 5px 0 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.popout-top #autocomplete-popout .autocomplete-header-background {
    border-radius: 0 0 5px 5px
}

#autocomplete-popout section {
    padding: 0
}

#autocomplete-popout section:before {
    display: none
}

#autocomplete-popout h3 {
    font-size: 14px;
    font-weight: 700;
    margin-right: 5px;
    padding: 0;
    text-transform: uppercase
}

#autocomplete-popout input[type=text] {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    background: none;
    border: none;
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 1px;
    padding: 0
}

#autocomplete-popout .autocomplete-scroller {
    height: 280px
}

#autocomplete-popout .empty,#autocomplete-popout .row,#autocomplete-popout .section {
    line-height: 44px;
    padding: 0 20px
}

#autocomplete-popout .empty:last-of-type,#autocomplete-popout .row:last-of-type,#autocomplete-popout .section:last-of-type {
    border-radius: 0 0 3px 3px
}

#autocomplete-popout .section {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}

#autocomplete-popout .row {
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#autocomplete-popout .row:after {
    border-bottom: none!important
}

#autocomplete-popout .empty h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 15px 0 0;
    text-align: center
}

#autocomplete-popout .empty p {
    font-size: 16px;
    margin: -20px 0 18px;
    text-align: center
}

.theme-dark #autocomplete-popout .autocomplete-arrow,.theme-dark #autocomplete-popout .autocomplete-shadow {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(32,34,37,.6);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(32,34,37,.6)
}

.theme-dark #autocomplete-popout .autocomplete-arrow,.theme-dark #autocomplete-popout .autocomplete-header-background {
    background-color: #202225
}

.theme-dark #autocomplete-popout h3 {
    color: #72767d
}

.theme-dark #autocomplete-popout input[type=text] {
    color: #f6f6f7
}

.theme-dark #autocomplete-popout input[type=text]::-webkit-input-placeholder {
    color: #72767d
}

.theme-dark #autocomplete-popout input[type=text]:-ms-input-placeholder {
    color: #72767d
}

.theme-dark #autocomplete-popout input[type=text]::placeholder {
    color: #72767d
}

.theme-dark #autocomplete-popout section {
    background-color: #2f3136;
    color: #72767d
}

.theme-dark #autocomplete-popout .row,.theme-dark #autocomplete-popout .row a {
    color: #b9bbbe
}

.theme-dark #autocomplete-popout .row.selected {
    background: -webkit-gradient(linear,left top,right top,from(rgba(40,43,48,.8)),to(#2f3136));
    background: linear-gradient(90deg,rgba(40,43,48,.8),#2f3136)
}

.theme-dark #autocomplete-popout .row.selected a,.theme-dark #autocomplete-popout .row:hover a {
    color: #f6f6f7
}

.theme-dark #autocomplete-popout .empty h4 {
    color: #b9bbbe
}

.theme-dark #autocomplete-popout .empty p {
    color: #72767d
}

.theme-light #autocomplete-popout .autocomplete-arrow,.theme-light #autocomplete-popout .autocomplete-shadow {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),0 0 0 1px hsla(216,4%,74%,.3);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),0 0 0 1px hsla(216,4%,74%,.3)
}

.theme-light #autocomplete-popout .autocomplete-arrow,.theme-light #autocomplete-popout .autocomplete-header-background {
    background-color: #f6f6f7
}

.theme-light #autocomplete-popout h3 {
    color: #b9bbbe
}

.theme-light #autocomplete-popout input[type=text] {
    color: #4f545c
}

.theme-light #autocomplete-popout input[type=text]::-webkit-input-placeholder {
    color: #b9bbbe
}

.theme-light #autocomplete-popout input[type=text]:-ms-input-placeholder {
    color: #b9bbbe
}

.theme-light #autocomplete-popout input[type=text]::placeholder {
    color: #b9bbbe
}

.theme-light #autocomplete-popout section {
    background-color: #fff;
    color: #72767d
}

.theme-light #autocomplete-popout .row,.theme-light #autocomplete-popout .row a {
    color: #72767d
}

.theme-light #autocomplete-popout .row.selected {
    background: -webkit-gradient(linear,left top,right top,from(hsla(240,6%,97%,.8)),to(#fff));
    background: linear-gradient(90deg,hsla(240,6%,97%,.8),#fff)
}

.theme-light #autocomplete-popout .row.selected a,.theme-light #autocomplete-popout .row:hover a {
    color: #4f545c
}

.theme-light #autocomplete-popout .empty h4 {
    color: #72767d
}

.theme-light #autocomplete-popout .empty p {
    color: #b9bbbe
}

.root-uMQa_6 {
    margin-top: 2px
}

.role-3rahR_ {
    -webkit-box-sizing: border-box;
    border: 1px solid;
    border-radius: 11px;
    box-sizing: border-box;
    height: 22px;
    margin: 0 4px 4px 0;
    padding: 4px
}

.roleCircle-3-vPZq {
    border-radius: 50%;
    height: 12px;
    margin-right: 4px;
    width: 12px
}

.roleCircleButton-sMOdib {
    padding: 0
}

.roleRemoveIcon-2iu0iE {
    display: none;
    height: 10px;
    width: 10px
}

.role-3rahR_:hover .roleRemoveIcon-2iu0iE {
    display: block
}

.roleName-DUQZ9m {
    margin-right: 4px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.actionButton-2mkkT2 {
    background: transparent;
    font-size: 11px;
    line-height: 11px
}

.overflowButton-3OS6Bc {
    padding: 4px 8px
}

.addButton-3RuTE0 {
    padding: 4px 5px
}

.addButtonIcon-3GVNfn {
    cursor: pointer;
    height: 10px;
    width: 10px
}

.overflowRolesPopout-2yPrHB {
    border-radius: 3px;
    padding: 8px;
    width: 200px
}

.overflowRolesPopoutArrowWrapper-31b-uJ {
    height: 12px;
    margin-left: -8px;
    overflow: hidden;
    width: 16px
}

.overflowRolesPopoutArrow-1ZyyKA {
    -webkit-transform: rotate(45deg);
    height: 8px;
    transform: rotate(45deg);
    width: 8px
}

.popout-bottom .overflowRolesPopoutArrowWrapper-31b-uJ {
    bottom: 100%;
    left: 50%;
    position: absolute
}

.popout-bottom .overflowRolesPopoutArrow-1ZyyKA {
    bottom: -4px;
    left: 4px;
    position: absolute
}

.popout-top .overflowRolesPopoutArrowWrapper-31b-uJ {
    left: 50%;
    position: absolute;
    top: 100%
}

.popout-top .overflowRolesPopoutArrow-1ZyyKA {
    left: 4px;
    position: absolute;
    top: -4px
}

.overflowRolesPopoutHeader-1NYbHZ {
}

.overflowRolesPopoutHeaderIcon-nDb1My {
    height: 12px;
    margin-right: 4px;
    width: 12px
}

.overflowRolesPopoutHeaderText-3KTb31 {
    color: #72767d;
    text-transform: uppercase
}

.theme-dark .actionButton-2mkkT2 {
    border-color: #4f545c;
    color: #b9bbbe
}

.theme-dark .overflowRolesPopout-2yPrHB {
    color: hsla(0,0%,100%,.8)
}

.theme-dark .overflowRolesPopout-2yPrHB,.theme-dark .overflowRolesPopoutArrow-1ZyyKA {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(32,34,37,.6);
    background-color: #36393f;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(32,34,37,.6)
}

.theme-light .actionButton-2mkkT2 {
    border-color: #b9bbbe;
    color: #4f545c
}

.theme-light .overflowRolesPopout-2yPrHB {
    color: rgba(79,84,92,.8)
}

.theme-light .overflowRolesPopout-2yPrHB,.theme-light .overflowRolesPopoutArrow-1ZyyKA {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),0 0 0 1px hsla(216,4%,74%,.3);
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),0 0 0 1px hsla(216,4%,74%,.3)
}

.pro-1IhGKk {
    text-transform: uppercase
}

.tip-1Hs8ce {
    line-height: 16px;
    opacity: .6
}

.block-3bMcN6 .pro-1IhGKk,.block-3bMcN6 .tip-1Hs8ce,.tip-1Hs8ce {
    font-size: 14px
}

.inline-XIL6yQ .pro-1IhGKk,.inline-XIL6yQ .tip-1Hs8ce {
    display: inline;
    font-size: 12px
}

.inline-XIL6yQ .pro-1IhGKk {
    margin-right: 3px
}

@-webkit-keyframes live-pulse-3bI5wL {
    0% {
        -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 0 0 rgba(240,71,71,.42);
        box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 0 0 rgba(240,71,71,.42)
    }

    70% {
        -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 10px 10px transparent;
        box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 10px 10px transparent
    }

    to {
        -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 0 0 transparent;
        box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 0 0 transparent
    }
}

@keyframes live-pulse-3bI5wL {
    0% {
        -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 0 0 rgba(240,71,71,.42);
        box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 0 0 rgba(240,71,71,.42)
    }

    70% {
        -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 10px 10px transparent;
        box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 10px 10px transparent
    }

    to {
        -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 0 0 transparent;
        box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 0 0 transparent
    }
}

.userPopout-11hFKo {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(32,34,37,.6);
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(32,34,37,.6);
    overflow: hidden;
    width: 250px
}

.header-3budic {
    color: #fff;
    line-height: 20px
}

.headerBotTag-1SM7sD {
    position: relative;
    top: 1px
}

.headerTop-27AvhA {
    padding: 20px 10px
}

.headerNormal-3Vn9nT {
}

.headerStreaming-lmgoma {
    background: #593695
}

.headerSpotify-26yUf5 {
    background: #1db954
}

.headerPlaying-2Q7mBy {
    background: #7289da
}

.avatarWrapper-39HKca {
    border-radius: 50%;
    margin-bottom: 10px;
    position: relative
}

.avatarWrapperNormal-JT1DFd {
    cursor: pointer
}

.avatarWrapperNormal-JT1DFd:hover .avatarHint-2ohlkz {
    opacity: 1
}

.avatarWrapperNonUserBot-n17wgS {
}

.avatarStatus-3asdLF {
    z-index: 3
}

.avatarHint-2ohlkz {
    -webkit-box-shadow: inset 0 0 120px rgba(0,0,0,.75);
    -webkit-transition: opacity .1s ease;
    border-radius: 50%;
    bottom: 0;
    box-shadow: inset 0 0 120px rgba(0,0,0,.75);
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    transition: opacity .1s ease;
    z-index: 2
}

.avatarHintInner-2PEhr7 {
    overflow: hidden;
    padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.headerText-3ptbeX {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    text-align: center
}

.headerName-3U6eDn {
    font-weight: 600;
    margin-bottom: 2px;
    word-break: break-word
}

.headerName-3U6eDn,.headerTagUsernameNoNickname-22Y2PV {
    color: #fff
}

.headerTag-I11IJx {
    color: hsla(0,0%,100%,.6)
}

.headerTagNoNickname-36rgb9 {
    white-space: normal;
    word-break: break-word
}

.headerTagUsernameNoNickname-22Y2PV {
}

.headerActivityText-38Tu39 {
    color: hsla(0,0%,100%,.6);
    font-size: 14px;
    padding: 0 10px;
    text-align: center
}

.headerActivityText-38Tu39 strong {
    font-weight: 700
}

.headerLive-3Rgafc {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase
}

.headerLive-3Rgafc .headerLiveText-1Emh53 {
    color: #fff
}

.headerLive-3Rgafc:hover {
    background-color: #503186
}

.headerLiveText-1Emh53 {
    padding: 8px 0
}

.headerLiveIcon-3_Bsgp {
    -webkit-animation: live-pulse-3bI5wL 1.5s infinite;
    animation: live-pulse-3bI5wL 1.5s infinite;
    background-color: #f04747;
    border-radius: 12px;
    display: inline-block;
    height: 12px;
    margin-right: 5px;
    width: 12px
}

.activity-3NviKQ {
    background-color: rgba(0,0,0,.05);
    padding: 10px
}

.body-3ljq11 {
    background-color: #f6f6f7;
    padding: 12px 10px 10px
}

.rolesList-2RhjNd {
    margin-top: 12px
}

.note-3rIr6P {
    margin-left: -4px
}

.note-3rIr6P textarea {
    border-radius: 2px;
    padding: 4px
}

.endBodySection-LvRMh6 {
}

.bodyTitle-18hsd9 {
    color: #72767d;
    text-transform: uppercase
}

.footer-2wFs91 {
    border-top: 1px solid;
    padding: 10px
}

.footerDefault-1t_gFA {
    padding: 10px
}

.footerCTA-31qrvB {
    position: relative
}

.footerCTA-31qrvB:hover .wumpus-2bOVVv {
    -webkit-transform: translate3d(0,4px,0);
    transform: translate3d(0,4px,0)
}

.footerCTA-31qrvB:hover .wumpusTooltip-ay1p-U {
    opacity: 1
}

.wumpusWrapper-2d_b-0 {
    margin-top: 20px;
    pointer-events: none
}

.wumpus-2bOVVv {
    -webkit-transform: translate3d(0,15px,0);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0,0,.5,1.8);
    left: 12px;
    position: absolute;
    top: 0;
    transform: translate3d(0,15px,0);
    transition: -webkit-transform .15s cubic-bezier(0,0,.5,1.8);
    transition: transform .15s cubic-bezier(0,0,.5,1.8)
}

.wumpusShown-2_pnY- {
    -webkit-transform: translate3d(0,4px,0);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0,0,.5,2.2) .15s;
    transform: translate3d(0,4px,0);
    transition: -webkit-transform .15s cubic-bezier(0,0,.5,2.2) .15s;
    transition: transform .15s cubic-bezier(0,0,.5,2.2) .15s
}

.wumpusShown-2_pnY- .wumpusTooltip-ay1p-U {
    -webkit-transition: opacity .11s linear .17s;
    opacity: 1;
    transition: opacity .11s linear .17s
}

.wumpusTooltip-ay1p-U {
    -webkit-transition: opacity .11s linear 20ms;
    border-radius: 3px;
    bottom: 15px;
    font-size: 12px;
    font-weight: 500;
    left: 2px;
    opacity: 0;
    padding: 1px 6px;
    position: relative;
    transition: opacity .11s linear 20ms
}

.wumpusTooltip-ay1p-U:after {
    border-color: transparent;
    border-right: 3px transparent;
    border-style: solid;
    content: "";
    height: 0;
    left: -6px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 0
}

.quickMessage-OCo-Q0 {
    position: relative
}

.protip-q743VF {
    text-align: center
}

.theme-dark .headerNormal-3Vn9nT {
    background-color: #202225
}

.theme-dark .body-3ljq11,.theme-dark .footer-2wFs91 {
    background-color: #2f3136;
    color: hsla(0,0%,100%,.8)
}

.theme-dark .footer-2wFs91 {
    border-color: rgba(32,34,37,.3)
}

.theme-dark .quickMessage-OCo-Q0 {
    background-color: #36393f;
    border-color: #23262a;
    color: hsla(0,0%,100%,.7)
}

.theme-dark .wumpusTooltip-ay1p-U {
    background: #fff;
    color: #4f545c
}

.theme-dark .wumpusTooltip-ay1p-U:after {
    border-right-color: #fff
}

.theme-dark .protip-q743VF {
    color: #b9bbbe
}

.theme-light .userPopout-11hFKo {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px hsla(216,4%,74%,.3);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px hsla(216,4%,74%,.3)
}

.theme-light .headerNormal-3Vn9nT {
    background-color: #f6f6f7
}

.theme-light .headerNormal-3Vn9nT .headerTag-I11IJx {
    color: #b9bbbe
}

.theme-light .headerNormal-3Vn9nT .headerName-3U6eDn,.theme-light .headerNormal-3Vn9nT .headerTagUsernameNoNickname-22Y2PV {
    color: #4f545c
}

.theme-light .body-3ljq11,.theme-light .footer-2wFs91 {
    background-color: #fff;
    color: rgba(79,84,92,.8)
}

.theme-light .footer-2wFs91 {
    border-color: hsla(216,4%,74%,.3)
}

.theme-light .wumpusTooltip-ay1p-U {
    background: hsla(210,3%,87%,.6);
    color: #4f545c
}

.theme-light .wumpusTooltip-ay1p-U:after {
    border-right-color: hsla(210,3%,87%,.6)
}

.theme-light .protip-q743VF {
    color: #9099a4
}

.darkElevationLow-1-Gmmz {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3)
}

.darkElevationHigh-1WQVaY {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.darkElevationBorderLow-2ZXyYA {
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 1px 5px 0 rgba(0,0,0,.3)
}

.darkElevationBorderHigh-3v66jW {
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2)
}

.lightElevationLow-_yxK53 {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2)
}

.lightElevationHigh-29o4H_ {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
}

.lightElevationBorderLow-1aTxWb {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 1px 5px rgba(0,0,0,.2)
}

.lightElevationBorderHigh-2w3A-F {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-light .elevationLow-5GEz9e {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2)
}

.theme-light .elevationHigh-3lNfp9 {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-light .elevationBorderLow-1ni45B {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 1px 5px rgba(0,0,0,.2)
}

.theme-light .elevationBorderHigh-3Y6y6W {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-dark .elevationLow-5GEz9e {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3)
}

.theme-dark .elevationHigh-3lNfp9 {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.theme-dark .elevationBorderLow-1ni45B {
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 1px 5px 0 rgba(0,0,0,.3)
}

.theme-dark .elevationBorderHigh-3Y6y6W {
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2)
}

.slider-2e2iXJ {
    height: 40px;
    position: relative;
    width: 100%
}

.mini-2t1Ysi {
    height: 20px
}

.mini-2t1Ysi .bar-2cFRGz {
    height: 6px;
    top: 17px
}

.mini-2t1Ysi .grabber-1TZCZi {
    border-radius: 50%;
    height: 12px;
    margin-left: -7px;
    margin-top: 3px;
    width: 12px
}

.disabled-2S0I0Y {
    opacity: .6
}

.disabled-2S0I0Y .grabber-1TZCZi {
    cursor: not-allowed
}

.input-27JrJm {
    display: none
}

.bar-2cFRGz {
    border-radius: 4px;
    display: block;
    height: 8px;
    overflow: hidden;
    position: relative;
    top: 16px
}

.barFill-18ABna {
    background: #7289da;
    height: 100%
}

.track-1h2wOF {
    bottom: 0;
    left: 5px;
    right: 5px;
    top: 0
}

.grabber-1TZCZi,.track-1h2wOF {
    position: absolute
}

.grabber-1TZCZi {
    -webkit-box-shadow: 0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);
    background-color: #fff;
    border: 1px solid #dcddde;
    border-radius: 3px;
    box-shadow: 0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);
    cursor: ew-resize;
    height: 24px;
    left: 0;
    margin-left: -5px;
    margin-top: -13px;
    top: 50%;
    width: 10px
}

.grabber-1TZCZi:active .bubble-17BwqU,.grabber-1TZCZi:hover .bubble-17BwqU {
    opacity: 1
}

.bubble-17BwqU {
    -webkit-transition: opacity .2s ease-out;
    border-radius: 3px;
    color: #f6f6f7;
    font-size: 12px;
    font-weight: 600;
    height: 22px;
    left: -21px;
    line-height: 22px;
    opacity: 0;
    text-align: center;
    top: -32px;
    transition: opacity .2s ease-out;
    width: 50px
}

.bubble-17BwqU,.bubble-17BwqU:before {
    pointer-events: none;
    position: absolute
}

.bubble-17BwqU:before {
    border: 5px solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -5px;
    top: 100%;
    width: 0
}

.mark-1zKdAK {
    -moz-user-select: none;
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-user-select: none;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-user-select: none;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    left: 0;
    margin-left: -12px;
    position: absolute;
    top: -6px;
    user-select: none;
    width: 24px
}

.markValue-235z9M {
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 4px;
    padding-left: 1px
}

.markDash-3j1QxS {
    height: 24px;
    width: 2px
}

.markDashSimple-39GjmC {
    margin-top: 10px
}

.theme-light .bar-2cFRGz {
    background: #dcddde
}

.theme-light .markValue-235z9M {
    color: #b9bbbe
}

.theme-light .markDash-3j1QxS {
    background: #dcddde
}

.theme-light .bubble-17BwqU {
    background-color: #4f545c
}

.theme-light .bubble-17BwqU:before {
    border-top-color: #4f545c
}

.theme-dark .bar-2cFRGz {
    background: #4f545c
}

.theme-dark .markValue-235z9M {
    color: #72767d
}

.theme-dark .markDash-3j1QxS {
    background: #4f545c
}

.theme-dark .bubble-17BwqU {
    background-color: #72767d
}

.theme-dark .bubble-17BwqU:before {
    border-top-color: #72767d
}

.textArea-31DGOu {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    height: auto;
    resize: none
}

.resizeable-3LkBoG {
    resize: auto
}

.inputMaxLength-1z51kE {
    position: relative
}

.maxLength-1NjdA0 {
    bottom: 12px;
    color: #72767d;
    font-family: Menlo,Consolas,Monaco,monospace;
    font-size: 12px;
    pointer-events: none;
    position: absolute;
    right: 14px
}

.spacing-3XGYwJ {
}

.Select {
    position: relative
}

.Select,.Select div,.Select input,.Select span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Select.is-disabled>.Select-control {
    background-color: #f9f9f9
}

.Select.is-disabled>.Select-control:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.Select.is-disabled .Select-arrow-zone {
    cursor: default;
    opacity: .35;
    pointer-events: none
}

.Select-control {
    background-color: #fff;
    border: 1px solid #ccc;
    border-collapse: separate;
    border-radius: 4px;
    border-spacing: 0;
    color: #333;
    cursor: default;
    display: table;
    height: 36px;
    outline: none;
    overflow: hidden;
    position: relative;
    width: 100%
}

.Select-control:hover {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.06);
    box-shadow: 0 1px 0 rgba(0,0,0,.06)
}

.Select-control .Select-input:focus {
    outline: none
}

.is-searchable.is-open>.Select-control {
    cursor: text
}

.is-open>.Select-control {
    background: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #b3b3b3 #ccc #d9d9d9
}

.is-open>.Select-control .Select-arrow {
    border-color: transparent transparent #999;
    border-width: 0 5px 5px;
    top: -3px
}

.is-searchable.is-focused:not(.is-open)>.Select-control {
    cursor: text
}

.is-focused:not(.is-open)>.Select-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1);
    border-color: #007eff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)
}

.Select--single>.Select-control .Select-value,.Select-placeholder {
    bottom: 0;
    color: #aaa;
    left: 0;
    line-height: 34px;
    max-width: 100%;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap
}

.has-value.is-clearable.Select--single>.Select-control .Select-value {
    padding-right: 42px
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label,.has-value.Select--single>.Select-control .Select-value .Select-value-label {
    color: #333
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label,.has-value.Select--single>.Select-control .Select-value a.Select-value-label {
    cursor: pointer;
    text-decoration: none
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover {
    color: #007eff;
    outline: none;
    text-decoration: underline
}

.Select-input {
    height: 34px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle
}

.Select-input>input {
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    background: none transparent;
    border: 0;
    box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    line-height: 14px;
    margin: 0;
    outline: none;
    padding: 8px 0 12px;
    width: 100%
}

.is-focused .Select-input>input {
    cursor: text
}

.has-value.is-pseudo-focused .Select-input {
    opacity: 0
}

.Select-control:not(.is-searchable)>.Select-input {
    outline: none
}

.Select-loading-zone {
    cursor: pointer;
    display: table-cell;
    text-align: center
}

.Select-loading,.Select-loading-zone {
    position: relative;
    vertical-align: middle;
    width: 16px
}

.Select-loading {
    -webkit-animation: Select-animation-spin .4s infinite linear;
    -webkit-box-sizing: border-box;
    animation: Select-animation-spin .4s infinite linear;
    border: 2px solid #ccc;
    border-radius: 50%;
    border-right: 2px solid #333;
    box-sizing: border-box;
    display: inline-block;
    height: 16px
}

.Select-clear-zone {
    -webkit-animation: Select-animation-fadeIn .2s;
    animation: Select-animation-fadeIn .2s;
    color: #999;
    cursor: pointer;
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 17px
}

.Select-clear-zone:hover {
    color: #d0021b
}

.Select-clear {
    display: inline-block;
    font-size: 18px;
    line-height: 1
}

.Select--multi .Select-clear-zone {
    width: 17px
}

.Select-arrow-zone {
    cursor: pointer;
    display: table-cell;
    padding-right: 5px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 25px
}

.Select-arrow {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2.5px;
    display: inline-block;
    height: 0;
    position: relative;
    width: 0
}

.is-open .Select-arrow,.Select-arrow-zone:hover>.Select-arrow {
    border-top-color: #666
}

.Select--multi .Select-multi-value-wrapper {
    display: inline-block
}

.Select .Select-aria-only {
    clip: rect(0,0,0,0);
    display: inline-block;
    float: left;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    width: 1px
}

@-webkit-keyframes Select-animation-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes Select-animation-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.Select-menu-outer {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.06);
    -webkit-box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    border: 1px solid;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: #e6e6e6 #ccc #ccc;
    box-shadow: 0 1px 0 rgba(0,0,0,.06);
    box-sizing: border-box;
    margin-top: -1px;
    max-height: 200px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1
}

.Select-menu {
    max-height: 198px;
    overflow-y: auto
}

.Select-option {
    -webkit-box-sizing: border-box;
    background-color: #fff;
    box-sizing: border-box;
    color: #666;
    cursor: pointer;
    display: block;
    padding: 8px 10px
}

.Select-option:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.Select-option.is-selected {
    background-color: #f5faff;
    background-color: rgba(0,126,255,.04);
    color: #333
}

.Select-option.is-focused {
    background-color: #ebf5ff;
    background-color: rgba(0,126,255,.08);
    color: #333
}

.Select-option.is-disabled {
    color: #ccc;
    cursor: default
}

.Select-noresults {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    cursor: default;
    display: block;
    padding: 8px 10px
}

.Select--multi .Select-input {
    margin-left: 10px;
    padding: 0;
    vertical-align: middle
}

.Select--multi.has-value .Select-input {
    margin-left: 5px
}

.Select--multi .Select-value {
    background-color: #ebf5ff;
    background-color: rgba(0,126,255,.08);
    border: 1px solid #c2e0ff;
    border: 1px solid rgba(0,126,255,.24);
    border-radius: 2px;
    color: #007eff;
    display: inline-block;
    font-size: .9em;
    line-height: 1.4;
    margin-left: 5px;
    margin-top: 5px;
    vertical-align: top
}

.Select--multi .Select-value-icon,.Select--multi .Select-value-label {
    display: inline-block;
    vertical-align: middle
}

.Select--multi .Select-value-label {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    cursor: default;
    padding: 2px 5px
}

.Select--multi a.Select-value-label {
    color: #007eff;
    cursor: pointer;
    text-decoration: none
}

.Select--multi a.Select-value-label:hover {
    text-decoration: underline
}

.Select--multi .Select-value-icon {
    border-bottom-left-radius: 2px;
    border-right: 1px solid #c2e0ff;
    border-right: 1px solid rgba(0,126,255,.24);
    border-top-left-radius: 2px;
    cursor: pointer;
    padding: 1px 5px 3px
}

.Select--multi .Select-value-icon:focus,.Select--multi .Select-value-icon:hover {
    background-color: #d8eafd;
    background-color: rgba(0,113,230,.08);
    color: #0071e6
}

.Select--multi .Select-value-icon:active {
    background-color: #c2e0ff;
    background-color: rgba(0,126,255,.24)
}

.Select--multi.is-disabled .Select-value {
    background-color: #fcfcfc;
    border: 1px solid #e3e3e3;
    color: #333
}

.Select--multi.is-disabled .Select-value-icon {
    border-right: 1px solid #e3e3e3;
    cursor: not-allowed
}

.Select--multi.is-disabled .Select-value-icon:active,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:hover {
    background-color: #fcfcfc
}

@keyframes Select-animation-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes Select-animation-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

.select-3JqNgs.error-pasfyc .Select .Select-control {
    border-color: #f04747
}

.select-3JqNgs.error-pasfyc .errorMessage-3hjfCo {
    color: #f04747;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px
}

.Select {
    font-size: 16px
}

.Select .Select-value {
    top: inherit
}

.Select .Select-value-label {
    font-weight: 400;
    position: relative;
    top: 1px
}

.Select .Select-control {
    -webkit-transition: border .15s ease;
    border-radius: 3px;
    outline: none;
    transition: border .15s ease
}

.Select .Select-control .Select-placeholder {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.Select .Select-control .Select-clear {
    opacity: .5
}

.Select .Select-control:hover .Select-clear {
    opacity: 1
}

.Select.is-open .Select-control {
    border-radius: 3px 3px 0 0
}

.Select.is-focused .Select-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.Select.is-focused .Select-control .Select-clear {
    opacity: 1
}

.Select.is-disabled .Select-control {
    cursor: not-allowed;
    opacity: .6
}

.Select.is-disabled .Select-control:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.Select .Select-menu-outer {
    outline: none;
    z-index: 2
}

.Select .Select-menu {
    border-radius: 0 0 3px 3px
}

.Select .Select-option.is-selected {
    border-radius: 0
}

.Select .Select-control,.Select .Select-option {
    min-height: 40px
}

.Select .Select-control {
    padding-top: 3px
}

.Select .Select-control div {
    line-height: 34px;
    padding-top: 2px
}

.Select .Select-option {
    line-height: 24px
}

.Select .Select-placeholder {
    line-height: 39px
}

.Select .Select-input input {
    bottom: 2px;
    padding: 0;
    position: relative
}

.theme-light .select-3JqNgs .has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label,.theme-light .select-3JqNgs .has-value.Select--single>.Select-control .Select-value .Select-value-label,.theme-light .select-3JqNgs .Select-value-label {
    color: #4f545c
}

.theme-light .select-3JqNgs .Select-control {
    -webkit-box-shadow: none;
    background: rgba(79,84,92,.02);
    border: 1px solid rgba(79,84,92,.3);
    box-shadow: none
}

.theme-light .select-3JqNgs .Select-control .Select-placeholder {
    color: #b9bbbe
}

.theme-light .select-3JqNgs .Select-control .Select-arrow {
    border-color: #dcddde transparent transparent
}

.theme-light .select-3JqNgs .Select-control:hover {
    border-color: #b9bbbe
}

.theme-light .select-3JqNgs .Select-control:hover .Select-arrow {
    border-color: #4f545c transparent transparent
}

.theme-light .select-3JqNgs .is-focused .Select-control {
    border-color: #b9bbbe
}

.theme-light .select-3JqNgs .is-focused .Select-control .Select-arrow {
    border-color: #4f545c transparent transparent
}

.theme-light .select-3JqNgs .is-open .Select-control {
    background: hsla(240,6%,97%,.3)
}

.theme-light .select-3JqNgs .is-open .Select-control .Select-arrow {
    border-color: transparent transparent #72767d
}

.theme-light .select-3JqNgs .is-disabled .Select-control {
    border-color: #dcddde
}

.theme-light .select-3JqNgs .is-disabled .Select-control:hover .Select-arrow {
    border-color: #dcddde transparent transparent
}

.theme-light .select-3JqNgs .Select-menu-outer {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    border-color: #b9bbbe;
    box-shadow: 0 1px 5px rgba(0,0,0,.2)
}

.theme-light .select-3JqNgs .Select-option {
    background: hsla(240,6%,97%,.3)
}

.theme-light .select-3JqNgs .Select-option.is-focused,.theme-light .select-3JqNgs .Select-option:hover {
    background: #f6f6f7
}

.theme-light .select-3JqNgs .Select-option.is-selected {
    background: #dcddde
}

.theme-light .select-3JqNgs .Select-input input {
    color: #4f545c
}

.theme-dark .select-3JqNgs .has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label,.theme-dark .select-3JqNgs .has-value.Select--single>.Select-control .Select-value .Select-value-label {
    color: #f6f6f7
}

.theme-dark .select-3JqNgs .Select-control {
    -webkit-box-shadow: none;
    background: rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.3);
    box-shadow: none
}

.theme-dark .select-3JqNgs .Select-control .Select-placeholder {
    color: #72767d
}

.theme-dark .select-3JqNgs .Select-control .Select-value>.Select-value-label {
    color: #f6f6f7
}

.theme-dark .select-3JqNgs .Select-control .Select-arrow {
    border-color: #72767d transparent transparent
}

.theme-dark .select-3JqNgs .Select-control:hover {
    border-color: #040405
}

.theme-dark .select-3JqNgs .Select-control:hover .Select-arrow {
    border-color: #f6f6f7 transparent transparent
}

.theme-dark .select-3JqNgs .is-focused .Select-control {
    border-color: rgba(0,0,0,.6)
}

.theme-dark .select-3JqNgs .is-focused .Select-control .Select-arrow {
    border-color: #f6f6f7 transparent transparent
}

.theme-dark .select-3JqNgs .is-open .Select-control .Select-arrow {
    border-color: transparent transparent #f6f6f7
}

.theme-dark .select-3JqNgs .is-disabled .Select-control {
    background: rgba(0,0,0,.1);
    border-color: #202225
}

.theme-dark .select-3JqNgs .is-disabled .Select-control:hover .Select-arrow {
    border-color: #72767d transparent transparent
}

.theme-dark .select-3JqNgs .Select-menu-outer {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    background: #303237;
    border-color: #202225;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3)
}

.theme-dark .select-3JqNgs .Select-menu::-webkit-scrollbar {
    width: 8px
}

.theme-dark .select-3JqNgs .Select-menu::-webkit-scrollbar-thumb,.theme-dark .select-3JqNgs .Select-menu::-webkit-scrollbar-track-piece {
    background-clip: padding-box;
    background-color: rgba(0,0,0,.4);
    border-color: transparent;
    border-radius: 4px
}

.theme-dark .select-3JqNgs .Select-menu::-webkit-scrollbar-track-piece {
    background-color: transparent;
    border-color: transparent
}

.theme-dark .select-3JqNgs .Select-option {
    background-color: transparent;
    color: #f6f6f7
}

.theme-dark .select-3JqNgs .Select-option.is-focused,.theme-dark .select-3JqNgs .Select-option:hover {
    background: rgba(0,0,0,.1)
}

.theme-dark .select-3JqNgs .Select-option.is-selected {
    background: rgba(0,0,0,.2)
}

.theme-dark .select-3JqNgs .Select-input input {
    color: #f6f6f7
}

.spacing-C93q7R {
}

.formText-1L-zZB a:hover {
    text-decoration: underline
}

.formText-1L-zZB strong {
    font-weight: 600
}

.default-3bB32Y,.labelDescriptor-1BebCl,.labelSelected-2H3qNC,.placeholder-2ZdNOt {
}

.labelSelected-2H3qNC {
    font-weight: 500
}

.labelBold-1QoWDr {
    font-weight: 600
}

.description-3MVziF {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.modeDefault-389VjU {
    cursor: default
}

.modeSelectable-ZWJ_KZ {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    cursor: text;
    user-select: text
}

.modeDisabled-1GfQwv {
    cursor: not-allowed;
    opacity: .3
}

.theme-light .placeholder-2ZdNOt {
    color: rgba(79,84,92,.3)
}

.theme-light .description-3MVziF,.theme-light .labelDescriptor-1BebCl {
    color: hsla(218,5%,47%,.6)
}

.theme-dark .placeholder-2ZdNOt {
    color: hsla(240,6%,97%,.3)
}

.theme-dark .description-3MVziF,.theme-dark .labelDescriptor-1BebCl {
    color: #72767d
}

.switch-3lyafC {
    -moz-user-select: none;
    -ms-flex: 0 0 auto;
    -ms-user-select: none;
    -webkit-box-flex: 0;
    -webkit-transition: background .15s ease-in-out,border .15s ease-in-out,opacity .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    display: block;
    flex: 0 0 auto;
    position: relative;
    transition: background .15s ease-in-out,border .15s ease-in-out,opacity .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out,opacity .15s ease-in-out;
    user-select: none
}

.switchEnabled-3CPlLV {
    opacity: 1;
    overflow: hidden
}

.switchEnabled-3CPlLV:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.switchEnabled-3CPlLV:active:before {
    opacity: .1
}

.switchDisabled-2OLY_e {
    opacity: .3
}

.checkbox-1KYsPm {
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.checkboxEnabled-4QfryV {
    cursor: pointer
}

.checkboxDisabled-31CpDw {
    cursor: not-allowed
}

.size-yI1KRe:after {
    background-color: #fff;
    content: "";
    display: block;
    position: absolute;
    z-index: 1
}

.size-yI1KRe:active:after {
    background-color: #f6f6f7
}

.sizeDefault-rZbSBU {
    border-radius: 14px;
    height: 24px;
    width: 42px
}

.sizeDefault-rZbSBU:after {
    margin: 3px;
    width: 18px
}

.sizeDefault-rZbSBU:after,.sizeMini-1Xu3Pz {
    border-radius: 9px;
    height: 18px
}

.sizeMini-1Xu3Pz {
    width: 32px
}

.sizeMini-1Xu3Pz:after {
    border-radius: 7px;
    height: 14px;
    margin: 2px;
    width: 14px
}

.themeDefault-3M0dJU {
    background-color: #72767d
}

.themeDefault-3M0dJU:before {
    background-color: #000
}

.themeDefault-3M0dJU.sizeDefault-rZbSBU {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.15)
}

.themeDefault-3M0dJU.sizeDefault-rZbSBU:after {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    box-shadow: 0 2px 4px rgba(0,0,0,.3)
}

.themeDefault-3M0dJU.sizeDefault-rZbSBU:active:after {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px rgba(0,0,0,.4)
}

.themeDefault-3M0dJU .sizeMini-1Xu3Pz:after {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3)
}

.themeDefault-3M0dJU.valueChecked-3Bzkbm {
    background-color: #7289da
}

.themeClear-1NqU69 {
    background: transparent
}

.themeClear-1NqU69.valueChecked-3Bzkbm {
    background-color: #7289da
}

.themeClear-1NqU69.valueUnchecked-XR6AOk {
    background-color: transparent
}

.themeClear-1NqU69.valueUnchecked-XR6AOk.sizeDefault-rZbSBU {
    -webkit-box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.2);
    box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.2)
}

.themeClear-1NqU69.valueUnchecked-XR6AOk.sizeMini-1Xu3Pz {
    -webkit-box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.2);
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.2)
}

.value-kmHGfs:after {
    -webkit-transition: width .1s ease-in-out,left .1s ease-in-out,-webkit-transform .15s ease-in-out;
    left: 0;
    transition: width .1s ease-in-out,left .1s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,width .1s ease-in-out,left .1s ease-in-out
}

.valueUnchecked-XR6AOk {
}

.valueUnchecked-XR6AOk:after {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.valueUnchecked-XR6AOk.sizeMini-1Xu3Pz:active:after {
    width: 18px
}

.valueUnchecked-XR6AOk.sizeDefault-rZbSBU:active:after {
    width: 26px
}

.valueChecked-3Bzkbm {
}

.valueChecked-3Bzkbm.sizeDefault-rZbSBU:after {
    -webkit-transform: translate3d(18px,0,0);
    transform: translate3d(18px,0,0)
}

.valueChecked-3Bzkbm.sizeDefault-rZbSBU:active:after {
    left: -8px;
    width: 26px
}

.valueChecked-3Bzkbm.sizeMini-1Xu3Pz:after {
    -webkit-transform: translate3d(14px,0,0);
    transform: translate3d(14px,0,0)
}

.valueChecked-3Bzkbm.sizeMini-1Xu3Pz:active:after {
    left: -4px;
    width: 18px
}

.divider-1G01Z9 {
    height: 1px;
    width: 100%
}

.theme-light .divider-1G01Z9 {
    background-color: hsla(216,4%,74%,.3)
}

.theme-dark .divider-1G01Z9 {
    background-color: hsla(218,5%,47%,.3)
}

.switchItem-1uofoz {
}

.disabled-2c1Mfv {
    cursor: not-allowed
}

.disabled-2c1Mfv .titleDefault-1CWM9y,.disabled-2c1Mfv .titleMini-1L-_Ey {
    cursor: not-allowed;
    opacity: .6
}

.title-3i-5G_ {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    cursor: default;
    flex: 1;
    overflow: hidden;
    word-wrap: break-word
}

.theme-dark .title-3i-5G_ {
    color: #f6f6f7
}

.theme-light .title-3i-5G_ {
    color: #4f545c
}

.titleDefault-1CWM9y {
}

.titleMini-1L-_Ey {
    line-height: 18px
}

.note-UEZmbY {
}

.dividerDefault-77PXsz {
}

.dividerMini-xHVreD {
}

.spacing-R6wGiU {
}

.fromToWrapper-1Et1cL {
    background: no-repeat 50% 0;
    padding-top: 24px
}

.from-3jlNC8,.to-1B1cnC {
    border-radius: 50%
}

.from-3jlNC8 {
    margin-right: -27px;
    opacity: .3
}

.to-1B1cnC {
    position: relative;
    z-index: 1
}

.theme-dark .to-1B1cnC {
    -webkit-box-shadow: 0 0 0 4px #2f3136;
    background-color: #2f3136;
    box-shadow: 0 0 0 4px #2f3136
}

.theme-dark .fromToWrapper-1Et1cL {
    background-image: url(/assets/7d74fde5c67e7d6dd17ebefedce42c74.svg)
}

.theme-light .to-1B1cnC {
    -webkit-box-shadow: 0 0 0 4px #f6f6f7;
    background-color: #f6f6f7;
    box-shadow: 0 0 0 4px #f6f6f7
}

.theme-light .fromToWrapper-1Et1cL {
    background-image: url(/assets/c4fcc96859526eae2dfd060c7eeaa303.svg)
}

.theme-light .hljs {
    -webkit-text-size-adjust: none;
    background: #fdf6e3;
    color: #657b83;
    display: block;
    overflow-x: auto;
    padding: .5em
}

.theme-light .hljs-comment,.theme-light .hljs-quote {
    color: #586e75
}

.theme-light .hljs-addition,.theme-light .hljs-keyword,.theme-light .hljs-selector-tag {
    color: #859900
}

.theme-light .hljs-doctag,.theme-light .hljs-literal,.theme-light .hljs-meta .hljs-meta-string,.theme-light .hljs-number,.theme-light .hljs-regexp,.theme-light .hljs-string {
    color: #2aa198
}

.theme-light .hljs-name,.theme-light .hljs-section,.theme-light .hljs-selector-class,.theme-light .hljs-selector-id,.theme-light .hljs-title {
    color: #268bd2
}

.theme-light .hljs-attr,.theme-light .hljs-attribute,.theme-light .hljs-class .hljs-title,.theme-light .hljs-template-variable,.theme-light .hljs-type,.theme-light .hljs-variable {
    color: #b58900
}

.theme-light .hljs-bullet,.theme-light .hljs-link,.theme-light .hljs-meta,.theme-light .hljs-meta .hljs-keyword,.theme-light .hljs-selector-attr,.theme-light .hljs-selector-pseudo,.theme-light .hljs-subst,.theme-light .hljs-symbol {
    color: #cb4b16
}

.theme-light .hljs-built_in,.theme-light .hljs-deletion {
    color: #dc322f
}

.theme-light .hljs-formula {
    background: #073642
}

.theme-light .hljs-emphasis {
    font-style: italic
}

.theme-light .hljs-strong {
    font-weight: 700
}

.theme-dark .hljs {
    -webkit-text-size-adjust: none;
    background: #002b36;
    color: #839496;
    display: block;
    overflow-x: auto;
    padding: .5em
}

.theme-dark .hljs-comment,.theme-dark .hljs-quote {
    color: #586e75
}

.theme-dark .hljs-addition,.theme-dark .hljs-keyword,.theme-dark .hljs-selector-tag {
    color: #859900
}

.theme-dark .hljs-doctag,.theme-dark .hljs-literal,.theme-dark .hljs-meta .hljs-meta-string,.theme-dark .hljs-number,.theme-dark .hljs-regexp,.theme-dark .hljs-string {
    color: #2aa198
}

.theme-dark .hljs-name,.theme-dark .hljs-section,.theme-dark .hljs-selector-class,.theme-dark .hljs-selector-id,.theme-dark .hljs-title {
    color: #268bd2
}

.theme-dark .hljs-attr,.theme-dark .hljs-attribute,.theme-dark .hljs-class .hljs-title,.theme-dark .hljs-template-variable,.theme-dark .hljs-type,.theme-dark .hljs-variable {
    color: #b58900
}

.theme-dark .hljs-bullet,.theme-dark .hljs-link,.theme-dark .hljs-meta,.theme-dark .hljs-meta .hljs-keyword,.theme-dark .hljs-selector-attr,.theme-dark .hljs-selector-pseudo,.theme-dark .hljs-subst,.theme-dark .hljs-symbol {
    color: #cb4b16
}

.theme-dark .hljs-built_in,.theme-dark .hljs-deletion {
    color: #dc322f
}

.theme-dark .hljs-formula {
    background: #073642
}

.theme-dark .hljs-emphasis {
    font-style: italic
}

.theme-dark .hljs-strong {
    font-weight: 700
}

.scroller-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.scroller-wrap,.scroller-wrap .scroller {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    min-height: 1px
}

.scroller-wrap .scroller {
    contain: layout;
    overflow-y: scroll
}

.scroller-wrap .scroller.scrolling>* {
    pointer-events: none
}

.scroller-wrap .scroller::-webkit-scrollbar {
    width: 14px
}

.scroller-wrap .scroller::-webkit-scrollbar-thumb,.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
    background-clip: padding-box;
    background-color: #7289da;
    border: 3px solid #fff;
    border-radius: 7px
}

.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
    background-color: #f3f3f3
}

.scroller-wrap.polyfill .scroller {
    padding-right: 14px
}

.scroller-wrap .scrollbar {
    background-color: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px
}

.scroller-wrap .scrollbar:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    left: -3px;
    position: absolute;
    top: 0;
    width: 3px
}

.scroller-wrap .scrollbar .track {
    -ms-flex-direction: column;
    -ms-flex-positive: 1;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    background: #f3f3f3;
    border-radius: 4px;
    flex-direction: column;
    flex-grow: 1;
    margin: 3px
}

.scroller-wrap .scrollbar .thumb {
    background-color: #fff;
    border-radius: 7px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.scroller-wrap .scrollbar .thumb:after {
    background-color: #7289da;
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 0;
    margin: 3px;
    position: absolute;
    right: 0;
    top: 0
}

.scroller-wrap.fade .scroller::-webkit-scrollbar-thumb,.scroller-wrap.fade .scroller::-webkit-scrollbar-track-piece {
    visibility: hidden
}

.scroller-wrap.fade .scroller:hover:hover::-webkit-scrollbar-thumb,.scroller-wrap.fade .scroller:hover:hover::-webkit-scrollbar-track-piece,.scroller-wrap.fade:hover:hover::-webkit-scrollbar-thumb,.scroller-wrap.fade:hover:hover::-webkit-scrollbar-track-piece {
    visibility: visible
}

.scroller-wrap.fade .scroller:hover .scrollbar .thumb,.scroller-wrap.fade:hover .scrollbar .thumb {
    opacity: 1
}

.scroller-wrap.fade .scrollbar .thumb {
    -webkit-transition: opacity .1s ease-in-out;
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.scroller-wrap.dark .scroller::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.4);
    border-color: transparent
}

.scroller-wrap.dark .scroller::-webkit-scrollbar-track-piece {
    background-color: transparent;
    border-color: transparent
}

.scroller-wrap.dark .scrollbar,.scroller-wrap.dark .scrollbar:after {
    background-color: #2f3136
}

.scroller-wrap.dark .scrollbar .track {
    background-color: transparent
}

.scroller-wrap.dark .scrollbar .thumb {
    background-color: #2f3136
}

.scroller-wrap.dark .scrollbar .thumb:after {
    background-color: rgba(0,0,0,.4)
}

.scroller-wrap.light .scroller::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.4);
    border-color: transparent
}

.scroller-wrap.light .scroller::-webkit-scrollbar-track-piece {
    background-color: transparent;
    border-color: transparent
}

.scroller-wrap.light .scrollbar,.scroller-wrap.light .scrollbar:after {
    background-color: #f3f3f3
}

.scroller-wrap.light .scrollbar .track {
    background-color: transparent
}

.scroller-wrap.light .scrollbar .thumb {
    background-color: #f3f3f3
}

.scroller-wrap.light .scrollbar .thumb:after {
    background-color: rgba(0,0,0,.4)
}

#oauth2-message {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    background-color: #282b30;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0
}

#oauth2-message .oauth2-message-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block
}

#oauth2-message .oauth2-message-icon-x {
    background-image: url(/assets/cb022a13e6d1ccbfdc832dbf2d23026a.svg);
    background-size: 92px 92px;
    height: 92px;
    width: 92px
}

#oauth2-message .oauth2-message-icon-check {
    background-image: url(/assets/d2d5349e18523c06528f5a5c5665f804.svg);
    background-size: 158px 130px;
    height: 130px;
    width: 158px
}

#oauth2-message .oauth2-message-text {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    margin-top: 26px
}

#oauth2-message .oauth2-message-text strong {
    font-weight: 700
}

#oauth2-message .oauth2-message-subtext {
    color: hsla(0,0%,100%,.4);
    font-size: 12px;
    line-height: 22px
}

#oauth2-authorize {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-color: #282b30;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0
}

#oauth2-authorize .authorize-inner {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
    background: #35383c;
    border-radius: 5px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 500px
}

#oauth2-authorize .authorize-inner:before {
    background: url(/assets/5c5bb53489a0a9f602df0a24c5981523.svg) 50% no-repeat;
    content: " ";
    height: 46px;
    left: 0;
    opacity: .2;
    position: absolute;
    top: -86px;
    width: 40px;
    width: 100%
}

#oauth2-authorize .authorize-inner .scroller-wrap {
    max-height: calc(100vh - 500px)
}

#oauth2-authorize .authorize-inner header {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.06);
    -webkit-box-sizing: border-box;
    align-items: center;
    background: #7289da;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.06);
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 140px;
    padding: 24px
}

#oauth2-authorize .authorize-inner header .application-name {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden
}

#oauth2-authorize .authorize-inner header .application-name>:first-child {
    color: hsla(0,0%,100%,.4);
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase
}

#oauth2-authorize .authorize-inner header .application-name>:last-child {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#oauth2-authorize .authorize-inner header .application-icon {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background: hsla(0,0%,100%,.2);
    border-radius: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 92px;
    justify-content: center;
    margin-left: 30px;
    width: 92px
}

#oauth2-authorize .authorize-inner header .application-icon .application-icon-inner {
    background: url(/assets/1afb8f8e80a200ef3aa11131c0c07934.png) 50% no-repeat;
    background-size: 92px;
    border-radius: 40px;
    height: 80px;
    width: 80px
}

#oauth2-authorize .authorize-inner .captcha {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-top: 30px
}

#oauth2-authorize .authorize-inner .captcha label {
    color: hsla(0,0%,100%,.2);
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 20px;
    text-transform: uppercase
}

#oauth2-authorize .authorize-inner .captcha .recaptcha {
    height: 78px
}

#oauth2-authorize .authorize-inner .scopes {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-top: 30px
}

#oauth2-authorize .authorize-inner .scopes label {
    color: hsla(0,0%,100%,.2);
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase
}

#oauth2-authorize .authorize-inner .scopes .scope {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#oauth2-authorize .authorize-inner .scopes .scope .scope-check {
    -webkit-box-sizing: border-box;
    background: hsla(0,0%,100%,.2);
    border-radius: 18px;
    box-sizing: border-box;
    height: 36px;
    margin-right: 20px;
    margin-top: 14px;
    padding: 2px;
    width: 36px
}

#oauth2-authorize .authorize-inner .scopes .scope .scope-check .scope-check-inner {
    -webkit-box-sizing: border-box;
    background-color: #747f8d;
    background-image: url(/assets/eb7df431c75a876011cf8a271e42ef67.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 17px 13px;
    border: 2px solid #35383c;
    border-radius: 16px;
    box-sizing: border-box;
    height: 32px;
    width: 32px
}

#oauth2-authorize .authorize-inner .scopes .scope .scope-inner {
    -ms-flex: 1;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-height: 65px;
    padding: 13px 0
}

#oauth2-authorize .authorize-inner .scopes .scope .scope-inner .scope-name {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px
}

#oauth2-authorize .authorize-inner .scopes .scope .scope-inner .scope-description {
    color: hsla(0,0%,100%,.2);
    font-size: 12px;
    line-height: 15px
}

#oauth2-authorize .authorize-inner .scopes .scope .scope-inner .scope-description strong {
    font-weight: 700
}

#oauth2-authorize .authorize-inner .scopes .scope .scope-inner .scope-error {
    color: #f04747
}

#oauth2-authorize .authorize-inner .scopes .scope:last-child .scope-inner {
    border-bottom: none
}

#oauth2-authorize .authorize-inner .scopes .scope.allow .scope-check-inner {
    background-color: #43b581;
    background-image: url(/assets/0dad6ae26c09abbd543809368519a210.svg)
}

#oauth2-authorize .authorize-inner .security-notice {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background: #494b4f;
    color: hsla(0,0%,100%,.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    line-height: 15px;
    padding: 8px
}

#oauth2-authorize .authorize-inner .security-notice .security-notice-icon {
    -ms-flex-item-align: start;
    align-self: flex-start;
    background: url(/assets/070055737be7cc01fb3d27820574133e.png) 50% no-repeat;
    background-size: 9px 12px;
    display: inline-block;
    height: 12px;
    margin-right: 8px;
    width: 9px
}

#oauth2-authorize .authorize-inner .security-notice strong {
    font-weight: 700
}

#oauth2-authorize .authorize-inner footer {
    border-radius: 0 0 5px 5px;
    padding: 20px;
    text-align: right
}

#oauth2-authorize .authorize-inner footer button {
    background: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    padding: 0
}

#oauth2-authorize .authorize-inner footer button:hover {
    border-bottom: 2px solid #fff
}

#oauth2-authorize .authorize-inner footer button.primary {
    background: #7289da;
    border-radius: 3px;
    padding: 8px 21px
}

#oauth2-authorize .authorize-inner footer button.primary:hover {
    background: #697ec4;
    border-bottom: none
}

#oauth2-authorize .authorize-inner footer button+button {
    margin-left: 14px
}

#oauth2-authorize .select {
    position: relative
}

#oauth2-authorize .select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    appearance: none;
    background: #35383c;
    border: 2px solid hsla(0,0%,100%,.2);
    border-radius: 3px;
    box-sizing: border-box;
    color: hsla(0,0%,100%,.2);
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 19px;
    margin-top: 12px;
    padding: 12px;
    position: relative;
    width: 100%
}

#oauth2-authorize .select select:active,#oauth2-authorize .select select:focus {
    border-color: #7289da;
    outline: none
}

#oauth2-authorize .select:after {
    border: 6px solid transparent;
    border-top: 6px solid hsla(0,0%,100%,.2);
    content: " ";
    height: 0;
    margin-top: 3px;
    pointer-events: none;
    position: absolute;
    right: 14px;
    top: 50%;
    width: 0
}

#oauth2-authorize .select.focus:after {
    border-top-color: #7289da
}

#oauth2-authorize .select.has-value select {
    color: #fff
}

#oauth2-authorize .scope-bot .avatar-large {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-color: #7289da;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    float: left;
    justify-content: center;
    margin-right: 10px;
    margin-top: 10px;
    opacity: .2
}

#oauth2-authorize .scope-bot .avatar-large.selected,#oauth2-authorize .scope-bot .avatar-large:hover {
    opacity: 1
}

#oauth2-authorize .bot-permissions {
    margin-top: 13px
}

#oauth2-authorize .bot-permissions ul {
    -ms-flex-flow: row wrap;
    -ms-flex-pack: justify;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: -13px;
    margin-top: 13px
}

#oauth2-authorize .bot-permissions ul li {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 13px;
    width: 50%
}

#oauth2-authorize .bot-permissions ul li.disallowed {
    -webkit-transition: color .24s;
    color: hsla(0,0%,100%,.3);
    transition: color .24s
}

#oauth2-authorize .bot-permissions ul li.disallowed .checkbox-inner span {
    border-color: hsla(0,0%,100%,.6)
}

@media only screen and (max-width: 500px) {
    #oauth2-authorize .authorize-inner {
        bottom:0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto
    }

    #oauth2-authorize .authorize-inner footer,#oauth2-authorize .authorize-inner header {
        border-radius: 0
    }

    #oauth2-authorize .authorize-inner .scroller-wrap {
        max-height: inherit
    }

    #oauth2-authorize .authorize-inner .security-notice,#oauth2-authorize .authorize-inner footer,#oauth2-authorize .authorize-inner header {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

#oauth2-authorize.no-background,#oauth2-authorize.no-background .authorize-inner:before {
    background: none
}

.speakers-E8Nj-Y {
    pointer-events: auto
}

.speakersLarge-zACUgQ {
    margin-top: 12px
}

.speakersSmall-39T0CW {
    margin-top: 5px
}

.speaker-xIdm7A {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    opacity: .5
}

.speaker-xIdm7A+.speaker-xIdm7A {
    margin-top: 5px
}

.speaker-xIdm7A.active-1DkAhO {
    opacity: 1
}

.speaker-xIdm7A.flipped-3PAcKB {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.speakerUsername-3uZsLU {
    max-width: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.speakerUsername-3uZsLU,.username-27gSGS {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.username-27gSGS {
    background-color: rgba(0,0,0,.4);
    border-radius: 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    margin-left: 6px;
    max-width: 200px;
    padding: 4px 6px;
    word-wrap: break-word
}

.usernameFlipped-1D_YGe {
    margin-left: 0;
    margin-right: 12px;
    text-align: right
}

.avatarLarge-X9YLni,.avatarSmall-3w3b8t {
    -ms-flex-negative: 0;
    background-position: 50%;
    flex-shrink: 0
}

.avatarSmall-3w3b8t {
    background-size: 28px 28px;
    border-radius: 14px;
    height: 28px;
    margin: 4px;
    width: 28px
}

.avatarLarge-X9YLni {
    background-size: 36px 36px;
    border-radius: 18px;
    height: 36px;
    margin: 0;
    width: 36px
}

.ringingAlert-1bK5PM {
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    -webkit-box-sizing: border-box;
    background-color: rgba(0,0,0,.6);
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 200px;
    min-height: 36px;
    padding: 0 10px;
    position: absolute;
    top: 0
}

.ringingAlertDefault-10vAu3 {
    left: 38px
}

.ringingAlertFlipped-1SSqqh {
    right: 38px
}

.notification-2IBied {
    font-size: 15px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.help-2_5jKB {
    font-size: 12px;
    font-weight: 400
}

.wrapper-1mlrFP {
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 36px;
    justify-content: center;
    pointer-events: none
}

.wordmark-3GEunV {
    background: url(/assets/f77cb9de0912a38dd418475f35ca1410.svg) 0 no-repeat;
    background-size: contain contain;
    height: 14px;
    width: 69px
}

.notification-ykYMUW {
    max-width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.keybind-1aQE-2 {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin-left: -1px;
    margin-top: 2px
}

.keybindDefault-2sTiS_,.keybindFlipped-w3pwfX {
}

.keybindFlipped-w3pwfX {
    text-align: right
}

.radio {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.radio.disabled {
    opacity: .3;
    pointer-events: none
}

.radio .radio-inner {
    border: 1px solid;
    border-radius: 15px;
    display: inline-block;
    height: 28px;
    margin-right: 10px;
    position: relative;
    width: 28px
}

.radio .radio-inner.default span:after {
    opacity: .2
}

.radio .radio-inner input[type=radio] {
    visibility: hidden
}

.radio .radio-inner input[type=radio]:checked+span:after {
    opacity: 1
}

.radio .radio-inner span {
    cursor: pointer;
    left: 4px;
    top: 4px
}

.radio .radio-inner span,.radio .radio-inner span:after {
    border-radius: 7px;
    height: 14px;
    position: absolute;
    width: 14px
}

.radio .radio-inner span:after {
    -webkit-transition: .3s ease;
    content: "";
    left: 3px;
    opacity: 0;
    top: 3px;
    transition: .3s ease
}

.theme-dark .radio .radio-inner {
    background-color: #4f545c;
    border-color: #1c242b
}

.theme-dark .radio .radio-inner.default span:after {
    opacity: .4
}

.theme-dark .radio .radio-inner span:after {
    background-color: #7289da
}

.theme-dark .radio:hover span:after {
    background-color: #7289da;
    opacity: .6
}

.theme-light .radio .radio-inner {
    background-color: #fff;
    border-color: #cdcdcd
}

.theme-light .radio .radio-inner.default span:after {
    opacity: .2
}

.theme-light .radio .radio-inner span:after {
    background-color: #7289da
}

.theme-light .radio:hover span:after {
    background-color: #7289da;
    opacity: .2
}

.radioImage-FH04lI {
    cursor: pointer;
    position: relative
}

.inner-3FBSJa {
    background: transparent;
    background-position: 50%;
    border: 2px solid hsla(0,0%,100%,.2);
    border-radius: 3px;
    height: 100px;
    position: relative;
    width: 100px
}

.inner-3FBSJa:hover .span-1xCgej:after {
    border-color: #7289da;
    opacity: .5
}

.input-2MI0UU {
    position: absolute;
    visibility: hidden
}

.input-2MI0UU:checked+.span-1xCgej:after {
    opacity: 1
}

.span-1xCgej {
    border-radius: 3px;
    cursor: pointer;
    left: 0;
    top: 0
}

.span-1xCgej,.span-1xCgej:after {
    height: 100%;
    position: absolute;
    width: 100%
}

.span-1xCgej:after {
    -webkit-transition: .3s ease;
    border: 2px solid #7289da;
    border-radius: 3px;
    content: "";
    left: -2px;
    opacity: 0;
    top: -2px;
    transition: .3s ease
}

.children-2Wwis8 {
    height: 100%;
    width: 100%
}

.popout-2Py-_h {
    position: relative;
    width: 270px
}

.popout-2Py-_h .section-3y_XWs {
    background-color: #2f3136;
    color: hsla(0,0%,100%,.7)
}

.popout-2Py-_h .section-3y_XWs .radio-inner {
    background-color: transparent;
    border-radius: 2px;
    height: 12px;
    top: 3px;
    width: 12px
}

.popout-2Py-_h .section-3y_XWs .radio-inner+span {
    margin-left: 5px
}

.popout-2Py-_h .section-3y_XWs .radio-inner span {
    height: 12px;
    left: 0;
    top: 0;
    width: 12px
}

.popout-2Py-_h .section-3y_XWs .radio-inner span:after {
    background: #3ca374;
    border-radius: 1px;
    height: 12px;
    left: 0;
    top: 0;
    width: 12px
}

.header-3kiio1 {
    color: #fff;
    font-weight: 400;
    padding: 13px
}

.controlGroup-2Ne4bm {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.controlGroup-2Ne4bm ul {
    margin-bottom: 0;
    margin-top: 8px
}

.controlGroup-2Ne4bm ul li+li {
    margin-top: 6px
}

.controlGroup-2Ne4bm+.controlGroup-2Ne4bm {
    margin-top: 22px
}

.label-2Rj5MH {
    color: hsla(0,0%,100%,.2);
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.radioGroup-2Kv8XV {
    margin-top: 12px
}

.avatarSizes-2KLE3Z {
    margin-top: 16px
}

.avatarSizes-2KLE3Z p {
    margin-top: 8px
}

.avatarSizes-2KLE3Z ul {
    -ms-flex-align: start;
    -ms-flex-direction: row;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0
}

.avatarSizes-2KLE3Z ul li {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.avatarSizes-2KLE3Z ul li+li {
    margin-left: 12px;
    margin-top: 0
}

.optionLarge-udiwgT,.optionSmall-l3Jhx3 {
    background: url(/assets/6debd47ed13483642cf09e832ed0bc1b.png) 50% no-repeat
}

.optionLarge-udiwgT {
    background-size: 36px 36px;
    border-radius: 36px;
    height: 36px;
    width: 36px
}

.optionSmall-l3Jhx3 {
    background-size: 26px 26px;
    border-radius: 26px;
    height: 26px;
    width: 26px
}

.optionText-XxGQ7Y {
    margin: 8px 0 0!important
}

.radio-2D173k {
    line-height: 20px
}

.userDefault-2_cnT0,.userHovered-3tfm93 {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px
}

.userDefault-2_cnT0 {
    cursor: default
}

.userHovered-3tfm93 {
    cursor: pointer
}

.userHovered-3tfm93:active {
    background-color: rgba(79,84,92,.3);
    border-radius: 2px
}

.listCollapse-z8PceY,.listDefault-3i7eWQ {
    padding-bottom: 8px;
    padding-left: 28px
}

.listDefault-3i7eWQ {
    padding-right: 8px
}

.listCollapse-z8PceY {
    padding-right: 12px
}

.avatarContainer-303pFz {
    margin-right: 4px
}

.avatarDefault-3jtQoc,.avatarSpeaking-3teDH6 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-radius: 50%;
    height: 20px;
    margin-left: 8px;
    width: 20px
}

.avatarDefault-3jtQoc {
    -webkit-box-shadow: 0 0 0 0 #43b581,inset 0 0 0 0 #2f3136;
    box-shadow: 0 0 0 0 #43b581,inset 0 0 0 0 #2f3136
}

.avatarSpeaking-3teDH6 {
    -webkit-box-shadow: 0 0 0 2px #43b581,inset 0 0 0 1.5px #2f3136;
    box-shadow: 0 0 0 2px #43b581,inset 0 0 0 1.5px #2f3136
}

.nameDefault-1I0lx8,.nameHovered-28u_Fz,.nameSpeaking-3ROx9q {
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nameDefault-1I0lx8 {
    color: #72767d
}

.nameHovered-28u_Fz,.nameSpeaking-3ROx9q {
    color: #f6f6f7
}

.iconSpacing-1WJZFe {
    margin-left: 5px;
    margin-right: 1px
}

.popout-183g91 {
    width: 250px
}

.header-2_L6tW {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase
}

.header-2_L6tW>* {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-direction: row
}

.discordTag-1aXYX_,.header-2_L6tW>* {
    -ms-flex: 1;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1
}

.discordTag-1aXYX_ {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    font-weight: 700;
    margin-right: 20px;
    max-width: 180px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    user-select: text;
    white-space: nowrap
}

.discriminator-1g4pe5 {
    color: #c9d2f0;
    font-size: 12px;
    font-weight: 400;
    margin-top: 2px
}

.botTag-1tKSlp,.discriminator-1g4pe5 {
    line-height: 15px
}

.slider-1TJT6h {
}

.iconBtn-3EWf8M {
    background: transparent;
    height: 16px;
    margin-right: 5px;
    position: relative;
    width: 16px
}

.iconBtn-3EWf8M:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: " ";
    height: 100%;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 100%
}

.iconBtn-3EWf8M:hover:after {
    opacity: 1
}

.iconBtn-3EWf8M+.btn-4cZXUq {
    margin-left: 8px
}

.btnMute-mCA6u- {
}

.btnMute-mCA6u-:after {
    background-image: url(/assets/18377f7f3077ccb38f3663b85f968fe1.svg)
}

.btnMute-mCA6u-.disabled-3_ODgz:after {
    background-image: url(/assets/2d5b62634e7c2cfb48d0998409fe55d7.svg)
}

.btnDeafen-2zF-Kt {
}

.btnDeafen-2zF-Kt:after {
    background-image: url(/assets/8478b9eac3e784590f07d94fa0b14b54.svg)
}

.btnDeafen-2zF-Kt.disabled-3_ODgz:after {
    background-image: url(/assets/7735316a05f09e698b7f41c51301753f.svg)
}

.options-1VYJW8 {
    padding: 12px
}

.optionsLabel-1rT-rE {
    color: #99aab5;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.bigBtn-28DFvL {
    -webkit-transition: border .2s,background-color .1s;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 6px;
    transition: border .2s,background-color .1s;
    width: 100%
}

.bigBtn-28DFvL:first-of-type {
    margin-top: 0
}

.bigBtnRegular-zltT6M {
    background-color: #7289da;
    border-color: #697ec4;
    color: #fff;
    padding: 7px
}

.bigBtnRegular-zltT6M:hover {
    background-color: #697ec4
}

.bigBtnRegular-zltT6M:active {
    background-color: #6478ba;
    border-color: background-color;
    color: #fff
}

.bigBtnServer-3NNCdm {
    background-color: transparent;
    border-color: #f9b5b5;
    color: #f04747;
    padding: 8px 12px
}

.bigBtnServer-3NNCdm:hover {
    background-color: #fef8f8;
    border-color: #f69191
}

.bigBtnServer-3NNCdm:active {
    background-color: #f04747;
    border-color: #f04747;
    color: #fff
}

.draggable-3mMiBP {
    position: relative
}

.draggable-3mMiBP:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.clipboardInput-b0B55c h2 {
    margin-top: 0
}

.clipboardInputCopied-UXgFh2 .clipboardInputInner-oj8y-S {
    border-color: #43b581
}

.clipboardInputCopied-UXgFh2 button {
    background-color: #43b581!important;
    background-image: url(/assets/347525ee5c5d59f9217d1c04eb88617d.svg)!important;
    border-color: #43b581!important;
    color: transparent!important
}

.clipboardInputCopied-UXgFh2 input::-moz-selection {
    background: #43b581!important
}

.clipboardInputCopied-UXgFh2 input::selection {
    background: #43b581!important
}

.clipboardInputInner-oj8y-S {
    -webkit-box-sizing: border-box;
    background: #fff;
    border: 1px solid #e1e3e5;
    border-radius: 3px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.clipboardInputInner-oj8y-S input {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    border: none;
    color: #747f8d;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px!important;
    outline: none;
    padding-left: 6px
}

.clipboardInputInner-oj8y-S input::-moz-selection {
    background: #7289da;
    color: #fff
}

.clipboardInputInner-oj8y-S input::selection {
    background: #7289da;
    color: #fff
}

.clipboardInputInner-oj8y-S input~span {
    height: 30px;
    width: 30px
}

.clipboardInputInner-oj8y-S button {
    background-color: #f3f3f3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-left: 1px solid #e1e3e5;
    color: #fff;
    height: 40px;
    position: relative;
    width: 40px
}

.clipboardInputInner-oj8y-S button.icon-2JGUdp.copy-2GnRyy {
    background-image: url(/assets/aac8cfe21a4d6aa0fca412ada650141a.svg)
}

.clipboardInputInner-oj8y-S button:first-of-type:before {
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
    content: "";
    height: 100%;
    left: -31px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 30px
}

.copyInput-1AA48i {
    -webkit-box-sizing: border-box;
    border: 1px solid;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    overflow: hidden;
    position: relative
}

.copyInputDefault-36NOFa,.copyInputError-1I9VjE {
}

.copyInputError-1I9VjE {
    border-color: #f04747
}

.copyInputSuccess-2VxITA {
    border-color: #43b581
}

.layout-3qFkdA {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.inputWrapper-btcCdn {
    position: relative
}

.button-2wYlsU {
    -webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    border-radius: 2px;
    margin: 4px 4px 4px 0;
    padding: 2px 20px!important;
    transition: background-color .2s ease-in-out,color .2s ease-in-out
}

.hiddenMessage-1szyv2,.input-Z9iiFC {
    background-color: transparent;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.input-Z9iiFC {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    -webkit-transition: color .15s ease;
    border: none;
    box-sizing: border-box;
    cursor: text;
    flex: 1 1 auto;
    min-width: 0;
    outline: none;
    transition: color .15s ease;
    width: 100%;
    z-index: 1
}

.inputDefault-3MyqtX,.inputError-2SXd4k {
}

.inputError-2SXd4k {
    color: #f04747
}

.inputSuccess-1HmyX5 {
    color: #43b581
}

.hiddenMessage-1szyv2 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.inputHidden-1L16Mg {
    visibility: hidden
}

.theme-light .copyInputDefault-36NOFa {
    background-color: rgba(79,84,92,.02);
    border-color: rgba(79,84,92,.3)
}

.theme-light .inputDefault-3MyqtX {
    color: #4f545c
}

.theme-light .inputDefault-3MyqtX::-webkit-input-placeholder {
    color: rgba(79,84,92,.3)
}

.theme-light .inputDefault-3MyqtX:-ms-input-placeholder {
    color: rgba(79,84,92,.3)
}

.theme-light .inputDefault-3MyqtX::placeholder {
    color: rgba(79,84,92,.3)
}

.theme-dark .copyInputDefault-36NOFa {
    background-color: rgba(0,0,0,.1);
    border-color: rgba(0,0,0,.3)
}

.theme-dark .inputDefault-3MyqtX {
    color: #f6f6f7
}

.theme-dark .inputDefault-3MyqtX::-webkit-input-placeholder {
    color: hsla(240,6%,97%,.3)
}

.theme-dark .inputDefault-3MyqtX:-ms-input-placeholder {
    color: hsla(240,6%,97%,.3)
}

.theme-dark .inputDefault-3MyqtX::placeholder {
    color: hsla(240,6%,97%,.3)
}

.button-1nmLcx {
    border-color: #2e3757;
    line-height: 18px;
    margin-top: 8px;
    padding: 8px 0;
    text-transform: uppercase;
    width: 100%
}

.wrapper-VSYYTS {
    background: #fff;
    border-radius: 5px;
    height: 246px;
    position: relative;
    width: 440px
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh {
    position: absolute;
    width: 440px
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .form-header {
    border-bottom: none;
    text-align: center
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .form-header header {
    color: #4f545c;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 0;
    text-transform: none
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .form-inner {
    padding-bottom: 28px
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .blurb-ArHxCz {
    color: #4f545c;
    font-size: 14px;
    line-height: 20px;
    opacity: .6
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .clipboardInputInner-dxVheg {
    height: 46px
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .clipboardInputInner-dxVheg input {
    color: #7289da;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .copy-2xFKb_ {
    background-color: #7289da;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    padding: 0 15px;
    text-transform: uppercase;
    width: auto
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .noTextChannels-123F23 {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    align-items: center;
    color: #f04747;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    height: 59px;
    justify-content: center
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .expireText-NeAc7v {
    color: #737f8d;
    font-size: 11px;
    line-height: 13px;
    margin-top: 5px;
    text-align: center
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .form-actions {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    background-color: #fff;
    border-top: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
    text-align: left
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .form-actions .advanced-PZvMk0 {
    background: url(/assets/982fbd307204cba17723e6b857240a6a.svg);
    height: 18px;
    width: 18px
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .checkbox .checkbox-inner span {
    border: 2px solid #cdcdcd
}

.wrapper-VSYYTS .instantInviteModal-5L33Qh .checkbox .checkbox-inner input:checked+span {
    border-color: #7289da
}

.wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 {
    position: absolute;
    width: 440px
}

.wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 .form-inner {
    padding-bottom: 10px
}

.wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 .form-inner .help-text {
    margin-left: 26px;
    margin-top: 4px
}

.wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 .form-actions {
    background-color: #fff;
    border-top: none;
    padding-top: 0
}

.wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 .form-actions .btn-default {
    background-color: transparent;
    color: #737f8d
}

.wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 .form-actions .btn {
    font-size: 14px;
    line-height: 22px
}

.wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 .checkbox .checkbox-inner span {
    border: 2px solid #cdcdcd
}

.wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 .checkbox .checkbox-inner input:checked+span {
    border-color: #7289da
}

.button-1a7E2t {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box;
    align-items: center;
    background: #9099a4;
    border-radius: 16px;
    box-sizing: border-box;
    color: #fff;
    cursor: help;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 12px;
    height: 16px;
    justify-content: center;
    line-height: 12px;
    margin-left: 6px;
    width: 16px
}

.button-1a7E2t:hover {
    background: #7289da
}

.countdown-3bN8x3 {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    margin-top: 9px
}

.countdown-3bN8x3>* {
    padding: 3px
}

.number-30pAHE {
    border: 2px solid transparent;
    border-radius: 4px;
    display: inline-block;
    min-width: 30px;
    text-align: center
}

.theme-dark .countdown-3bN8x3 {
    color: #fff
}

.theme-dark .number-30pAHE {
    -webkit-box-shadow: none;
    background: #36393e;
    border-color: hsla(0,0%,100%,.04);
    box-shadow: none
}

.theme-light .countdown-3bN8x3 {
    color: #737f8d
}

.theme-light .number-30pAHE {
    -webkit-box-shadow: 0 0 4px 6px #fff;
    background: #fff;
    border-color: hsla(0,0%,100%,.04);
    box-shadow: 0 0 4px 6px #fff
}

.instant-invite-popout {
    width: 300px
}

.instant-invite-popout .form.deprecated {
    width: auto
}

.instant-invite-popout .form.deprecated .btn {
    width: 100%
}

.instant-invite-popout .form.deprecated .checkbox-group {
    margin-bottom: 10px
}

.instant-invite-popout .form.deprecated .checkbox .checkbox-inner span {
    border-color: #cdcdcd
}

.instant-invite-popout .form.deprecated .Select-control {
    height: auto
}

.instant-invite-popout section {
    padding: 15px
}

.instant-invite-popout section p {
    margin: 0
}

.instant-invite-popout .instant-invite {
    margin: 12px 0;
    min-height: 48px
}

.instant-invite-popout .instant-invite .spinner {
    padding-top: 8px
}

.instant-invite-popout .actions {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.instant-invite-popout .actions .countdown {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    color: #43b581;
    flex: 1;
    font-size: 18px;
    font-weight: 500
}

.instant-invite-popout .actions .countdown.countdown-never {
    color: #87909c;
    font-family: Helvetica,Arial,Lucida Grande,sans-serif;
    font-weight: 300
}

.instant-invite-popout a {
    color: #99aab5;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500
}

.instant-invite-popout a:hover {
    color: #738088
}

.instant-invite-popout hr {
    border: 1px solid #f0f0f0;
    border-bottom: none;
    margin: 10px -15px
}

.popouts {
    left: 0;
    right: 0;
    top: 0;
    z-index: auto
}

.popout,.popouts {
    position: absolute
}

.popout {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.16);
    -webkit-filter: blur(0);
    box-shadow: 0 2px 4px rgba(0,0,0,.16);
    contain: layout;
    padding: 0;
    z-index: 1000
}

.popout.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.popout.popout-left {
    margin-top: -20px
}

.popout.popout-left header:before {
    border-left-color: #7289da;
    left: 100%;
    margin-top: -8px;
    top: 50%
}

.popout.popout-left.no-arrow {
    margin-right: 10px
}

.popout.popout-right {
    margin-top: -20px
}

.popout.popout-right header:before {
    border-right-color: #7289da;
    margin-top: -8px;
    right: 100%;
    top: 50%
}

.popout.popout-right.no-arrow {
    margin-left: 10px
}

.popout.popout-bottom,.popout.popout-bottom-left,.popout.popout-bottom-right {
    margin-top: 14px
}

.popout.popout-bottom-left header:before,.popout.popout-bottom-right header:before,.popout.popout-bottom header:before {
    border-bottom-color: #7289da;
    bottom: 100%;
    left: 50%;
    margin-left: -8px
}

.popout.popout-bottom-left.no-arrow,.popout.popout-bottom-right.no-arrow,.popout.popout-bottom.no-arrow {
    margin-top: 10px
}

.popout.popout-top,.popout.popout-top-right {
    margin-top: -14px
}

.popout.popout-top-right section:before,.popout.popout-top section:before {
    border-top-color: rgba(0,0,0,.08);
    left: 50%;
    margin-left: -10px;
    top: 100%
}

.popout.popout-top-right section:after,.popout.popout-top section:after {
    border-top-color: #fff;
    left: 50%;
    margin-left: -8px;
    top: 100%
}

.popout.popout-top-right.no-arrow,.popout.popout-top.no-arrow {
    margin-bottom: 10px
}

.popout.popout-top-left {
    margin-top: -14px
}

.popout.popout-top-left section:before {
    border-top-color: rgba(0,0,0,.08);
    margin-left: -10px;
    right: 50%;
    top: 100%
}

.popout.popout-top-left section:after {
    border-top-color: #fff;
    margin-left: -8px;
    right: 50%;
    top: 100%
}

.popout.popout-top-left.no-arrow {
    margin-bottom: 10px
}

.popout.popout-invert:not(.popout-bottom)>* {
    -ms-flex-direction: column-reverse;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse
}

.popout.popout-invert:not(.popout-bottom) header {
    border-radius: 0 0 3px 3px
}

.popout.popout-invert:not(.popout-bottom) section {
    border-radius: 3px 3px 0 0
}

.popout.popout-invert:not(.popout-bottom).popout-top,.popout.popout-invert:not(.popout-bottom).popout-top-right {
    margin-top: -14px
}

.popout.popout-invert:not(.popout-bottom).popout-top-right header:before,.popout.popout-invert:not(.popout-bottom).popout-top header:before {
    border-top-color: #7289da;
    left: 50%;
    margin-left: -8px;
    top: 100%
}

.popout.popout-invert:not(.popout-bottom).popout-top-right section:after,.popout.popout-invert:not(.popout-bottom).popout-top section:after {
    visibility: hidden
}

.popout header {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-color: rgba(115,139,215,.98);
    border-radius: 3px 3px 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    padding: 13px;
    position: relative;
    text-transform: uppercase
}

.popout header:before {
    border: 8px solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.popout header:last-child {
    border-radius: 3px
}

.popout.no-arrow header:before {
    display: none
}

.popout section {
    background-color: hsla(0,0%,100%,.98);
    border-radius: 0 0 3px 3px;
    padding: 20px
}

.popout section:after,.popout section:before {
    border: solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.popout section:before {
    border-width: 10px
}

.popout section:after {
    border-width: 8px
}

.popout p {
    color: #8a8e94;
    font-size: 14px;
    margin: 0 0 20px
}

.popout .themed-popout {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,10%);
    -webkit-box-sizing: border-box;
    background-color: #fff;
    border: 1px solid hsla(0,0%,75%,.3);
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.popout .themed-popout .header {
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,10%);
    border-radius: 5px 5px 0 0;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
    z-index: 1
}

.popout .themed-popout .header .title {
    color: #737f8d;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px
}

.popout .themed-popout .header .subtitle {
    color: rgba(115,127,141,.3);
    font-size: 13px;
    font-weight: 400
}

.popout .themed-popout .footer {
    background-color: rgba(153,170,181,.1);
    border-radius: 0 0 5px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    text-align: center
}

.popout .themed-popout .footer .tip .body {
    color: hsla(0,0%,100%,.6)
}

.form-deprecated,.form.deprecated {
    position: relative;
    width: 520px
}

.form-deprecated hr,.form.deprecated hr {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 20px;
    padding-top: 10px
}

.form-deprecated .form-header,.form.deprecated .form-header {
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 5px 5px 0 0;
    color: #7289da;
    padding: 0 40px
}

.form-deprecated .form-inner,.form.deprecated .form-inner {
    background-color: #fff;
    padding: 28px 40px 48px
}

.form-deprecated .form-inner:first-child,.form.deprecated .form-inner:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.form-deprecated .form-inner:last-child,.form.deprecated .form-inner:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.form-deprecated input::-webkit-input-placeholder,.form-deprecated textarea::-webkit-input-placeholder,.form.deprecated input::-webkit-input-placeholder,.form.deprecated textarea::-webkit-input-placeholder {
    color: #dadddf;
    font-weight: 300
}

.form-deprecated header,.form.deprecated header {
    color: #7289da;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 28px;
    padding-top: 28px;
    text-transform: uppercase
}

.form-deprecated .radio-group,.form.deprecated .radio-group {
    line-height: 30px;
    margin-bottom: 40px
}

.form-deprecated .radio-group .radio,.form.deprecated .radio-group .radio {
    margin-right: 6px
}

.form-deprecated .radio-group li+li,.form.deprecated .radio-group li+li {
    margin-top: 12px
}

.form-deprecated .tabular .checkbox-group>li,.form.deprecated .tabular .checkbox-group>li {
    margin-bottom: 14px!important
}

.form-deprecated .tabular .checkbox,.form.deprecated .tabular .checkbox {
    -ms-flex-align: start!important;
    -webkit-box-align: start!important;
    align-items: flex-start!important;
    height: 36px;
    line-height: 18px!important
}

.form-deprecated .checkbox-group,.form.deprecated .checkbox-group {
    line-height: 30px;
    margin-bottom: 30px
}

.form-deprecated .checkbox-group .checkbox,.form.deprecated .checkbox-group .checkbox {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 6px;
    white-space: pre-line
}

.form-deprecated .checkbox-group li+li,.form.deprecated .checkbox-group li+li {
    margin-top: 12px
}

.form-deprecated .checkbox-group.checkbox-group-collapse li,.form.deprecated .checkbox-group.checkbox-group-collapse li {
    display: inline-block;
    width: 50%
}

.form-deprecated .control-groups,.form.deprecated .control-groups {
    -ms-flex-direction: row;
    -ms-flex-negative: 0;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-shrink: 0
}

.form-deprecated .control-groups>.control-group,.form.deprecated .control-groups>.control-group {
    -ms-flex: 1;
    -ms-flex-negative: 0;
    -webkit-box-flex: 1;
    flex: 1;
    flex-shrink: 0
}

.form-deprecated .control-groups>.control-group+.control-group,.form.deprecated .control-groups>.control-group+.control-group {
    margin-left: 16px;
    margin-top: 0
}

.form-deprecated .control-groups+.control-group,.form-deprecated .control-groups+.control-groups,.form.deprecated .control-groups+.control-group,.form.deprecated .control-groups+.control-groups {
    margin-top: 18px
}

.form-deprecated .control-groups:last-child .checkbox-group,.form.deprecated .control-groups:last-child .checkbox-group {
    margin-bottom: 0
}

.form-deprecated .control-groups.control-separator,.form.deprecated .control-groups.control-separator {
    border-top: 1px solid #f0f0f0;
    margin-top: 30px;
    padding-top: 30px
}

.form-deprecated .control-group,.form.deprecated .control-group {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.form-deprecated .control-group label,.form.deprecated .control-group label {
    color: #87909c;
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}

.form-deprecated .control-group label+input,.form-deprecated .control-group label+textarea,.form.deprecated .control-group label+input,.form.deprecated .control-group label+textarea {
    margin-top: 12px
}

.form-deprecated .control-group label+.Select-control,.form-deprecated .control-group label+select,.form.deprecated .control-group label+.Select-control,.form.deprecated .control-group label+select {
    margin-top: 10px
}

.form-deprecated .control-group label+.checkbox-group,.form-deprecated .control-group label+.radio-group,.form.deprecated .control-group label+.checkbox-group,.form.deprecated .control-group label+.radio-group {
    margin-top: 12px
}

.form-deprecated .control-group label+.clipboard-input,.form.deprecated .control-group label+.clipboard-input {
    margin-top: 10px
}

.form-deprecated .control-group label.hidden,.form.deprecated .control-group label.hidden {
    visibility: hidden
}

.form-deprecated .control-group label a,.form.deprecated .control-group label a {
    color: #697ec4;
    cursor: pointer;
    text-decoration: none
}

.form-deprecated .control-group label a:hover,.form.deprecated .control-group label a:hover {
    color: #4f5f93
}

.form-deprecated .control-group.help-text.error,.form.deprecated .control-group.help-text.error {
    width: 100%
}

.form-deprecated .control-group.error label,.form.deprecated .control-group.error label {
    color: #f04747
}

.form-deprecated .control-group.error label span.error,.form.deprecated .control-group.error label span.error {
    font-weight: 400
}

.form-deprecated .control-group input,.form.deprecated .control-group input {
    line-height: 34px
}

.form-deprecated .control-group input[type=email],.form-deprecated .control-group input[type=number],.form-deprecated .control-group input[type=password],.form-deprecated .control-group input[type=text],.form-deprecated .control-group textarea,.form.deprecated .control-group input[type=email],.form.deprecated .control-group input[type=number],.form.deprecated .control-group input[type=password],.form.deprecated .control-group input[type=text],.form.deprecated .control-group textarea {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    color: #2f3136;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 1px;
    outline: none;
    resize: none;
    width: 100%
}

.form-deprecated .control-group input[type=email]:focus,.form-deprecated .control-group input[type=number]:focus,.form-deprecated .control-group input[type=password]:focus,.form-deprecated .control-group input[type=text]:focus,.form-deprecated .control-group textarea:focus,.form.deprecated .control-group input[type=email]:focus,.form.deprecated .control-group input[type=number]:focus,.form.deprecated .control-group input[type=password]:focus,.form.deprecated .control-group input[type=text]:focus,.form.deprecated .control-group textarea:focus {
    border-bottom: 2px solid #7289da;
    margin-bottom: 0
}

.form-deprecated .control-group input[type=email]:disabled,.form-deprecated .control-group input[type=number]:disabled,.form-deprecated .control-group input[type=password]:disabled,.form-deprecated .control-group input[type=text]:disabled,.form-deprecated .control-group textarea:disabled,.form.deprecated .control-group input[type=email]:disabled,.form.deprecated .control-group input[type=number]:disabled,.form.deprecated .control-group input[type=password]:disabled,.form.deprecated .control-group input[type=text]:disabled,.form.deprecated .control-group textarea:disabled {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background: transparent;
    cursor: not-allowed;
    user-select: none
}

.form-deprecated .control-group select,.form.deprecated .control-group select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -webkit-transition: border .25s;
    appearance: none;
    background: url(/assets/cb1c737673cd98f0e796d6a646ec512c.svg) 98% no-repeat;
    background-color: #fff;
    background-size: 20px 10px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    box-sizing: border-box;
    color: #2f3136;
    cursor: pointer;
    font-size: 14px;
    outline: none;
    padding: 14px 10px;
    position: relative;
    transition: border .25s;
    width: 100%
}

.form-deprecated .control-group select:hover,.form.deprecated .control-group select:hover {
    border: 1px solid #f3f3f3
}

.form-deprecated .control-group select:disabled,.form.deprecated .control-group select:disabled {
    background-image: url(/assets/cb1c737673cd98f0e796d6a646ec512c.svg);
    cursor: no-drop;
    opacity: .25
}

.form-deprecated .control-group select:disabled:hover,.form.deprecated .control-group select:disabled:hover {
    border: 1px solid #cdcdcd
}

.form-deprecated .control-group .help-text,.form.deprecated .control-group .help-text {
    color: #87909c;
    font-size: 11px;
    line-height: 13px;
    margin: 15px 0
}

.form-deprecated .control-group .help-text a,.form.deprecated .control-group .help-text a {
    font-weight: 700
}

.form-deprecated .control-group .help-text a:hover,.form.deprecated .control-group .help-text a:hover {
    text-decoration: underline
}

.form-deprecated .control-group .help-text.error,.form-deprecated .control-group .help-text.error a,.form.deprecated .control-group .help-text.error,.form.deprecated .control-group .help-text.error a {
    color: #f04747
}

.form-deprecated .control-group+.control-group,.form-deprecated .control-group+.control-groups,.form.deprecated .control-group+.control-group,.form.deprecated .control-group+.control-groups {
    margin-top: 18px
}

.form-deprecated .Select.is-disabled,.form.deprecated .Select.is-disabled {
    cursor: no-drop;
    opacity: .25
}

.form-deprecated .Select.is-disabled .Select-control:hover,.form-deprecated .Select.is-open .Select-control:hover,.form.deprecated .Select.is-disabled .Select-control:hover,.form.deprecated .Select.is-open .Select-control:hover {
    border-color: #cdcdcd
}

.form-deprecated .Select-placeholder,.form.deprecated .Select-placeholder {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #cdcdcd;
    padding: 5px 25px 15px 10px
}

.form-deprecated .has-value .Select-placeholder,.form.deprecated .has-value .Select-placeholder {
    color: #2f3136
}

.form-deprecated .Select-input,.form.deprecated .Select-input {
    padding-top: 3px
}

.form-deprecated .Select-control,.form.deprecated .Select-control {
    border: 1px solid #cdcdcd;
    font-size: 16px;
    height: auto;
    margin-top: 10px;
    width: 100%
}

.form-deprecated .Select-control *,.form.deprecated .Select-control * {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif
}

.form-deprecated .Select-control .Select-arrow,.form.deprecated .Select-control .Select-arrow {
    top: 20px
}

.form-deprecated .Select-control:hover,.form.deprecated .Select-control:hover {
    border-color: #bbb
}

.form-deprecated .Select-option,.form.deprecated .Select-option {
    color: #2f3136
}

.form-deprecated .Select-option.is-focused,.form.deprecated .Select-option.is-focused {
    background: #f7f7f7;
    color: #2f3136
}

.form-deprecated .is-focused:not(.is-open)>.Select-control,.form.deprecated .is-focused:not(.is-open)>.Select-control {
    -webkit-box-shadow: none;
    border: 1px solid #cdcdcd;
    box-shadow: none
}

.form-deprecated .form-actions,.form.deprecated .form-actions {
    -ms-flex-negative: 0;
    -webkit-box-sizing: border-box;
    background-color: #f9f9f9;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #f0f0f0;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 18px 40px;
    text-align: right;
    width: 100%
}

.form-deprecated .btn,.form.deprecated .btn {
    -webkit-transition: background-color .2s ease;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    padding: 10px 20px;
    position: relative;
    transition: background-color .2s ease
}

.form-deprecated .btn.red,.form.deprecated .btn.red {
    background-color: #f36c6c
}

.form-deprecated .btn.red:hover,.form.deprecated .btn.red:hover {
    background-color: #f04747
}

.form-deprecated .btn.green,.form.deprecated .btn.green {
    background-color: #43b581
}

.form-deprecated .btn.green:hover,.form.deprecated .btn.green:hover {
    background-color: #3ca374
}

.form-deprecated .btn+.btn,.form.deprecated .btn+.btn {
    margin-left: 20px
}

.form-deprecated .btn.disabled,.form-deprecated .btn:disabled,.form.deprecated .btn.disabled,.form.deprecated .btn:disabled {
    -webkit-transition: none;
    background-color: #949494;
    color: #ddd;
    pointer-events: none;
    position: relative;
    transition: none
}

.form-deprecated .btn.disabled.btn-saving,.form-deprecated .btn:disabled.btn-saving,.form.deprecated .btn.disabled.btn-saving,.form.deprecated .btn:disabled.btn-saving {
    color: transparent
}

.form-deprecated .btn.disabled .spinner,.form-deprecated .btn:disabled .spinner,.form.deprecated .btn.disabled .spinner,.form.deprecated .btn:disabled .spinner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.form-deprecated .btn.disabled .spinner .spinner-inner,.form-deprecated .btn:disabled .spinner .spinner-inner,.form.deprecated .btn.disabled .spinner .spinner-inner,.form.deprecated .btn:disabled .spinner .spinner-inner {
    height: 16px;
    width: 16px
}

.form-deprecated .btn.disabled .spinner .spinner-item,.form-deprecated .btn:disabled .spinner .spinner-item,.form.deprecated .btn.disabled .spinner .spinner-item,.form.deprecated .btn:disabled .spinner .spinner-item {
    background-color: #fff
}

.form-deprecated .btn.disabled:hover,.form-deprecated .btn:disabled:hover,.form.deprecated .btn.disabled:hover,.form.deprecated .btn:disabled:hover {
    background-color: #949494
}

.form-deprecated .btn-primary,.form.deprecated .btn-primary {
    background-color: #7289da;
    border-radius: 3px;
    color: #fff
}

.form-deprecated .btn-primary:hover,.form.deprecated .btn-primary:hover {
    background-color: #697ec4
}

.form-deprecated .btn-default,.form.deprecated .btn-default {
    background-color: #f9f9f9;
    border-bottom: 2px solid #f9f9f9;
    color: #949494;
    padding: 10px 0 4px
}

.form-deprecated .btn-default:hover,.form.deprecated .btn-default:hover {
    border-bottom: 2px solid #949494
}

.form-deprecated .btn-default:active,.form.deprecated .btn-default:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-deprecated .btn-confirm,.form.deprecated .btn-confirm {
    float: left;
    margin-left: -10px
}

.btn-confirm {
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 38px;
    overflow: hidden
}

.btn-confirm .icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px
}

.btn-confirm .icon.icon-logout {
    background-image: url(/assets/0a0cab04c40892fba673046328da5a10.svg)
}

.btn-confirm .icon.icon-delete {
    background-image: url(/assets/4460f50cdc37c84669d1068a4bff9dd9.svg)
}

.btn-confirm .btn {
    -webkit-transition: none;
    background-color: transparent;
    color: #fff;
    display: inline-block;
    transition: none
}

.btn-confirm.active .icon-logout,.btn-confirm:hover .icon-logout {
    background-image: url(/assets/43a609087c29076f83ef6dc117abdd28.svg)
}

.btn-confirm.active .icon-delete,.btn-confirm:hover .icon-delete {
    background-image: url(/assets/b872755ca2dc264fd0abc11a731eb9f7.svg)
}

.btn-confirm:not(.reverse-slide) .btn:first-of-type {
    -webkit-transition: width .2s ease-out,background-color .2s ease-out,padding .2s ease-out;
    height: 38px;
    transition: width .2s ease-out,background-color .2s ease-out,padding .2s ease-out
}

.btn-confirm:not(.reverse-slide) .btn:first-of-type:hover {
    background-color: #f04747;
    color: #fff
}

.btn-confirm:not(.reverse-slide) .btn:last-of-type:not(:first-of-type) {
    -webkit-transition: width .2s ease-out,background-color .2s ease-out,padding .2s ease-out;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    transition: width .2s ease-out,background-color .2s ease-out,padding .2s ease-out;
    white-space: nowrap;
    width: 0
}

.btn-confirm:not(.reverse-slide).active .btn:last-of-type:not(:first-of-type) {
    background-color: #f36c6c;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

.btn-confirm:not(.reverse-slide).active .btn:last-of-type:not(:first-of-type):hover {
    background-color: #f04747
}

.btn-confirm.reverse-slide .btn:last-of-type:not(:first-of-type) {
    -webkit-transition: width .2s ease-out,background-color .2s ease-out,padding .2s ease-out;
    height: 38px;
    margin-left: auto;
    transition: width .2s ease-out,background-color .2s ease-out,padding .2s ease-out
}

.btn-confirm.reverse-slide .btn:last-of-type:not(:first-of-type):hover {
    background-color: #f04747;
    color: #fff
}

.btn-confirm.reverse-slide .btn:first-of-type {
    -webkit-transition: width .2s ease-out,background-color .2s ease-out,padding .2s ease-out,left .2s ease-out;
    left: 100%;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    transition: width .2s ease-out,background-color .2s ease-out,padding .2s ease-out,left .2s ease-out;
    white-space: nowrap;
    width: 0
}

.btn-confirm.reverse-slide.active .btn:first-of-type {
    background-color: #f36c6c;
    font-weight: 500;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

.btn-confirm.active .btn,.btn-confirm.reverse-slide.active .btn:first-of-type:hover {
    background-color: #f04747
}

.overflowEllipsis-3Rxxjf {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.marginReset-1YolDJ {
    margin: 0
}

.wrapper-fDmxzK {
    height: 34px;
    overflow: hidden;
    position: relative
}

.wrapperDefaultText-3M3F1R,.wrapperDefaultVoice-2ud9mj,.wrapperHoveredText-1PA_Uk,.wrapperHoveredVoice-3tbfNN,.wrapperLockedText-Dsondf,.wrapperLockedVoice-1XZJmE,.wrapperMutedText-34VhKk,.wrapperMutedVoice-2BiLWu,.wrapperSelectedText-31jJa8,.wrapperSelectedVoice-1Q1ocJ,.wrapperUnreadText-1MykVG,.wrapperUnreadVoice-13F9Gg {
    cursor: default
}

.wrapperHoveredText-1PA_Uk,.wrapperHoveredVoice-3tbfNN {
    cursor: pointer
}

.wrapperLockedText-Dsondf,.wrapperLockedVoice-1XZJmE {
    cursor: not-allowed
}

.icon-3tVJnl {
    display: block;
    margin-right: 4px;
    opacity: .6
}

.colorDefaultText-2v6rRX,.colorDefaultVoice-1x4dEl,.colorHoveredText-1CsxK1,.colorHoveredVoice-1P3kui,.colorLockedText-2onHWv,.colorLockedVoice-2VCSgk,.colorSelectedText-3YhFC6,.colorSelectedVoice-ieXC3Z,.colorUnreadText-1KwCnP,.colorUnreadVoice-1Ztv9I {
    color: #b9bbbe
}

.colorMutedText-2DBGZ2,.colorMutedVoice-2FZw4C {
    color: #72767d
}

.foreground-2zy1hc {
    opacity: .6
}

.background-2nyTH_ {
    opacity: .3
}

.content-2mSKOj {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-sizing: border-box;
    align-items: center;
    border-radius: 3px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    height: 32px;
    margin: 1px 0 1px 8px;
    overflow: hidden;
    padding: 0 8px
}

.content-2mSKOj:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.contentDefaultText-2elG3R,.contentDefaultVoice-311dxZ,.contentHoveredText-2HYGIY,.contentHoveredVoice-3qGNKh,.contentLockedText-1NPV7g,.contentLockedVoice-2lGH0M,.contentMutedText-Lcl-Wj,.contentMutedVoice-1AvYom,.contentSelectedText-3j5CXt,.contentSelectedVoice-gTtYM9,.contentUnreadText-3oxASB,.contentUnreadVoice-1vHNNW {
}

.contentHoveredText-2HYGIY,.contentHoveredVoice-3qGNKh:active,.contentSelectedVoice-gTtYM9:active {
    background-color: #36393f
}

.contentSelectedText-3j5CXt {
    background-color: rgba(79,84,92,.6)
}

.name-2SL4ev {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px
}

.nameDefaultText-QoumjC,.nameDefaultVoice-1swZoh,.nameHoveredText-2FFqiz,.nameHoveredVoice-TIoHRJ,.nameLockedText-2fGz07,.nameLockedVoice-wNOMNa,.nameMutedText-1YDcP-,.nameMutedVoice-26k4cP,.nameSelectedText-32NDX5,.nameSelectedVoice-XpjYTw,.nameUnreadText-1pxldj,.nameUnreadVoice-QK4gxH {
}

.nameDefaultText-QoumjC,.nameDefaultVoice-1swZoh,.nameLockedText-2fGz07,.nameLockedVoice-wNOMNa {
    color: #72767d
}

.nameMutedText-1YDcP-,.nameMutedVoice-26k4cP {
    color: #4f545c
}

.nameHoveredText-2FFqiz {
    color: #b9bbbe
}

.nameHoveredVoice-TIoHRJ {
    color: #f6f6f7
}

.nameUnreadText-1pxldj,.nameUnreadVoice-QK4gxH {
    color: #dcddde
}

.nameSelectedText-32NDX5,.nameSelectedVoice-XpjYTw {
    color: #f6f6f7
}

.unread-23Kvxk {
    background-color: hsla(0,0%,100%,.6);
    border-radius: 0 6px 6px 0;
    height: 8px;
    left: 0;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 4px
}

.wrapper-2ldvyE {
    background-color: #36393f;
    border-radius: 2px;
    color: #72767d;
    display: inline-block;
    font-family: SourceCodePro,Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 0 4px
}

.containerDefault-rxKa1X,.containerUserOver-1TQHNQ {
    position: relative
}

.containerUserOver-1TQHNQ:after {
    -webkit-box-sizing: border-box;
    background-color: rgba(67,181,129,.1);
    border: 2px solid rgba(67,181,129,.5);
    border-radius: 4px;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 8px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.colorTransition-2iZaYd {
    -webkit-transition: color .1s ease-out;
    transition: color .1s ease-out
}

.overflowEllipsis-2ynGQq {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cursorDefault-3Q134V {
    cursor: default
}

.cursorPointer-3oKATS {
    cursor: pointer
}

.iconTransition-VhWJ85 {
    -webkit-transition: none;
    transition: none
}

.wrapperCollapsed-18mf-c,.wrapperDefault-1Dl4SS,.wrapperHovered-1KDCyZ,.wrapperHoveredCollapsed-25KVVp,.wrapperMuted-PmsxPn,.wrapperUnread-450E16 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    padding-left: 18px;
    padding-right: 8px;
    position: relative
}

.nameCollapsed-3_ChMu,.nameDefault-Lnjrwm,.nameHovered-1YFSWq,.nameHoveredCollapsed-2c-EHI,.nameMuted-1n0LSj,.nameUnread-WKlSv- {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase
}

.iconCollapsed-1INdMX,.iconDefault-xzclSQ,.iconHovered-3PRzOR,.iconHoveredCollapsed-jNYgOD,.iconMuted-Hb4ttQ,.iconUnread-3sxnnr {
    left: 3px;
    position: absolute;
    top: 4px
}

.iconCollapsed-1INdMX,.iconDefault-xzclSQ,.nameCollapsed-3_ChMu,.nameDefault-Lnjrwm {
    color: #72767d
}

.iconMuted-Hb4ttQ,.nameMuted-1n0LSj {
    color: #4f545c
}

.iconHovered-3PRzOR,.iconHoveredCollapsed-jNYgOD,.nameHovered-1YFSWq,.nameHoveredCollapsed-2c-EHI {
    color: #b9bbbe
}

.iconUnread-3sxnnr,.nameUnread-WKlSv- {
    color: #dcddde
}

.scrollerWrap-3o5aWh {
    max-width: 232px;
    padding-bottom: 0;
    padding-top: 0
}

.scrollerWrap-3o5aWh .channel-voice {
    padding-left: 10px
}

.container-2-NHa8 {
    background-color: #2f3136;
    min-height: 0;
    position: relative
}

.guilds-30FpnD {
    -moz-user-select: none;
    -ms-flex: 1;
    -ms-user-select: none;
    -webkit-box-flex: 1;
    -webkit-user-select: none;
    flex: 1;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px;
    user-select: none;
    width: 76px
}

.guild-3o3_Br {
    height: 36px;
    width: 36px
}

.guild-3o3_Br.active-dmDwPs .guildInner-3SWl8A,.guild-3o3_Br:hover .guildInner-3SWl8A {
    border-radius: 12px
}

.guild-3o3_Br+.guild-3o3_Br {
    margin-top: 8px
}

.guildInner-3SWl8A {
    background: #2f3136;
    border-radius: 18px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px
}

.guildInner-3SWl8A:before {
    height: 30px;
    left: -15px;
    margin-top: -15px;
    width: 10px
}

.guildInner-3SWl8A a {
    height: 36px;
    width: 36px
}

.audio-3eeQMY .guildInner-3SWl8A,.video-Hb35x6 .guildInner-3SWl8A {
    position: relative
}

.audio-3eeQMY .guildInner-3SWl8A:after,.video-Hb35x6 .guildInner-3SWl8A:after {
    background-color: #1e2124;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    border-radius: 12px;
    content: " ";
    height: 24px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 24px
}

.audio-3eeQMY .guildInner-3SWl8A:after {
    background-image: url(/assets/382ca83d9dc390c4be715248bb4864f4.svg)
}

.video-Hb35x6 .guildInner-3SWl8A:after {
    background-image: url(/assets/c46f51f425c824899b6138ea2b61b41d.svg)
}

.avatar-1BG7vt {
    background-size: 36px 36px;
    cursor: pointer;
    height: 36px;
    margin: 0;
    width: 36px
}

.active-dmDwPs .avatar-1BG7vt,.avatar-1BG7vt:hover {
    border-radius: 12px
}

.calls-Sjz543 {
    display: block;
    padding: 10px 10px 0;
    width: 76px
}

.calls-Sjz543:after {
    border-bottom: 1px solid #282b30;
    content: " ";
    display: block;
    height: 10px;
    width: 36px
}

.guild-UhN8KE {
    height: 36px;
    width: 36px
}

.guild-UhN8KE.active-1xFcb- .guildInner-h7tzcy,.guild-UhN8KE:hover .guildInner-h7tzcy {
    background: #7289da;
    border-radius: 12px
}

.guild-UhN8KE+.guild-UhN8KE {
    margin-top: 8px
}

.guildInner-h7tzcy {
    background: #36393f;
    border-radius: 18px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px
}

.guildInner-h7tzcy:before {
    height: 30px;
    left: -15px;
    margin-top: -15px;
    width: 10px
}

.guildInner-h7tzcy a {
    height: 36px;
    width: 36px
}

.audio-MjKn5- .guildInner-h7tzcy {
    position: relative
}

.audio-MjKn5- .guildInner-h7tzcy:after {
    background: url(/assets/2a78f3f87ce01e509ce8f9cfb9916680.svg) 50% no-repeat;
    background-color: #1e2124;
    background-size: 16px;
    border-radius: 12px;
    content: " ";
    height: 24px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 24px
}

.avatar-24d-YE {
    background-size: 36px 36px;
    cursor: pointer;
    height: 36px;
    margin: 0;
    width: 36px
}

.active-1xFcb- .avatar-24d-YE,.avatar-24d-YE:hover {
    border-radius: 12px
}

.iconButton-3mKjyp {
    background-color: transparent;
    background-size: 100%;
    cursor: pointer;
    position: relative
}

.iconButton-3mKjyp:disabled {
    pointer-events: none
}

.iconButtonDefault-3QZh-A {
    opacity: .6
}

.iconButtonDefault-3QZh-A:hover {
    opacity: 1
}

.iconButtonDefault-3QZh-A:disabled {
    opacity: .3
}

.iconButtonStatic-BQvIo6 {
    opacity: 1
}

.iconButtonStatic-BQvIo6:disabled {
    opacity: .6
}

.large-2EphbG {
    height: 36px;
    width: 36px
}

.medium-C4dspv {
    height: 24px;
    width: 24px
}

.small-1ChI_f {
    height: 18px;
    width: 18px
}

.xsmall-3Nz9ph {
    height: 12px;
    width: 12px
}

.controls-2TQLij {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    align-items: center;
    background: #282b30;
    border-bottom: 1px solid #36393f;
    border-radius: 0 0 3px 3px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    padding: 10px
}

.container-iksrDt {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    align-items: center;
    background: rgba(32,34,37,.3);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 400;
    height: 52px;
    margin-bottom: 1px;
    padding: 0 10px
}

.container-iksrDt .avatar-small {
    -ms-flex-negative: 0;
    cursor: pointer;
    flex-shrink: 0;
    margin: 0 10px 0 0
}

.container-iksrDt .avatar-small:hover {
    opacity: .8
}

.container-iksrDt .status {
    border: 2px solid #292c31
}

.accountDetails-15i-_e {
    -moz-user-select: text;
    -ms-flex-positive: 1;
    -ms-user-select: text;
    -webkit-box-flex: 1;
    -webkit-user-select: text;
    flex-grow: 1;
    user-select: text
}

.accountDetails-15i-_e .username {
    display: block;
    max-width: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.accountDetails-15i-_e .discriminator {
    display: block;
    font-size: 10px;
    margin-top: 4px;
    opacity: .4
}

.button-1aU9q1 {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background: transparent no-repeat 50% 50%;
    background-size: 18px 18px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    justify-content: center;
    opacity: .6;
    padding: 0;
    position: relative;
    width: 32px
}

.button-1aU9q1:hover {
    background-color: rgba(24,25,28,.3);
    opacity: 1
}

.container-3lnMWU {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    align-items: center;
    background: rgba(32,34,37,.3);
    border-bottom: 1px solid #36393f;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    padding: 10px
}

.inner-ptMwR- {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden
}

.inner-ptMwR- .rtc-connection-status {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inner-ptMwR- .rtc-connection-status .ping {
    background: url(/assets/ebca02c11904a3812be7212755e6261f.svg) 50% no-repeat;
    background-size: 11px 12px;
    display: inline-block;
    height: 12px;
    margin-left: 1px;
    margin-right: 5px;
    width: 11px
}

.inner-ptMwR- .channel-3YGMy1 {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 400;
    margin-right: 10px;
    margin-top: 4px;
    opacity: .4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.inner-ptMwR- .channel-3YGMy1:hover {
    text-decoration: underline
}

.inner-ptMwR- .rtc-connection-status-connected {
    color: #43b581
}

.inner-ptMwR- .rtc-connection-status-connecting {
    color: #faa61a
}

.inner-ptMwR- .rtc-connection-status-error {
    color: #f04747
}

.inner-ptMwR- .rtc-connection-quality-fine .ping {
    background-image: url(/assets/b3f2e4ca10bff87e4b06a94f219ce668.svg)
}

.inner-ptMwR- .rtc-connection-quality-average {
    color: #faa61a
}

.inner-ptMwR- .rtc-connection-quality-average .ping {
    background-image: url(/assets/d6bebc319e0d9111afbe321a9b78db28.svg)
}

.inner-ptMwR- .rtc-connection-quality-bad {
    color: #f04747
}

.inner-ptMwR- .rtc-connection-quality-bad .ping {
    background-image: url(/assets/f4791144219e2832c441b0892f07baf8.svg)
}

.channel-3YGMy1 {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 400;
    margin-right: 10px;
    margin-top: 4px;
    opacity: .3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.channel-3YGMy1:hover {
    text-decoration: underline
}

.button-3WJ5FX {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background: transparent no-repeat 50% 50%;
    background-size: 18px 18px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    justify-content: center;
    opacity: .6;
    padding: 0;
    position: relative;
    width: 32px
}

.button-3WJ5FX:hover {
    background-color: rgba(24,25,28,.3);
    opacity: 1
}

.buttonInfo-3r6H7z {
    background-image: url(/assets/9ff6ceb7abcc4920dd468c954f12685b.svg)
}

.buttonDisconnect-3xZpYL {
    background-image: url(/assets/1ac919360611a8962ea15859f6c27d9c.svg)
}

.guildPanel-1N3tdN {
    cursor: auto;
    left: 38px;
    position: absolute;
    top: 0;
    width: 288px;
    z-index: 1
}

.guildPanel-1N3tdN.flipped-3g7Be3 {
    left: auto;
    right: 38px
}

.guildPanel-1N3tdN.flipped-3g7Be3 .buttons-3qB5p3>div:first-child {
    margin-left: 0
}

.buttons-3qB5p3 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.buttons-3qB5p3>div:last-child {
    margin-right: none
}

.section-1P0oIt {
    height: 376px;
    padding: 0
}

.sectionVertical-26CNOE {
}

.sectionHorizontal-1cLl9u {
}

.guildPanelHeader-3xLkV2 {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal-2VE-Fw flex-3B1Tl4 directionRow-yNbSvJ;
    -webkit-box-pack: justify;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    -webkit-box-sizing: border-box;
    align-items: center;
    background-color: #7289da;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    cursor: move;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    height: 36px;
    justify-content: space-between;
    padding: 0 10px
}

.scrollerWrap-vyatdd {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 56px;
    -webkit-box-flex: 0;
    flex-basis: 56px;
    flex-grow: 0;
    flex-shrink: 0
}

.guildsWrapper-3o_3T2 {
    background: #1e2124;
    overflow-x: hidden;
    width: 56px
}

.btnCall-1M-ZLt {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #7289da;
    font-size: 12px;
    font-weight: 500;
    margin: 0 3px;
    padding: 1px 5px
}

.btnSettings-1dSxI6 {
    -webkit-transition: opacity .5s;
    background: url(/assets/60f6b0788a5d9394b44261ef5d8ecffc.svg) 50% no-repeat;
    background-size: 16px 16px;
    height: 16px;
    margin: 0 8px;
    opacity: .4;
    transition: opacity .5s;
    width: 16px
}

.btnSettings-1dSxI6:hover {
    opacity: .7
}

.btnSettings-1dSxI6:last-child {
    margin: 0
}

.container-2l6sJg {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform .2s ease-out;
    align-items: center;
    background: rgba(114,137,218,.8);
    border-radius: 0 3px 3px 0;
    bottom: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    left: 0;
    min-width: 160px;
    position: absolute;
    transform: translate3d(-100%,0,0);
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}

.containerVisible-980wlG {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.icon-1E5sEM {
    -ms-flex-negative: 0;
    background-color: hsla(0,0%,100%,.8);
    background-image: url(/assets/9cb691623c7ba013e791aad8845e93cb.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px;
    flex-shrink: 0;
    height: 54px;
    width: 54px
}

.body-3r8Ok_ {
    padding: 10px 12px
}

.header-3Ya_BK {
    color: hsla(0,0%,100%,.6);
    font-size: 14px;
    text-transform: uppercase
}

.keybind-aN2-l_ {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.overlay-3pknSX {
    bottom: 0;
    color: #fff;
    cursor: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.container-1_yfYi {
    width: 36px
}

.draggable-5aB1r3 {
    position: relative;
    width: 326px
}

.draggableFlipped-1wUjIU {
    right: 290px
}

.tooltips {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: auto
}

.tooltip {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-sizing: border-box;
    color: #dcddde;
    contain: layout;
    font-size: 14px;
    font-weight: 500;
    max-width: 190px;
    padding: 8px 12px;
    position: absolute;
    word-wrap: break-word;
    z-index: 1002
}

.tooltip h1 {
    margin: 0
}

.tooltip strong {
    font-weight: 500
}

.tooltip:after {
    border: 5px solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    width: 0
}

.tooltip.tooltip-top {
    margin-top: -8px
}

.tooltip.tooltip-top:after {
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 100%
}

.tooltip.tooltip-bottom {
    margin-top: 8px
}

.tooltip.tooltip-bottom:after {
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    position: absolute
}

.tooltip.tooltip-left {
    margin-left: -8px
}

.tooltip.tooltip-left:after {
    left: 100%;
    margin-top: -5px;
    position: absolute;
    top: 50%
}

.tooltip.tooltip-right {
    margin-left: 8px
}

.tooltip.tooltip-right:after {
    margin-top: -5px;
    position: absolute;
    right: 100%;
    top: 50%
}

.tooltip.tooltip-black {
    background-color: #000
}

.tooltip.tooltip-black.tooltip-top:after {
    border-top-color: #000
}

.tooltip.tooltip-black.tooltip-bottom:after {
    border-bottom-color: #000
}

.tooltip.tooltip-black.tooltip-left:after {
    border-left-color: #000
}

.tooltip.tooltip-black.tooltip-right:after {
    border-right-color: #000
}

.tooltip.tooltip-brand {
    background-color: #7289da;
    color: #f8f9fd
}

.tooltip.tooltip-brand.tooltip-top:after {
    border-top-color: #7289da
}

.tooltip.tooltip-brand.tooltip-bottom:after {
    border-bottom-color: #7289da
}

.tooltip.tooltip-brand.tooltip-left:after {
    border-left-color: #7289da
}

.tooltip.tooltip-brand.tooltip-right:after {
    border-right-color: #7289da
}

.tooltip.tooltip-red {
    background-color: #f04747;
    color: #fef6f6
}

.tooltip.tooltip-red.tooltip-top:after {
    border-top-color: #f04747
}

.tooltip.tooltip-red.tooltip-bottom:after {
    border-bottom-color: #f04747
}

.tooltip.tooltip-red.tooltip-left:after {
    border-left-color: #f04747
}

.tooltip.tooltip-red.tooltip-right:after {
    border-right-color: #f04747
}

.tooltip.tooltip-green {
    background-color: #43b581;
    color: #f6fbf9
}

.tooltip.tooltip-green.tooltip-top:after {
    border-top-color: #43b581
}

.tooltip.tooltip-green.tooltip-bottom:after {
    border-bottom-color: #43b581
}

.tooltip.tooltip-green.tooltip-left:after {
    border-left-color: #43b581
}

.tooltip.tooltip-green.tooltip-right:after {
    border-right-color: #43b581
}

.tooltip.tooltip-yellow {
    background-color: #faa61a;
    color: #fffbf4
}

.tooltip.tooltip-yellow.tooltip-top:after {
    border-top-color: #faa61a
}

.tooltip.tooltip-yellow.tooltip-bottom:after {
    border-bottom-color: #faa61a
}

.tooltip.tooltip-yellow.tooltip-left:after {
    border-left-color: #faa61a
}

.tooltip.tooltip-yellow.tooltip-right:after {
    border-right-color: #faa61a
}

.verifyConnectedAccount-vxkIji {
    background: url(/assets/d20e43cdcadf850cfd8d4e953df0f3b4.png) 0 0 repeat;
    background-color: #282b30;
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.verifyConnectedAccount-vxkIji,.verifyConnectedAccount-vxkIji .logos-1qzn_n {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.verifyConnectedAccount-vxkIji .logos-1qzn_n {
    margin-bottom: 95px
}

.verifyConnectedAccount-vxkIji .logos-1qzn_n .logosDivider-1_wP1o {
    background-image: url(/assets/f4e75b5cafce1efdfc7013113575f9ff.svg);
    background-size: 28px 28px;
    content: " ";
    display: inline-block;
    height: 28px;
    margin: 0 37px;
    width: 28px
}

.verifyConnectedAccount-vxkIji .logos-1qzn_n .logo-plTADW {
    background-size: 88px 88px;
    height: 88px;
    width: 88px
}

.verifyConnectedAccount-vxkIji .logos-1qzn_n .logoDiscord-2AfzEn {
    background-image: url(/assets/57084ade1ef56635452abceaca20d0bd.svg)
}

.verifyConnectedAccount-vxkIji .message-1vy8aY {
    font-size: 18px;
    text-align: center
}

.verifyConnectedAccount-vxkIji .message-1vy8aY.error-324Wa- {
    color: #f04747
}

.verifyConnectedAccount-vxkIji .message-1vy8aY strong {
    font-weight: 700
}

.verifyConnectedAccount-vxkIji .btn-3shIQ4 {
    -webkit-transition: background-color .2s ease;
    background-color: #7289da;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    height: 60px;
    line-height: 16px;
    margin-top: 22px;
    padding: 10px 20px;
    position: relative;
    transition: background-color .2s ease;
    width: 400px
}

.verifyConnectedAccount-vxkIji .btn-3shIQ4 .spinnerItem-1j4l6M {
    background-color: #fff;
    opacity: .25
}

.verifyConnectedAccount-vxkIji .btn-3shIQ4:hover {
    background-color: #697ec4
}

.verifyConnectedAccount-vxkIji .btn-3shIQ4:disabled {
    background-color: #2f3136;
    cursor: not-allowed
}

.container-2oOGIt {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transform: translateZ(0);
    align-items: center;
    background-color: #2f3136;
    bottom: 0;
    contain: layout;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-rendering: optimizeLegibility;
    top: 0;
    transform: translateZ(0);
    z-index: 3000
}

.container-2oOGIt img,.container-2oOGIt video {
    height: 200px;
    width: 200px
}

.container-2oOGIt video {
    visibility: hidden
}

.container-2oOGIt video.ready-2UbIdM {
    visibility: visible
}

.platform-win .container-2oOGIt {
    padding-top: 22px;
    top: -22px
}

.content-3dsgDG {
    text-align: center
}

.problems-2jwWfL {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-transform: translate3d(0,100%,0);
    -webkit-transition: -webkit-transform .2s ease-out;
    align-items: center;
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    left: 0;
    padding-bottom: 32px;
    position: absolute;
    right: 0;
    transform: translate3d(0,100%,0);
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}

.problems-2jwWfL.slideIn-HbGyCL {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.problemsText-3RO4MF {
    color: #72767d;
    font-family: Whitney;
    font-size: 14px;
    margin-bottom: 8px
}

.links-3m0VgL {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px
}

.links-3m0VgL:hover {
    opacity: .8
}

.links-3m0VgL:before {
    content: "";
    display: inline-block;
    margin-right: 6px;
    vertical-align: bottom
}

.twitterLink-235wvR {
}

.twitterLink-235wvR:before {
    background: url(/assets/31dd73caae6b4f9011d95f5b3efc15a1.svg) 50% no-repeat;
    background-size: 16px 12px;
    height: 15px;
    width: 16px
}

.statusLink-2eJVdK {
    margin-left: 20px
}

.statusLink-2eJVdK:before {
    background: url(/assets/3c1cec05bfad03b1495eccf72c38b10c.svg) 50% no-repeat;
    background-size: 14px 14px;
    height: 15px;
    width: 14px
}

.contentBase-2lvI5t {
    color: #72767d;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    max-width: 600px;
    text-transform: uppercase
}

.attribution-3t1Ekl,.quote-3NlLs0,.status-166iio {
}

.attribution-3t1Ekl {
    font-size: 10px;
    margin-bottom: 10px;
    margin-top: -10px
}

.attribution-3t1Ekl a {
    color: hsla(0,0%,100%,.6);
    text-decoration: none
}

.attribution-3t1Ekl a:hover {
    text-decoration: underline
}

.quote-3NlLs0 {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 10px
}

.button-25MJ3e {
    border: none;
    font-size: 12px;
    padding: 3px 10px
}

.buttonContents-1jnNjf {
    background: transparent;
    border-radius: 3px;
    bottom: 0;
    color: #fff;
    left: 0;
    overflow: hidden;
    padding: 1px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.buttonBorder-1hsmVx {
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: RotateGradient-36MArU;
    -webkit-animation-timing-function: linear;
    -webkit-transition: background-image .17s ease,opacity .17s ease;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: RotateGradient-36MArU;
    animation-timing-function: linear;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(40%,hsla(0,0%,100%,.4)),color-stop(60%,#fff));
    background-image: linear-gradient(0deg,hsla(0,0%,100%,.4) 40%,#fff 60%);
    left: 50%;
    opacity: .5;
    position: absolute;
    top: 50%;
    transition: background-image .17s ease,opacity .17s ease;
    z-index: -1
}

.button-25MJ3e:hover .buttonBorder-1hsmVx {
    opacity: 1
}

.button-25MJ3e:active .buttonBorder-1hsmVx {
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(40%,#fff),color-stop(60%,#fff));
    background-image: linear-gradient(0deg,#fff 40%,#fff 60%);
    opacity: 1
}

.buttonInner-2iK3OX {
    -webkit-transition: background-color .17s ease;
    background-color: #202225;
    border-radius: 2px;
    height: 100%;
    transition: background-color .17s ease
}

.button-25MJ3e:active .buttonInner-2iK3OX {
    background-color: #36393f
}

@-webkit-keyframes RotateGradient-36MArU {
    0% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }

    5% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    10% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    18% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(155deg);
        transform: rotate(155deg)
    }

    55% {
        -webkit-transform: rotate(160deg);
        transform: rotate(160deg)
    }

    60% {
        -webkit-transform: rotate(175deg);
        transform: rotate(175deg)
    }

    68% {
        -webkit-transform: rotate(185deg);
        transform: rotate(185deg)
    }

    to {
        -webkit-transform: rotate(335deg);
        transform: rotate(335deg)
    }
}

@keyframes RotateGradient-36MArU {
    0% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }

    5% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    10% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    18% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(155deg);
        transform: rotate(155deg)
    }

    55% {
        -webkit-transform: rotate(160deg);
        transform: rotate(160deg)
    }

    60% {
        -webkit-transform: rotate(175deg);
        transform: rotate(175deg)
    }

    68% {
        -webkit-transform: rotate(185deg);
        transform: rotate(185deg)
    }

    to {
        -webkit-transform: rotate(335deg);
        transform: rotate(335deg)
    }
}

.shinyButton-2KAUcw {
    overflow: hidden
}

.shinyButtonShineContainer-3vOrzz {
    -webkit-animation-delay: .75s;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: Shine-2cbOZB;
    -webkit-animation-timing-function: ease-in-out;
    animation-delay: .75s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: Shine-2cbOZB;
    animation-timing-function: ease-in-out;
    bottom: 0;
    left: -50%;
    position: absolute;
    right: 0;
    top: -50%
}

.shinyButtonShine-2RDaez {
    -webkit-transform: rotate(30deg);
    background-color: hsla(0,0%,100%,.1);
    height: 300%;
    position: relative;
    top: -100%;
    transform: rotate(30deg);
    width: 56px
}

.shinyButtonShineInner-fAb9pZ {
    background-color: hsla(0,0%,100%,.1);
    height: 100%;
    width: 16px
}

@-webkit-keyframes Shine-2cbOZB {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(200%,0,0);
        transform: translate3d(200%,0,0)
    }
}

@keyframes Shine-2cbOZB {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(200%,0,0);
        transform: translate3d(200%,0,0)
    }
}

.animationWrapper-RUf2mE {
    position: relative
}

.notice-2Q2b6H {
    background-color: #202225;
    bottom: 0;
    color: #fff;
    height: 40px;
    left: 0;
    position: absolute;
    right: 0
}

.noticeBody-2g_jPx {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.gameBackground-Twm-5S {
    -webkit-filter: grayscale(100%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(100%);
    width: 50%
}

.gameBackground-Twm-5S,.gameBackgroundOverlay-1UB_hZ {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0
}

.gameBackgroundOverlay-1UB_hZ {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(32,34,37,100%)),to(rgba(32,34,37,70%)));
    background-image: linear-gradient(90deg,#202225,rgba(32,34,37,.7));
    left: 0
}

.gameIcon-akWdkj {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.message-1hFl_j {
    font-size: 14px
}

.buttonContainer-J9G2zt {
    margin-left: 20px;
    margin-right: -8px
}

.button-8D9Mus {
    -webkit-app-region: no-drag;
    font-size: 12px;
    margin-right: 8px;
    padding: 3px 10px
}

.notice-3I4-y_ {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
    border-radius: 0 5px 0 0;
    box-shadow: 0 1px 0 rgba(0,0,0,.1);
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    text-align: center;
    z-index: 101
}

.notice-3I4-y_ strong {
    font-weight: 600
}

.platform-osx .notice-3I4-y_ {
    -webkit-app-region: drag
}

.platform-web .notice-3I4-y_ {
    border-radius: 0
}

.noticeDefault-16Om2m {
    background-color: #f26522;
    color: #fff
}

.noticeDefault-16Om2m .button-2TvR03:hover {
    color: #f26522
}

.noticePremium-2x9Tv2 {
    background-color: #202225;
    color: #fff
}

.noticePremium-2x9Tv2 .button-2TvR03:hover {
    color: #202225
}

.noticeInfo-3v29SJ {
    background-color: #4a90e2;
    color: #fff
}

.noticeInfo-3v29SJ .button-2TvR03:hover {
    color: #4a90e2
}

.noticeSuccess-P1EnBb {
    background-color: #43b581;
    color: #fff
}

.noticeSuccess-P1EnBb .button-2TvR03:hover {
    color: #43b581
}

.noticeDanger-1SIxaf {
    background-color: #f04747;
    color: #fff
}

.noticeDanger-1SIxaf .button-2TvR03:hover {
    color: #f04747
}

.noticeStreamerMode-1OlfKV {
    background-color: #593695;
    color: #fff
}

.noticeStreamerMode-1OlfKV .button-2TvR03:hover {
    color: #593695
}

.noticeFacebook-1eAoSW {
    background-color: #355089;
    color: #fff
}

.noticeFacebook-1eAoSW .button-2TvR03:hover {
    color: #355089
}

.noticeSpotify-27AKmv {
    background-color: #1db954;
    color: #fff
}

.noticeSpotify-27AKmv .platformIcon-1JFXvA {
    height: 24px;
    margin-top: 0;
    width: 24px
}

.noticeSpotify-27AKmv .button-2TvR03 {
    margin-left: 20px;
    top: 0
}

.noticeSpotify-27AKmv .button-2TvR03:hover {
    color: #1db954
}

.noticeBrand-3o3fQA {
    background-color: #7289da;
    color: #fff
}

.noticeBrand-3o3fQA .button-2TvR03:hover {
    color: #7289da
}

.dismiss-1QjyJW {
    -webkit-app-region: no-drag;
    -webkit-transition: opacity .2s;
    background: url(/assets/7731c77d99babca1a8faec204d98c380.svg) no-repeat;
    background-position: 50% 55%;
    background-size: 10px 10px;
    cursor: pointer;
    height: 36px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s;
    width: 36px
}

.dismiss-1QjyJW:hover {
    opacity: 1
}

.platformIcon-1JFXvA {
    display: inline-block;
    height: 28px;
    margin-right: 10px;
    margin-top: -4px;
    position: relative;
    vertical-align: middle;
    width: 28px
}

.platformIcon-1JFXvA+.platformIcon-1JFXvA {
    margin-left: -10px
}

.icon-4jKckW {
    display: inline-block;
    height: 20px;
    margin-left: 10px;
    margin-top: -3px;
    position: relative;
    vertical-align: middle;
    width: 20px
}

.icon-4jKckW+.icon-4jKckW {
    margin-left: 6px
}

.iconWindows-11s3sD {
    background-image: url(/assets/24b843ed68d70abffbf4fdab9b400cc9.svg)
}

.iconApple-2ZQIid {
    background-image: url(/assets/ca511da5c9b326e5cb3f6befab1a3143.svg)
}

.iconAndroid-cnqiCY {
    background-image: url(/assets/296aebeec33f5ce47db9ebbee9ccf1fc.svg)
}

.icon-4jKckW+.btn-3IUZkg {
    margin-left: 20px
}

.button-2TvR03 {
    -webkit-app-region: no-drag;
    -webkit-box-sizing: border-box;
    -webkit-transition: background-color .2s ease,color .2s ease,border-color .2s ease;
    background-color: transparent;
    border: 1px solid hsla(0,0%,100%,.25);
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    margin-left: 10px;
    padding: 0 10px;
    position: relative;
    top: 6px;
    transition: background-color .2s ease,color .2s ease,border-color .2s ease;
    vertical-align: top
}

.button-2TvR03:hover {
    background: #fff;
    border-color: #fff
}

.textLink-3eOiS- {
    -webkit-app-region: no-drag;
    color: #fff;
    font-size: 12px;
    padding-left: 10px;
    text-decoration: underline
}

.premiumLogo-2PV9qw {
    background-image: url(/assets/9328a2df4b542ac8725b57010a52f73b.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 13px;
    margin-right: 20px;
    position: relative;
    top: 2px;
    width: 51px
}

.premiumText-2gecpf {
    font-weight: 400
}

.premiumAction-2lj9ha {
    margin-left: 20px
}

.badge {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.15);
    background-clip: padding-box;
    background-color: #f04747;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.15);
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    padding: 3px 6px;
    text-shadow: 0 1px 0 rgba(0,0,0,.25)
}

.container-2SvV0F {
    height: 20px;
    overflow: hidden;
    padding: 8px;
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.bar-Y-RLyN {
    -webkit-app-region: no-drag;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    height: 20px;
    line-height: 14px;
    pointer-events: auto;
    position: relative;
    text-transform: uppercase
}

.active-2wuntj:active {
    top: 1px
}

.unread-2TDDFN {
    background-color: hsla(218,5%,47%,.9)
}

.unread-2TDDFN:hover {
    background-color: #72767d
}

.unread-2TDDFN:active {
    background-color: #676a71
}

.mention-RlZ5F3 {
    background-color: rgba(240,71,71,.9)
}

.mention-RlZ5F3:hover {
    background-color: #f04747
}

.mention-RlZ5F3:active {
    background-color: #d84040
}

.icon-2qNMWC {
    color: #fff;
    height: 12px;
    margin-left: 4px;
    width: 12px
}

.ui-standard-sidebar-view {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 101
}

.platform-win .ui-standard-sidebar-view {
    top: 22px
}

.ui-standard-sidebar-view,.ui-standard-sidebar-view * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ui-standard-sidebar-view .sidebar-region {
    -ms-flex: 1 0 218px;
    -ms-flex-pack: end;
    flex: 1 0 218px;
    z-index: 1
}

.ui-standard-sidebar-view .sidebar-region,.ui-standard-sidebar-view .sidebar-region .sidebar-region-scroller {
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.ui-standard-sidebar-view .sidebar-region .sidebar-region-scroller {
    -ms-flex: 1 0 auto;
    -ms-flex-align: start;
    -ms-flex-direction: row;
    -ms-flex-pack: end;
    -webkit-box-align: start;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: flex-start;
    flex: 1 0 auto;
    flex-direction: row
}

.ui-standard-sidebar-view .sidebar-region .sidebar {
    padding: 60px 6px 60px 20px;
    width: 218px
}

.ui-standard-sidebar-view .content-transition-wrap {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    height: 100%
}

.ui-standard-sidebar-view .content-region {
    -ms-flex: 1 1 800px;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-box-flex: 1;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1 1 800px;
    position: relative;
    z-index: 1
}

.ui-standard-sidebar-view .content-region .content-region-scroller-wrap {
    height: 100%
}

.ui-standard-sidebar-view .content-region-scroller {
    -ms-flex-align: start;
    -ms-flex-direction: row;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow-x: hidden
}

.ui-standard-sidebar-view .content-region-scroller .tools {
    margin-right: 21px
}

.ui-standard-sidebar-view .content-column,.ui-standard-sidebar-view .custom-column {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    max-width: 740px;
    min-height: 100%;
    min-width: 460px
}

.ui-standard-sidebar-view .content-column.default {
    padding: 60px 40px 80px;
    position: relative
}

.ui-standard-sidebar-view .content-column.minimal {
    padding-right: 40px
}

.ui-standard-sidebar-view .custom-header {
    padding-top: 60px
}

.ui-standard-sidebar-view .custom-column {
    padding-bottom: 0
}

.ui-standard-sidebar-view .custom-container {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.ui-standard-sidebar-view .custom-scroller {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.ui-standard-sidebar-view .custom-scroller>div {
    margin-left: 40px;
    margin-right: 97px;
    max-width: 660px;
    min-width: 404px
}

.ui-standard-sidebar-view .notice-region {
    bottom: 0;
    left: 0;
    max-width: 740px;
    padding: 0 20px 20px;
    position: absolute;
    right: 71px;
    z-index: 2
}

.ui-standard-sidebar-view .tools {
    -ms-flex: 0 0 36px;
    -webkit-box-flex: 0;
    flex: 0 0 36px;
    margin-right: 35px;
    padding-top: 60px;
    position: relative;
    width: 60px
}

.ui-standard-sidebar-view .esc-text {
    font-size: 13px;
    font-weight: 600;
    margin-top: 44px;
    position: fixed;
    text-align: center;
    width: 36px
}

.ui-standard-sidebar-view .btn-close {
    -ms-flex: 0 0 36px;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    align-items: center;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 36px;
    height: 36px;
    justify-content: center;
    position: fixed;
    width: 36px
}

.ui-standard-sidebar-view .btn-close:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.platform-osx .ui-standard-sidebar-view:before {
    -webkit-app-region: drag;
    content: "";
    height: 22px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10
}

.theme-light .ui-standard-sidebar-view {
    background: #fff
}

.theme-light .ui-standard-sidebar-view .sidebar-region {
    background: #f3f3f4
}

.theme-light .ui-standard-sidebar-view .content-region {
    background: #fff
}

.theme-light .ui-standard-sidebar-view .esc-text {
    color: #dcddde
}

.theme-light .ui-standard-sidebar-view .btn-close {
    border-color: #dcddde
}

.theme-light .ui-standard-sidebar-view .btn-close:hover {
    background-color: #f6f6f7
}

.theme-light .ui-standard-sidebar-view .custom-container:before {
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 1px 4px rgba(0,0,0,.1)
}

.theme-dark .ui-standard-sidebar-view {
    background: #36393f
}

.theme-dark .ui-standard-sidebar-view .sidebar-region {
    background: #2f3136
}

.theme-dark .ui-standard-sidebar-view .content-region {
    background: #36393f
}

.theme-dark .ui-standard-sidebar-view .esc-text {
    color: #72767d
}

.theme-dark .ui-standard-sidebar-view .btn-close {
    border-color: #72767d
}

.theme-dark .ui-standard-sidebar-view .btn-close:hover {
    background-color: hsla(218,5%,47%,.3)
}

.theme-dark .ui-standard-sidebar-view .custom-container:before {
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2)
}

.spacing-7y-RLB {
}

.card-lIsgWJ {
    line-height: 20px;
    padding: 10px
}

.error-1-ZBaM {
}

.header-1-f9X5,.item-3879bf {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.theme-light .header-1-f9X5 {
    color: #b9bbbe
}

.theme-dark .header-1-f9X5 {
    color: #72767d
}

.header-1-f9X5 {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase
}

.item-3879bf {
    font-size: 16px;
    line-height: 20px;
    position: relative
}

.item-3879bf,.notSelected-PgwTMa {
    cursor: pointer
}

.selected-eNoxEK {
    cursor: default
}

.theme-light .itemDefault-3NDwnY,.theme-light .itemHover-3rojsB {
    color: #72767d
}

.theme-dark .itemDefault-3NDwnY,.theme-dark .itemHover-3rojsB {
    color: #b9bbbe
}

.itemDefault-3NDwnY,.itemHover-3rojsB {
}

.itemSelected-3XxAMf {
}

.theme-light .separator-3z7STW {
    background-color: hsla(216,4%,74%,.3)
}

.theme-dark .separator-3z7STW {
    background-color: hsla(218,5%,47%,.3)
}

.separator-3z7STW {
}

.side-2nYO0F {
    -ms-flex: 1;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column
}

.side-2nYO0F .header-1-f9X5,.side-2nYO0F .item-3879bf {
    padding: 6px 10px
}

.side-2nYO0F .header-1-f9X5:first-child {
    padding-top: 0
}

.side-2nYO0F .item-3879bf {
    border-radius: 3px;
    margin-bottom: 2px;
    padding-bottom: 6px;
    padding-top: 6px
}

.side-2nYO0F .separator-3z7STW {
    height: 1px;
    margin-left: 10px;
    margin-right: 10px
}

.theme-light .side-2nYO0F .itemDefault-3NDwnY:hover,.theme-light .side-2nYO0F .itemHover-3rojsB:hover {
    background-color: rgba(79,84,92,.1);
    color: #4f545c
}

.theme-dark .side-2nYO0F .itemDefault-3NDwnY:hover,.theme-dark .side-2nYO0F .itemHover-3rojsB:hover {
    background-color: hsla(216,4%,74%,.1);
    color: #f6f6f7
}

.side-2nYO0F .itemSelected-3XxAMf {
    background-color: #7289da;
    color: #fff
}

.top-2qoLb2 {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row
}

.top-2qoLb2 .item-3879bf {
    border-bottom: 2px solid transparent
}

.theme-light .top-2qoLb2 .itemDefault-3NDwnY:hover,.theme-light .top-2qoLb2 .itemHover-3rojsB:hover {
    color: #36393f
}

.theme-dark .top-2qoLb2 .itemDefault-3NDwnY:hover,.theme-dark .top-2qoLb2 .itemHover-3rojsB:hover {
    color: #fff
}

.theme-dark .top-2qoLb2 .itemSelected-3XxAMf {
    border-bottom-color: #fff;
    color: #fff
}

.theme-light .top-2qoLb2 .itemSelected-3XxAMf {
    border-bottom-color: #36393f;
    color: #36393f
}

@-webkit-keyframes uploadIconAnimateInLeft-21UyfH {
    0% {
        -webkit-transform: translateZ(0) rotate(0deg);
        opacity: .6;
        transform: translateZ(0) rotate(0deg)
    }

    4.1667% {
        -webkit-transform: translate3d(0,-1px,0) rotate(0deg);
        opacity: .68;
        transform: translate3d(0,-1px,0) rotate(0deg)
    }

    30.8334% {
        -webkit-transform: translate3d(-48px,-10px,0) rotate(-36deg);
        opacity: 1;
        transform: translate3d(-48px,-10px,0) rotate(-36deg)
    }

    58.3334% {
        -webkit-transform: translate3d(-41px,-3px,0) rotate(-28deg);
        opacity: 1;
        transform: translate3d(-41px,-3px,0) rotate(-28deg)
    }

    75% {
        -webkit-transform: translate3d(-45px,-8px,0) rotate(-32deg);
        opacity: 1;
        transform: translate3d(-45px,-8px,0) rotate(-32deg)
    }

    83.3334% {
        -webkit-transform: translate3d(-44px,-7px,0) rotate(-30.7deg);
        opacity: 1;
        transform: translate3d(-44px,-7px,0) rotate(-30.7deg)
    }

    to {
        -webkit-transform: translate3d(-44px,-6px,0) rotate(-30deg);
        opacity: 1;
        transform: translate3d(-44px,-6px,0) rotate(-30deg)
    }
}

@keyframes uploadIconAnimateInLeft-21UyfH {
    0% {
        -webkit-transform: translateZ(0) rotate(0deg);
        opacity: .6;
        transform: translateZ(0) rotate(0deg)
    }

    4.1667% {
        -webkit-transform: translate3d(0,-1px,0) rotate(0deg);
        opacity: .68;
        transform: translate3d(0,-1px,0) rotate(0deg)
    }

    30.8334% {
        -webkit-transform: translate3d(-48px,-10px,0) rotate(-36deg);
        opacity: 1;
        transform: translate3d(-48px,-10px,0) rotate(-36deg)
    }

    58.3334% {
        -webkit-transform: translate3d(-41px,-3px,0) rotate(-28deg);
        opacity: 1;
        transform: translate3d(-41px,-3px,0) rotate(-28deg)
    }

    75% {
        -webkit-transform: translate3d(-45px,-8px,0) rotate(-32deg);
        opacity: 1;
        transform: translate3d(-45px,-8px,0) rotate(-32deg)
    }

    83.3334% {
        -webkit-transform: translate3d(-44px,-7px,0) rotate(-30.7deg);
        opacity: 1;
        transform: translate3d(-44px,-7px,0) rotate(-30.7deg)
    }

    to {
        -webkit-transform: translate3d(-44px,-6px,0) rotate(-30deg);
        opacity: 1;
        transform: translate3d(-44px,-6px,0) rotate(-30deg)
    }
}

@-webkit-keyframes uploadIconAnimateInMiddle-2VqGos {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    30.8334% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    58.3334% {
        -webkit-transform: translate3d(0,-3px,0);
        transform: translate3d(0,-3px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-8px,0);
        transform: translate3d(0,-8px,0)
    }

    83.3334% {
        -webkit-transform: translate3d(0,-7px,0);
        transform: translate3d(0,-7px,0)
    }

    to {
        -webkit-transform: translate3d(0,-6px,0);
        transform: translate3d(0,-6px,0)
    }
}

@keyframes uploadIconAnimateInMiddle-2VqGos {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    30.8334% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    58.3334% {
        -webkit-transform: translate3d(0,-3px,0);
        transform: translate3d(0,-3px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-8px,0);
        transform: translate3d(0,-8px,0)
    }

    83.3334% {
        -webkit-transform: translate3d(0,-7px,0);
        transform: translate3d(0,-7px,0)
    }

    to {
        -webkit-transform: translate3d(0,-6px,0);
        transform: translate3d(0,-6px,0)
    }
}

@-webkit-keyframes uploadIconAnimateInRight-1Jiiv1 {
    0% {
        -webkit-transform: translateZ(0) rotate(0deg);
        opacity: .6;
        transform: translateZ(0) rotate(0deg)
    }

    4.1667% {
        -webkit-transform: translate3d(0,-1px,0) rotate(0deg);
        opacity: .68;
        transform: translate3d(0,-1px,0) rotate(0deg)
    }

    30.8334% {
        -webkit-transform: translate3d(48px,-10px,0) rotate(36deg);
        opacity: 1;
        transform: translate3d(48px,-10px,0) rotate(36deg)
    }

    58.3334% {
        -webkit-transform: translate3d(41px,-3px,0) rotate(28deg);
        opacity: 1;
        transform: translate3d(41px,-3px,0) rotate(28deg)
    }

    75% {
        -webkit-transform: translate3d(45px,-8px,0) rotate(32deg);
        opacity: 1;
        transform: translate3d(45px,-8px,0) rotate(32deg)
    }

    83.3334% {
        -webkit-transform: translate3d(44px,-7px,0) rotate(30.7deg);
        opacity: 1;
        transform: translate3d(44px,-7px,0) rotate(30.7deg)
    }

    to {
        -webkit-transform: translate3d(44px,-6px,0) rotate(30deg);
        opacity: 1;
        transform: translate3d(44px,-6px,0) rotate(30deg)
    }
}

@keyframes uploadIconAnimateInRight-1Jiiv1 {
    0% {
        -webkit-transform: translateZ(0) rotate(0deg);
        opacity: .6;
        transform: translateZ(0) rotate(0deg)
    }

    4.1667% {
        -webkit-transform: translate3d(0,-1px,0) rotate(0deg);
        opacity: .68;
        transform: translate3d(0,-1px,0) rotate(0deg)
    }

    30.8334% {
        -webkit-transform: translate3d(48px,-10px,0) rotate(36deg);
        opacity: 1;
        transform: translate3d(48px,-10px,0) rotate(36deg)
    }

    58.3334% {
        -webkit-transform: translate3d(41px,-3px,0) rotate(28deg);
        opacity: 1;
        transform: translate3d(41px,-3px,0) rotate(28deg)
    }

    75% {
        -webkit-transform: translate3d(45px,-8px,0) rotate(32deg);
        opacity: 1;
        transform: translate3d(45px,-8px,0) rotate(32deg)
    }

    83.3334% {
        -webkit-transform: translate3d(44px,-7px,0) rotate(30.7deg);
        opacity: 1;
        transform: translate3d(44px,-7px,0) rotate(30.7deg)
    }

    to {
        -webkit-transform: translate3d(44px,-6px,0) rotate(30deg);
        opacity: 1;
        transform: translate3d(44px,-6px,0) rotate(30deg)
    }
}

@-webkit-keyframes uploadModalShake-L42hpr {
    10%,90% {
        -webkit-transform: translate3d(-1px,0,0);
        transform: translate3d(-1px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(2px,0,0);
        transform: translate3d(2px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-4px,0,0);
        transform: translate3d(-4px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }
}

@keyframes uploadModalShake-L42hpr {
    10%,90% {
        -webkit-transform: translate3d(-1px,0,0);
        transform: translate3d(-1px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(2px,0,0);
        transform: translate3d(2px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-4px,0,0);
        transform: translate3d(-4px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }
}

@-webkit-keyframes uploadTextFadeIn-2v_W-o {
    0%,8.334% {
        -webkit-transform: translate3d(0,-4px,0);
        opacity: 0;
        transform: translate3d(0,-4px,0)
    }

    45.8%,to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes uploadTextFadeIn-2v_W-o {
    0%,8.334% {
        -webkit-transform: translate3d(0,-4px,0);
        opacity: 0;
        transform: translate3d(0,-4px,0)
    }

    45.8%,to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@-webkit-keyframes uploadModalBounceTransition-1ifvll {
    0% {
        -webkit-transform: translateZ(0) scale(.99);
        transform: translateZ(0) scale(.99)
    }

    50% {
        -webkit-transform: translateZ(0) scale(1.005);
        transform: translateZ(0) scale(1.005)
    }

    to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }
}

@keyframes uploadModalBounceTransition-1ifvll {
    0% {
        -webkit-transform: translateZ(0) scale(.99);
        transform: translateZ(0) scale(.99)
    }

    50% {
        -webkit-transform: translateZ(0) scale(1.005);
        transform: translateZ(0) scale(1.005)
    }

    to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }
}

@-webkit-keyframes uploadModalBounce-ysI5jc {
    0% {
        -webkit-transform: translateZ(0) scale(.99);
        transform: translateZ(0) scale(.99)
    }

    15%,to {
        bottom: -10px;
        left: -10px;
        right: -10px;
        top: -10px
    }

    33.3334% {
        -webkit-transform: translateZ(0) scale(1.005);
        transform: translateZ(0) scale(1.005)
    }

    54.1667% {
        -webkit-transform: translateZ(0) scale(.995);
        transform: translateZ(0) scale(.995)
    }

    70.8334%,to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }
}

@keyframes uploadModalBounce-ysI5jc {
    0% {
        -webkit-transform: translateZ(0) scale(.99);
        transform: translateZ(0) scale(.99)
    }

    15%,to {
        bottom: -10px;
        left: -10px;
        right: -10px;
        top: -10px
    }

    33.3334% {
        -webkit-transform: translateZ(0) scale(1.005);
        transform: translateZ(0) scale(1.005)
    }

    54.1667% {
        -webkit-transform: translateZ(0) scale(.995);
        transform: translateZ(0) scale(.995)
    }

    70.8334%,to {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }
}

.uploadArea-23on8q {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background: rgba(0,0,0,.8);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 36px;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 2000
}

.uploadArea-23on8q strong {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700
}

.uploadArea-23on8q * {
    pointer-events: none
}

.uploadArea-23on8q.uploadModalIn-14sS7w {
    opacity: 1;
    visibility: visible
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 {
    -webkit-animation: uploadIconAnimateIn-2y_NrY .25s ease-in-out 0s forwards normal;
    animation: uploadIconAnimateIn-2y_NrY .25s ease-in-out 0s forwards normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 170px;
    position: relative;
    width: 310px
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .icon-19bbE_.one-3Z3WUg {
    -webkit-animation: uploadIconAnimateInLeft-21UyfH .8s ease 0s forwards normal;
    animation: uploadIconAnimateInLeft-21UyfH .8s ease 0s forwards normal
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .icon-19bbE_.two-3djYgO {
    -webkit-animation: uploadIconAnimateInMiddle-2VqGos .8s ease 0s forwards normal;
    animation: uploadIconAnimateInMiddle-2VqGos .8s ease 0s forwards normal
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .icon-19bbE_.three-jJjLhh {
    -webkit-animation: uploadIconAnimateInRight-1Jiiv1 .8s ease 0s forwards normal;
    animation: uploadIconAnimateInRight-1Jiiv1 .8s ease 0s forwards normal
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .instructions-KnejBP,.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .title-jy81mF {
    -webkit-animation: uploadTextFadeIn-2v_W-o 1s ease .175s forwards normal;
    animation: uploadTextFadeIn-2v_W-o 1s ease .175s forwards normal;
    opacity: 0
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .instructions-KnejBP {
    -webkit-animation-delay: .185s;
    -webkit-animation-duration: 1.25s;
    animation-delay: .185s;
    animation-duration: 1.25s
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7.error-8xpJV5 {
    -webkit-animation: uploadModalShake-L42hpr .82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-box-sizing: border-box;
    -webkit-transform: translateZ(0);
    animation: uploadModalShake-L42hpr .82s cubic-bezier(.36,.07,.19,.97) both;
    background-color: #f04747;
    border-radius: 10px;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    transform: translateZ(0)
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7.error-8xpJV5 .instructions-KnejBP {
    margin-bottom: 15px
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7.error-8xpJV5 a {
    color: hsla(0,0%,100%,.7);
    cursor: pointer
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7.error-8xpJV5 a:hover {
    color: #fff
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7.error-8xpJV5 .icon-19bbE_.one-3Z3WUg {
    -webkit-animation-delay: .115s;
    animation-delay: .115s
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7.error-8xpJV5 .icon-19bbE_.two-3djYgO {
    -webkit-animation-delay: .01s;
    animation-delay: .01s
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7.error-8xpJV5 .icon-19bbE_.three-jJjLhh {
    -webkit-animation-delay: .08s;
    animation-delay: .08s
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .bgScale-1i4Cp3 {
    -webkit-animation: uploadModalBounce-ysI5jc .8s ease 0s forwards normal;
    animation: uploadModalBounce-ysI5jc .8s ease 0s forwards normal;
    background: #7289da;
    border-radius: 10px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .inner-1-09ZV {
    -ms-flex: 1;
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    border: 2px dashed hsla(0,0%,100%,.4);
    border-radius: 6px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .inner-1-09ZV .title-jy81mF {
    font-size: 22px;
    font-weight: 700
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .inner-1-09ZV .instructions-KnejBP {
    color: hsla(0,0%,100%,.6);
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
    text-align: center
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .inner-1-09ZV .icons-IxXLzd {
    height: 60px;
    position: relative;
    width: 100px
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .inner-1-09ZV .wrapOne-2X5JL5 {
    -webkit-transform: translate3d(0,-70px,0);
    transform: translate3d(0,-70px,0)
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .inner-1-09ZV .wrapTwo-1ppAoS {
    -webkit-transform: translate3d(0,-80px,0);
    transform: translate3d(0,-80px,0)
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .inner-1-09ZV .wrapThree-XekCUC {
    -webkit-transform: translate3d(0,-70px,0);
    transform: translate3d(0,-70px,0)
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .inner-1-09ZV .icon-19bbE_ {
    -ms-flex-negative: 0;
    -webkit-transform: translateZ(0);
    background-position: 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    height: 130px;
    position: absolute;
    transform: translateZ(0);
    width: 100px
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .inner-1-09ZV .icon-19bbE_.one-3Z3WUg {
    background-image: url(/assets/60c3eaf0d7173c929482362ea1d2543a.svg);
    opacity: 0
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .inner-1-09ZV .icon-19bbE_.two-3djYgO {
    background-image: url(/assets/4ab2ee5027741df387151ca717ae5614.svg)
}

.uploadModalIn-14sS7w .uploadDropModal-BpFgz7 .inner-1-09ZV .icon-19bbE_.three-jJjLhh {
    background-image: url(/assets/a4ef7d20760cef4c165825770fd12ac7.svg);
    opacity: 0
}

.crossOne-XaM_mA,.crossTwo-3sALad,.lightOne-2G5Qym,.lightTwo-3S8XAU,.popOne-2eKhTj,.sparkleOne-x5bywL,.sparkleTwo-1pM3RF {
    -webkit-animation-iteration-count: 1!important;
    animation-iteration-count: 1!important;
    opacity: .95;
    z-index: 1
}

.sparkleOne-x5bywL {
    bottom: -40px;
    right: -15px
}

.sparkleTwo-1pM3RF {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    right: 12px;
    top: -67px
}

.lightOne-2G5Qym {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    right: -35px;
    top: 24px
}

.lightTwo-3S8XAU {
    -webkit-animation-delay: .61s;
    animation-delay: .61s;
    left: -10px;
    top: -32px
}

.crossOne-XaM_mA {
    -webkit-animation-delay: .56s;
    animation-delay: .56s;
    bottom: -35px;
    right: 100px
}

.crossTwo-3sALad {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    bottom: 50px;
    left: -70px
}

.popOne-2eKhTj {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    bottom: -40px;
    left: 50px
}

.uploadModal-2KN6Mm {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-filter: blur(0);
    -webkit-perspective: 1000;
    background-color: #7289da;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    filter: blur(0);
    flex-direction: column;
    min-height: 258px;
    perspective: 1000;
    width: 520px
}

.uploadModal-2KN6Mm.transitioning-1TLeVu {
    -webkit-animation: uploadModalBounceTransition-1ifvll .2s ease 0s forwards normal;
    animation: uploadModalBounceTransition-1ifvll .2s ease 0s forwards normal
}

.uploadModal-2KN6Mm .inner-1-09ZV {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    border: 2px dashed #aab8e8;
    border-radius: 10px 10px 0 0;
    color: #fff;
    flex: 1;
    margin: 10px
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    height: 103px;
    position: relative
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_ {
    -ms-flex-negative: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    height: 130px;
    margin-top: -42px;
    width: 100px
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.image-sUU6Oh {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
    -webkit-box-sizing: border-box;
    background-color: #fff;
    background-size: cover;
    border: 2px solid #7289da;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,.4);
    box-sizing: border-box;
    height: 104px;
    margin-left: 16px;
    margin-right: 12px;
    margin-top: -33px;
    width: 104px
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.video-3Hq-vi {
    background-image: url(/assets/dae57381bd2599b546fc014a41708c06.svg)
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.acrobat-2ppl7l {
    background-image: url(/assets/4dccddb260f35cb6e7c4abd18b407e1a.svg)
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.ae-11YgFl {
    background-image: url(/assets/308ff351ddeee9adf7ad36bc07721744.svg)
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.sketch-3tVVa_ {
    background-image: url(/assets/6a58ca3bc7015878ee64e769fd9d97d6.svg)
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.ai-w9pXWD {
    background-image: url(/assets/b17fae7e904d1b03b9b30a0757d72bc1.svg)
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.archive-GnLESH {
    background-image: url(/assets/3408a4597fdee6f7edef69f7fb487b38.svg)
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.code-3YCJF5 {
    background-image: url(/assets/4ab2ee5027741df387151ca717ae5614.svg)
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.document-3EaIlA {
    background-image: url(/assets/a4ef7d20760cef4c165825770fd12ac7.svg)
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.photoshop-1xX-zm,.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.ps-19Qviv {
    background-image: url(/assets/83b4390a8982df16d8b75d3282894c0f.svg)
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.spreadsheet-2FhobW {
    background-image: url(/assets/f3c851bfdcc86909ac7a0889040ce8fc.svg)
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.webcode-2KLdAe {
    background-image: url(/assets/60c3eaf0d7173c929482362ea1d2543a.svg)
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .icon-19bbE_.unknown-nN4W57 {
    background-image: url(/assets/92fc72e47a5854ae12c1167e69573d77.svg)
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .description-2rzUJU {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 78px;
    overflow: hidden;
    padding-right: 22px;
    padding-top: 22px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .description-2rzUJU .filename-1XsE3E {
    font-size: 18px;
    font-weight: 500;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uploadModal-2KN6Mm .inner-1-09ZV .file-XhJJS_ .description-2rzUJU .filesize-2S0pSZ {
    font-size: 10px;
    margin-top: 6px;
    opacity: .6
}

.uploadModal-2KN6Mm .inner-1-09ZV .comment-1faMgX {
    margin: 0 18px
}

.uploadModal-2KN6Mm .inner-1-09ZV .comment-1faMgX .label-Cfxxz9 {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase
}

.uploadModal-2KN6Mm .inner-1-09ZV .comment-1faMgX .label-Cfxxz9 .optional-3T_cF8 {
    margin-left: 5px;
    opacity: .6
}

.uploadModal-2KN6Mm .inner-1-09ZV .channelTextAreaUpload-10Oncb {
    margin-bottom: 18px
}

.uploadModal-2KN6Mm .footer-4pOKm8 {
    -ms-flex-direction: row;
    -ms-flex-pack: end;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: end;
    background-color: #5b6dae;
    border-radius: 0 0 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 10px
}

.uploadModal-2KN6Mm .footer-4pOKm8 .button {
    background-color: #5b6dae;
    height: 36px;
    min-width: 84px;
    padding: 0!important
}

.uploadModal-2KN6Mm .footer-4pOKm8 .button:hover {
    text-decoration: underline
}

.uploadModal-2KN6Mm .footer-4pOKm8 .button-primary {
    -webkit-transition: opacity .2s ease-in-out;
    background-color: #fff;
    color: #5b6dae;
    transition: opacity .2s ease-in-out
}

.uploadModal-2KN6Mm .footer-4pOKm8 .button-primary:hover {
    opacity: .8;
    text-decoration: none
}

.premiumPromo-30eDC1 {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-direction: column;
    margin-top: -5px;
    padding: 0 15px 15px;
    width: 100%
}

.content-2dWgAA,.premiumPromo-30eDC1 {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    text-align: center
}

.content-2dWgAA {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    opacity: .6
}

.content-2dWgAA:hover {
    opacity: 1
}

.content-2dWgAA:hover .navArrow-2TuF97 {
    -webkit-transform: translate3d(2px,0,0);
    transform: translate3d(2px,0,0)
}

.navArrow-2TuF97 {
    -webkit-transition: -webkit-transform .1s ease-in-out;
    height: 14px;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    width: 14px
}

.avatar-uploader {
    font-size: 12px;
    text-align: center
}

.avatar-uploader .remove-button {
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none
}

.avatar-uploader .size-info {
    color: #87909c;
    display: block;
    font-size: 10px
}

.avatar-uploader .size-info strong {
    font-weight: 700
}

.avatar-uploader-inner {
    -webkit-box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow .1s;
    background-color: #7289da;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 128px 128px;
    border: 5px solid #ebebeb;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 138px;
    margin-bottom: 10px;
    position: relative;
    transition: -webkit-box-shadow .1s;
    transition: box-shadow .1s;
    width: 138px
}

.avatar-uploader-inner>* {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.avatar-uploader-inner .file-input,.avatar-uploader-inner input[type=file] {
    pointer-events: auto
}

.avatar-uploader-inner:hover {
    -webkit-box-shadow: inset 0 0 120px rgba(0,0,0,.75);
    box-shadow: inset 0 0 120px rgba(0,0,0,.75)
}

.avatar-uploader-inner:hover .avatar-uploader-acronym {
    visibility: hidden
}

.avatar-uploader-inner:hover .avatar-uploader-hint {
    visibility: visible
}

.avatar-uploader-acronym {
    font-size: 40px;
    overflow: hidden
}

.avatar-uploader-hint {
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    visibility: hidden;
    white-space: pre
}

.avatar-uploader-indicator {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    height: 28px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px
}

.theme-light .avatar-uploader .remove-button {
    color: #b9bbbe
}

.theme-light .avatar-uploader .remove-button:hover {
    color: #72767d
}

.theme-light .avatar-uploader-indicator {
    background-color: #fff;
    background-image: url(/assets/30a3036e40d0f175912ec96c03596e29.svg)
}

.theme-dark .avatar-uploader .remove-button {
    color: #b9bbbe
}

.theme-dark .avatar-uploader .remove-button:hover {
    color: #72767d
}

.theme-dark .avatar-uploader-indicator {
    background-color: #dcddde;
    background-image: url(/assets/d5c25e76af04cea8997e4a060572feae.svg)
}

.regionSelect-1lpijo {
    -webkit-box-sizing: border-box;
    background-color: transparent;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    margin-top: 10px
}

.regionSelect-1lpijo.disabled-3hNC92 {
    opacity: .25;
    pointer-events: none
}

.regionSelect-1lpijo.disabled-3hNC92 .regionSelectInner-1cIYbU {
    border-radius: 3px
}

.regionSelect-1lpijo.disabled-3hNC92 button {
    display: none
}

.regionSelect-1lpijo.regionSelectLoading-3LuyIv {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    justify-content: center;
    pointer-events: none
}

.regionSelect-1lpijo button {
    background-color: transparent;
    border: 1px solid #cdcdcd;
    border-left: none;
    border-radius: 0 4px 4px 0;
    color: #7289da;
    font: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px
}

.regionSelect-1lpijo .regionSelectInner-1cIYbU {
    -ms-flex: 1;
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: horizontal;
    align-items: center;
    border: 1px solid #cdcdcd;
    border-radius: 4px 0 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: row;
    padding: 7px
}

.regionSelect-1lpijo .regionSelectFlag-221UrM {
    margin-right: 16px
}

.regionSelect-1lpijo:hover {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.06);
    box-shadow: 0 1px 0 rgba(0,0,0,.06)
}

.regionSelect-1lpijo:hover .regionSelectInner-1cIYbU,.regionSelect-1lpijo:hover button {
    border-color: #7289da
}

.regionSelect-1lpijo:hover button {
    background-color: #7289da;
    color: #fff
}

.regionSelectFlag-221UrM {
    -ms-flex-negative: 0;
    background-color: #7289da;
    background-size: 44px 30px;
    border-radius: 4px;
    flex-shrink: 0;
    height: 30px;
    position: relative;
    width: 44px
}

.vip-2__Fk2:after {
    -webkit-box-sizing: border-box;
    background: #7289da;
    border: 2px solid #fff;
    border-radius: 4px;
    bottom: -5px;
    box-sizing: border-box;
    color: #fff;
    content: "VIP";
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 10px;
    font-weight: 500;
    padding: 1px 3px;
    position: absolute;
    right: -10px
}

.regionSelectName-1XSzzb {
    color: #99aab5;
    font-size: 16px;
    font-weight: 700
}

.regionSelectModal-QBpi1R {
    -webkit-box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 30px;
    width: 700px
}

.regionSelectModal-QBpi1R .regionSelectModalHeader-33y0EU {
    color: #7289da;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 23px;
    text-align: center;
    text-transform: uppercase
}

.regionSelectModal-QBpi1R .regionSelectModalFooter-1a5bzj {
    color: #87909c;
    font-size: 12px;
    margin-top: 23px;
    text-align: center
}

.regionSelectModal-QBpi1R .regionSelectModalOptions-BVkQu9 {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.regionSelectModal-QBpi1R .regionSelectModalOption-3giLPN {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box;
    align-items: center;
    background-color: #fff;
    border: 2px solid #f3f3f3;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 114px;
    justify-content: center;
    margin: 7px;
    width: 114px
}

.regionSelectModal-QBpi1R .regionSelectModalOption-3giLPN .regionSelectName-1XSzzb {
    margin-top: 16px;
    padding: 0 4px;
    text-align: center
}

.regionSelectModal-QBpi1R .regionSelectModalOption-3giLPN:hover {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.06);
    border-color: #7289da;
    box-shadow: 0 1px 0 rgba(0,0,0,.06)
}

.lighten-bXgwKO {
    opacity: .3
}

.wrapper-1v8p8a {
    position: relative;
    top: -2px
}

.icon-3_ICKH {
    -ms-flex-item-align: center;
    align-self: center;
    min-width: 16px
}

.title-3I2bY1 {
    margin: 0 4px
}

.subtitle-jJH_gy,.title-3I2bY1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.subtitle-jJH_gy {
    min-width: 48px;
    text-transform: uppercase
}

.darkElevationLow-3PZ5tK {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3)
}

.darkElevationHigh-1bfHxD {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.darkElevationBorderLow-2UvypC {
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 1px 5px 0 rgba(0,0,0,.3)
}

.darkElevationBorderHigh-2T6bYF {
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2)
}

.lightElevationLow-1tjmIL {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2)
}

.lightElevationHigh-2FfWIb {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
}

.lightElevationBorderLow-nhvHdt {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 1px 5px rgba(0,0,0,.2)
}

.lightElevationBorderHigh-6aQyjI {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-light .elevationLow-C3e7w5 {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2)
}

.theme-light .elevationHigh-3XXATs {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-light .elevationBorderLow-c64lo_ {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 1px 5px rgba(0,0,0,.2)
}

.theme-light .elevationBorderHigh-21daLc {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-dark .elevationLow-C3e7w5 {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3)
}

.theme-dark .elevationHigh-3XXATs {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.theme-dark .elevationBorderLow-c64lo_ {
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 1px 5px 0 rgba(0,0,0,.3)
}

.theme-dark .elevationBorderHigh-21daLc {
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2)
}

.container-2oeFrl {
    border-radius: 5px;
    overflow: hidden;
    padding: 10px 10px 10px 16px
}

.button-29Syq7 {
    margin-left: 10px
}

.resetButton-1OLvex {
    padding-left: 0;
    padding-right: 0
}

.message-3myuMt {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.theme-light .notice-2es_IG {
    background-color: hsla(180,8%,97%,.95)
}

.theme-dark .notice-2es_IG {
    background: rgba(32,34,37,.95)
}

.theme-dark .message-3myuMt {
    color: #fff
}

.checkboxWrapper-2Yvr_Y {
    -moz-user-select: none;
    -ms-flex: 0 0 auto;
    -ms-flex-align: center;
    -ms-user-select: none;
    -webkit-box-align: center;
    -webkit-box-flex: 0;
    -webkit-user-select: none;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 auto;
    height: 24px;
    position: relative;
    user-select: none
}

.checkboxWrapperDisabled-1N3-Hu {
    opacity: .6
}

.input-oWyROL {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.inputDefault-2tiBIA,.inputDisabled-1ayqmP {
    height: 100%;
    width: 100%;
    z-index: 1
}

.inputDefault-2tiBIA {
    cursor: pointer
}

.inputDisabled-1ayqmP {
    cursor: not-allowed
}

.inputReadonly-1t0gSm {
    cursor: default;
    height: 0;
    width: 0;
    z-index: -1
}

.box-XhjOl4 {
    border-radius: 3px
}

.round-30vw42 {
    border-radius: 50%
}

.checkbox-1QwaS4 {
    -webkit-box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    height: 24px;
    width: 24px
}

.label-3-ZuoS {
    line-height: 24px;
    padding-left: 8px
}

.theme-light .checkbox-1QwaS4 {
    border-color: #b9bbbe
}

.theme-light .checked-2TahvT {
    background: #fff
}

.theme-light .focused-1rg4X4 {
    -webkit-box-shadow: 0 0 0 3px hsla(216,4%,74%,.3);
    box-shadow: 0 0 0 3px hsla(216,4%,74%,.3)
}

.theme-dark .checkbox-1QwaS4 {
    border-color: #72767d
}

.theme-dark .checked-2TahvT {
    background-color: #fff;
    border-color: #fff
}

.theme-dark .focused-1rg4X4 {
    -webkit-box-shadow: 0 0 0 3px hsla(218,5%,47%,.3);
    box-shadow: 0 0 0 3px hsla(218,5%,47%,.3)
}

.item-2zi_5J {
    border-radius: 3px;
    cursor: pointer
}

.item-2zi_5J:last-child {
    margin: 0
}

.disabled-3OVcgi {
    cursor: not-allowed;
    opacity: .3
}

.info-1Z508c {
    margin: 0 8px
}

.title-1M-Ras {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.desc-2dKaro {
    font-size: 14px
}

.titleChecked-3Ngoss {
}

.descChecked-KbaI-r {
}

.theme-light .radioGroup-2P3MJo {
    color: #4f545c
}

.theme-light .desc-2dKaro {
    color: #b9bbbe
}

.theme-light .descChecked-KbaI-r,.theme-light .titleChecked-3Ngoss {
    color: #fff
}

.theme-dark .radioGroup-2P3MJo {
    color: #f6f6f7
}

.theme-dark .desc-2dKaro {
    color: #72767d
}

.theme-dark .descChecked-KbaI-r,.theme-dark .titleChecked-3Ngoss {
    color: #fff
}

.container-2YgzWd {
    -webkit-box-sizing: border-box;
    border: 1px solid;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    position: relative
}

.layout-1qlGFe {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.base-2IToIx {
    -webkit-transition: color .15s ease;
    background-color: transparent;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    text-overflow: ellipsis;
    transition: color .15s ease;
    white-space: nowrap
}

.hiddenMessage-TaRI9q {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.input-1aITJk {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    border: none;
    box-sizing: border-box;
    flex: 1 1 auto;
    min-width: 0;
    outline: none;
    position: relative;
    width: 100%;
    z-index: 1
}

.button-2FUBCE {
    -webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    border-radius: 2px;
    margin: 4px 4px 4px 0;
    padding: 2px 20px;
    transition: background-color .2s ease-in-out,color .2s ease-in-out
}

.disabled-3gPRAN {
    cursor: not-allowed;
    opacity: .3
}

.disabled-3gPRAN .button-2FUBCE {
    opacity: 1
}

.theme-light .container-2YgzWd {
    background-color: rgba(79,84,92,.02);
    border-color: rgba(79,84,92,.3)
}

.theme-light .input-1aITJk {
    color: #4f545c
}

.theme-light .input-1aITJk::-webkit-input-placeholder {
    color: rgba(79,84,92,.3)
}

.theme-light .input-1aITJk:-ms-input-placeholder {
    color: rgba(79,84,92,.3)
}

.theme-light .input-1aITJk::placeholder {
    color: rgba(79,84,92,.3)
}

.theme-dark .container-2YgzWd {
    background-color: rgba(0,0,0,.1);
    border-color: rgba(0,0,0,.3)
}

.theme-dark .input-1aITJk {
    color: #f6f6f7
}

.theme-dark .input-1aITJk::-webkit-input-placeholder {
    color: hsla(240,6%,97%,.3)
}

.theme-dark .input-1aITJk:-ms-input-placeholder {
    color: hsla(240,6%,97%,.3)
}

.theme-dark .input-1aITJk::placeholder {
    color: hsla(240,6%,97%,.3)
}

.container-Q1c3uJ {
    -webkit-transition: border-color .17s ease;
    transition: border-color .17s ease
}

.container-Q1c3uJ.error-1T-P8E,.container-Q1c3uJ.error-1T-P8E:hover {
    border-color: #f04747
}

.disabled-1CsiPY {
}

.layout-Y_O6UM {
}

.layout-Y_O6UM .input-1HHVTW {
    line-height: 24px;
    overflow: visible;
    padding: 0 0 0 8px
}

.input-1HHVTW {
}

.name-2zz7d0 {
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.flag-1rIgNi {
    background-size: cover;
    border-radius: 3px;
    height: 24px;
    margin-right: 10px;
    position: relative;
    width: 36px
}

.vip-2RT5DH:after {
    -webkit-box-sizing: border-box;
    background: #7289da;
    border: 2px solid;
    border-radius: 3px;
    bottom: -5px;
    box-sizing: border-box;
    color: #fff;
    content: "VIP";
    font-size: 10px;
    font-weight: 500;
    height: 17px;
    line-height: 10px;
    padding: 2px;
    position: absolute;
    right: -10px
}

.button-3d5Dts {
}

.theme-dark .container-Q1c3uJ.hover-1civje {
    border-color: #040405
}

.theme-dark .flag-1rIgNi.vip-2RT5DH:after {
    border-color: #36393f
}

.theme-light .container-Q1c3uJ.hover-1civje {
    border-color: #b9bbbe
}

.theme-light .flag-1rIgNi.vip-2RT5DH:after {
    border-color: #fff
}

.guildSettingsBaseSection-24U5O2 .avatar-uploader-inner,.guildSettingsSplashSection-1clqjZ .avatar-uploader-inner {
    border: none
}

.guildSettingsBaseSection-24U5O2 .avatar-uploader-inner {
    background-size: 100% 100%;
    border: none;
    height: 100px;
    width: 100px
}

.guildSettingsSplashSection-1clqjZ .avatar-uploader-inner {
    background-size: cover;
    border-radius: 3px;
    height: 180px;
    width: 100%
}

.guildSettingsOverviewNotice-Odj3O0 {
    border-radius: 3px
}

.theme-dark .guildSettingsOverviewNotice-Odj3O0 {
    background-color: rgba(32,34,37,.95)
}

.theme-dark .guildSettingsBaseSection-24U5O2 .avatar-uploader .avatar-uploader-inner,.theme-dark .guildSettingsSplashSection-1clqjZ .avatar-uploader .avatar-uploader-inner {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.theme-dark .guildSettingsBaseSection-24U5O2 .avatar-uploader .avatar-uploader-inner:hover,.theme-dark .guildSettingsSplashSection-1clqjZ .avatar-uploader .avatar-uploader-inner:hover {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),inset 0 0 120px rgba(0,0,0,.6);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),inset 0 0 120px rgba(0,0,0,.6)
}

.theme-dark .guildSettingsBaseSection-24U5O2 .avatar-uploader.disabled-31c8uw .avatar-uploader-inner,.theme-dark .guildSettingsSplashSection-1clqjZ .avatar-uploader.disabled-31c8uw .avatar-uploader-inner {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.theme-light .guildSettingsOverviewNotice-Odj3O0 {
    background-color: hsla(240,6%,97%,.95)
}

.theme-light .guildSettingsBaseSection-24U5O2 .avatar-uploader .avatar-uploader-inner,.theme-light .guildSettingsSplashSection-1clqjZ .avatar-uploader .avatar-uploader-inner {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-light .guildSettingsBaseSection-24U5O2 .avatar-uploader .avatar-uploader-inner:hover,.theme-light .guildSettingsSplashSection-1clqjZ .avatar-uploader .avatar-uploader-inner:hover {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),inset 0 0 120px rgba(0,0,0,.6);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),inset 0 0 120px rgba(0,0,0,.6)
}

.theme-light .guildSettingsBaseSection-24U5O2 .avatar-uploader.disabled-31c8uw .avatar-uploader-inner,.theme-light .guildSettingsSplashSection-1clqjZ .avatar-uploader.disabled-31c8uw .avatar-uploader-inner {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
}

.flex-1LlWxf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.alignStart-3_eEOm {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start
}

.alignEnd-1RN-Zf {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end
}

.alignCenter-pv8mQw {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.alignStretch-2y1lui {
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch
}

.alignBaseline-1YhDpj {
    -ms-flex-align: baseline;
    -webkit-box-align: baseline;
    align-items: baseline
}

.justifyStart-2-r4if {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.justifyEnd-11IlmV {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.justifyCenter-2sj4Do {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

.justifyAround-2xXQaj {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.justifyBetween-20nIZJ {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.noWrap-R8plR3 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.wrap-2Hr-a- {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wrapReverse-3-aWOT {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.directionRow-2vY9YA {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-direction: row
}

.directionRowReverse-3ofnZH {
    -ms-flex-direction: row-reverse;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    flex-direction: row-reverse
}

.directionColumn-1VPwVi {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column
}

.spacer-1UwdJH {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden
}

.vertical-3UcO0S {
}

.horizontal-2gOaED {
}

.horizontalReverse-3bWm5x {
}

.horizontal-2gOaED>.spacer-1UwdJH,.horizontalReverse-3bWm5x>.spacer-1UwdJH,.vertical-3UcO0S>.spacer-1UwdJH {
    min-height: 1px
}

.flexCenter-3_ZWRx {
}

.streamerModeEnabled-2lnFWB {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.streamerModeEnabledImage-1k7awp {
    background-size: 100% 100%;
    height: 220px;
    width: 440px
}

.streamerModeEnabledBtn-3dSeeO {
    background-color: #593695;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    line-height: 29px;
    margin-top: 20px;
    padding: 10px 20px;
    text-transform: uppercase
}

.streamerModeEnabledBtn-3dSeeO:hover {
    background-color: #5a3796
}

.streamerModeEnabledBtn-3dSeeO.disabled-1kXlL9 {
    background-color: #643da7;
    cursor: default
}

.theme-light .streamerModeEnabledImage-1k7awp {
    background-image: url(/assets/f8cb59be6e5a492dc4f98cfea20e6d82.svg)
}

.theme-dark .streamerModeEnabledImage-1k7awp {
    background-image: url(/assets/5b7e23080bfec53f966b806abcde8def.svg)
}

.auditLog-1XsYCj {
    border: 1px solid;
    border-radius: 3px
}

.auditLog-1XsYCj strong {
    font-weight: 400
}

.divider-ShvCWe {
    background: green;
    height: 1px;
    width: 100%
}

.header-1UnvfG {
    -webkit-transition: background-color .2s ease;
    padding: 10px 20px 10px 10px;
    transition: background-color .2s ease
}

.headerDefault-1ajMkj {
    cursor: default
}

.headerClickable-1jGUp8,.headerExpanded-wW1rBx {
    cursor: pointer
}

.timeWrap-1MW3ga {
    max-width: calc(100% - 118px)
}

.timestamp-5LpvaA {
    font-size: 14px;
    margin-top: 4px
}

.avatar-U5vyrM {
    margin-left: 10px
}

.expand-3-sVAu .expandForeground-16UqCM {
    -webkit-transition: d .2s ease,stroke .2s ease;
    transition: d .2s ease,stroke .2s ease
}

.colorHook-2GunE2 {
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    position: relative;
    top: -1px;
    width: 10px
}

.userHook-DFT5u7 {
    font-weight: 400
}

.discrim-xHdOK3 {
    font-size: 12px;
    line-height: 16px
}

.changeDetails-zbf-61 {
    padding: 0 8px 10px
}

.detail-3fC-4K {
    margin-left: 40px;
    margin-top: 8px
}

.prefix-dCECsB {
    font-family: SourceCodePro,Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin-right: 0!important
}

.typeCreate-2vmDdv {
    color: #69c49a
}

.typeDelete-1Dpnw9 {
    color: #f36c6c
}

.typeUpdate-3ruwBv {
    color: #fbb848
}

.dash-35ZgLS {
    margin: 0 0 0 10px
}

.change-2at3Jb {
    margin: 0;
    overflow: hidden
}

.changeStr-3Lhzs5 {
    overflow: hidden;
    text-overflow: ellipsis
}

.subListItem-1F58Iq {
    margin: 4px 0
}

.subListItem-1F58Iq:last-child {
    margin-bottom: 0
}

.icon-34GMyI {
    height: 24px;
    min-width: 24px;
    position: relative;
    width: 24px
}

.icon-34GMyI:after {
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.typeCreate-2vmDdv:after {
    background: url(/assets/9d5a0ed6004593447a865df0f7eb149e.svg)
}

.typeDelete-1Dpnw9:after {
    background: url(/assets/38bba2d1bd82fd0b60d33367adccf8b7.svg)
}

.typeUpdate-3ruwBv:after {
    background: url(/assets/fd7c3b7bb65f185a5d91f5302f30ac0c.svg)
}

.theme-light .auditLog-1XsYCj {
    border-color: #b9bbbe;
    color: #72767d
}

.theme-light .auditLog-1XsYCj:hover .expandForeground-16UqCM {
    stroke: #72767d
}

.theme-light .auditLog-1XsYCj strong {
    color: #4f545c
}

.theme-light .headerClickable-1jGUp8,.theme-light .headerDefault-1ajMkj {
    background-color: hsla(240,6%,97%,.3)
}

.theme-light .headerExpanded-wW1rBx {
    background-color: #f6f6f7
}

.theme-light .divider-ShvCWe {
    background-color: #b9bbbe
}

.theme-light .userHook-DFT5u7 {
    color: #4f545c
}

.theme-light .discrim-xHdOK3 {
    opacity: .6
}

.theme-light .expandForeground-16UqCM {
    stroke: hsla(218,5%,47%,.6)
}

.theme-light .timestamp-5LpvaA {
    color: #72767d
}

.theme-light .changeDetails-zbf-61 {
    background-color: hsla(240,6%,97%,.3)
}

.theme-dark .auditLog-1XsYCj {
    border-color: #202225;
    color: #72767d
}

.theme-dark .auditLog-1XsYCj strong {
    color: #f6f6f7
}

.theme-dark .auditLog-1XsYCj:hover .expandForeground-16UqCM {
    stroke: #fff
}

.theme-dark .headerClickable-1jGUp8,.theme-dark .headerDefault-1ajMkj {
    background-color: rgba(32,34,37,.3);
    color: #b9bbbe
}

.theme-dark .headerExpanded-wW1rBx {
    background-color: rgba(32,34,37,.6);
    color: #b9bbbe
}

.theme-dark .divider-ShvCWe {
    background-color: #202225
}

.theme-dark .userHook-DFT5u7 {
    color: #f6f6f7
}

.theme-dark .discrim-xHdOK3 {
    opacity: .3
}

.theme-dark .expandForeground-16UqCM {
    stroke: hsla(0,0%,100%,.6)
}

.theme-dark .timestamp-5LpvaA {
    color: #72767d
}

.theme-dark .changeDetails-zbf-61 {
    background-color: rgba(32,34,37,.3)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetAll-1lLJdc,.theme-light .icon-34GMyI.targetAll-1lLJdc {
    background: url(/assets/2cff836e7866cfd41cf71752ed033f1c.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetBan-3lhujk,.theme-light .icon-34GMyI.targetBan-3lhujk {
    background: url(/assets/b5db5aa26e85a4239c15f10eab2031c0.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetChannel-3BqCGz,.theme-light .icon-34GMyI.targetChannel-3BqCGz {
    background: url(/assets/b5061d752abdcf5f44d6f1a217cd0853.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetGuild-1U90FD,.theme-light .icon-34GMyI.targetGuild-1U90FD {
    background: url(/assets/601c3d0141413d8eea298446d32ca099.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetEmoji-2EzwMF,.theme-light .icon-34GMyI.targetEmoji-2EzwMF {
    background: url(/assets/53947b826826947323199b1a83733067.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetInvite-2wEHg9,.theme-light .icon-34GMyI.targetInvite-2wEHg9 {
    background: url(/assets/c428699bc4a1e93837f27f90b12c09e3.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetMemberRole-NreGos,.theme-light .icon-34GMyI.targetMemberRole-NreGos {
    background: url(/assets/b4c2db8382a5bfd5dd7155ed1bdbb3b8.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetMember-1kSoa-,.theme-light .icon-34GMyI.targetMember-1kSoa- {
    background: url(/assets/a8bd496e2e9ca833d249a7b18f41efdd.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetPermission-1UWy0y,.theme-light .icon-34GMyI.targetPermission-1UWy0y {
    background: url(/assets/22955365220abc3015256c85523bf98e.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetRole-pCj4Ki,.theme-light .icon-34GMyI.targetRole-pCj4Ki {
    background: url(/assets/1c1c67aae5a734eecf7a911cc5fde2de.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetVanityUrl-3IzLmW,.theme-light .icon-34GMyI.targetVanityUrl-3IzLmW {
    background: url(/assets/436a2bee259beb0347ee31bb238eb1aa.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetWebhook-3OZKA2,.theme-light .icon-34GMyI.targetWebhook-3OZKA2 {
    background: url(/assets/bbb590c56a4598276e5ff9270b6c382a.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetWidget-1gBEUw,.theme-light .icon-34GMyI.targetWidget-1gBEUw {
    background: url(/assets/94eccecad8658fe53d1cd37fab50940d.svg)
}

.themeOverrideLight-3MvFo8.icon-34GMyI.targetMessage-JhRs8q,.theme-light .icon-34GMyI.targetMessage-JhRs8q {
    background: url(/assets/f38704754b1f737d5fa7bf4545bc5bba.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetAll-1lLJdc,.theme-dark .icon-34GMyI.targetAll-1lLJdc {
    background: url(/assets/fc3f5f9be1a4db14b02336b7cb02e6ce.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetBan-3lhujk,.theme-dark .icon-34GMyI.targetBan-3lhujk {
    background: url(/assets/edb23a53ea40ac60f212ebae66e5c5c7.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetChannel-3BqCGz,.theme-dark .icon-34GMyI.targetChannel-3BqCGz {
    background: url(/assets/343c9ff4c775c66a7d4af1f8691c34e0.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetGuild-1U90FD,.theme-dark .icon-34GMyI.targetGuild-1U90FD {
    background: url(/assets/30af96a386520760ad107c5b77ba002a.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetEmoji-2EzwMF,.theme-dark .icon-34GMyI.targetEmoji-2EzwMF {
    background: url(/assets/7a9bf92329dad473ef0383ae75367215.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetInvite-2wEHg9,.theme-dark .icon-34GMyI.targetInvite-2wEHg9 {
    background: url(/assets/4b33371531a1a89f99296a73fc9ef588.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetMemberRole-NreGos,.theme-dark .icon-34GMyI.targetMemberRole-NreGos {
    background: url(/assets/a9098042cb36b955c5021259f1d48f91.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetMember-1kSoa-,.theme-dark .icon-34GMyI.targetMember-1kSoa- {
    background: url(/assets/af043346e036ef7b1aac1cf42cd1e699.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetPermission-1UWy0y,.theme-dark .icon-34GMyI.targetPermission-1UWy0y {
    background: url(/assets/2a37995eb832bae805190a93ba043857.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetRole-pCj4Ki,.theme-dark .icon-34GMyI.targetRole-pCj4Ki {
    background: url(/assets/0176a91b4c44ed05c05af68784e78da8.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetVanityUrl-3IzLmW,.theme-dark .icon-34GMyI.targetVanityUrl-3IzLmW {
    background: url(/assets/84215a5fec3d9de9960a225143238d74.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetWebhook-3OZKA2,.theme-dark .icon-34GMyI.targetWebhook-3OZKA2 {
    background: url(/assets/a6975850d800aa86162b4aa5f18c41ac.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetWidget-1gBEUw,.theme-dark .icon-34GMyI.targetWidget-1gBEUw {
    background: url(/assets/4ac0e382cc7b8aa0cb1d6d074b0e8ba5.svg)
}

.themeOverrideDark-28HWV5.icon-34GMyI.targetMessage-JhRs8q,.theme-dark .icon-34GMyI.targetMessage-JhRs8q {
    background: url(/assets/8c85e30795486caa8caacd829703459d.svg)
}

.wrapper-1-BJK5 {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 440px;
    width: 100%
}

.image-3Y4mXQ {
    background-size: 100% 100%
}

.title-38OOBL {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase
}

.text-1rLRsh,.title-38OOBL {
    text-align: center
}

.text-1rLRsh {
    font-size: 16px;
    line-height: 20px
}

.theme-light .text-1rLRsh,.theme-light .title-38OOBL {
    color: hsla(216,4%,74%,.9)
}

.theme-dark .text-1rLRsh,.theme-dark .title-38OOBL {
    color: #72767d
}

.formNotice-2tZsrh {
    cursor: default;
    padding: 20px
}

.formNoticeTitle-1m5mND {
}

.formNoticeBody-1C0wup p {
    letter-spacing: -.39px;
    margin: 0 0 12px
}

.formNoticeBody-1C0wup p:last-child {
    margin-bottom: 0
}

.formNoticeBody-1C0wup u {
    font-style: italic;
    text-decoration: none
}

.icon-3j0iot {
}

.theme-dark .whiteText-32USMe,.theme-dark .whiteText-32USMe a,.theme-light .whiteText-32USMe,.theme-light .whiteText-32USMe a {
    color: #fff
}

.header-qR6-lU,.title-16MQon {
    cursor: pointer
}

.title-16MQon {
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.titleNormal-3eHHbm {
    opacity: .5
}

.titleHovered-1YMLyx {
    opacity: 1
}

.expandIconBG-Li1qfl {
    -webkit-transition: background-color .2s ease-in-out,opacity .2s ease-in-out;
    border-radius: 3px;
    cursor: pointer;
    height: 24px;
    transition: background-color .2s ease-in-out,opacity .2s ease-in-out
}

.expandIconBGNormal-2Ve5cT {
    opacity: .5
}

.expandIconBGHovered-2C1DhE,.expandIconBGNormal-2Ve5cT {
}

.expandIcon-1EANE_ {
    height: 24px;
    width: 24px
}

.theme-dark .expandIconBGHovered-2C1DhE {
    background-color: hsla(210,3%,87%,.05)
}

.theme-dark .expandIconForeground-3XL8Rh {
    stroke: #fff
}

.theme-light .expandIconBGHovered-2C1DhE {
    background-color: hsla(218,5%,47%,.05)
}

.theme-light .expandIconForeground-3XL8Rh {
    stroke: #4f545c
}

.selectableItem-3PW5_y {
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    height: 34px;
    margin: 2px 4px 2px 0;
    padding: 8px 10px
}

.selectableItem-3PW5_y.selected-3MAwPR {
    cursor: default
}

.selectableItemLabel-3pYgaR {
    font-size: 16px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    top: 1px;
    white-space: nowrap
}

.theme-light .selectableItem-3PW5_y {
    color: #4f545c
}

.theme-light .selectableItem-3PW5_y:hover {
    background-color: #dcddde
}

.theme-dark .selectableItem-3PW5_y {
    color: #f6f6f7
}

.theme-dark .selectableItem-3PW5_y:hover {
    background-color: rgba(32,34,37,.6)
}

.quickSelect-2sgeoi {
    cursor: default;
    font-size: 13px
}

.quickSelectClick-36aPV0 {
    cursor: pointer
}

.quickSelectValue-23jNHW {
    margin-left: 4px
}

.quickSelectLabel-2MM1ZS {
    opacity: .3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.quickSelectArrow-1lyLly {
    height: 7px;
    margin-left: 5px;
    width: 10px
}

.quickSelectPopout-3KoYgk {
    border-radius: 3px;
    overflow: hidden
}

.quickSelectPopoutScroll-JzXjR2 {
    max-height: 384px
}

.quickSelectScroller-3YWBeK {
    overflow-y: auto
}

.quickSelectPopoutOption-30K_XY {
    cursor: pointer;
    padding: 8px
}

.quickSelectPopoutOption-30K_XY.selected-xFu2W0 {
    background-color: inherit;
    cursor: default
}

.theme-light .quickSelect-2sgeoi {
    color: #4f545c
}

.theme-light .quickSelectArrow-1lyLly {
    background: url(/assets/8b86f90154cbe38507a14fdd34367f17.svg) 50% no-repeat
}

.theme-light .quickSelectPopout-3KoYgk {
    background-color: #fff;
    color: #4f545c
}

.theme-light .quickSelectPopoutOption-30K_XY:hover {
    background-color: #f6f6f7
}

.theme-light .private-channel-call.normal .quickSelect-2sgeoi {
    color: #f6f6f7
}

.theme-light .private-channel-call.normal .quickSelectArrow-1lyLly {
    background: url(/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat
}

.theme-dark .quickSelect-2sgeoi {
    color: #f6f6f7
}

.theme-dark .quickSelectArrow-1lyLly {
    background: url(/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat
}

.theme-dark .quickSelectPopout-3KoYgk {
    background: #2f3136;
    color: #f6f6f7
}

.theme-dark .quickSelectPopoutOption-30K_XY:hover {
    background-color: rgba(79,84,92,.3)
}

.searchBar-YMJBu9 {
    border-radius: 3px;
    color: #fff;
    height: 28px;
    width: 186px
}

.searchBar-YMJBu9 .input-yt44Uw {
    -webkit-box-sizing: border-box;
    background-color: transparent;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
    margin-right: 0;
    outline: none;
    padding: 4px 8px;
    width: 158px
}

.searchBarIcon-vCfmUl {
    height: 18px;
    position: relative;
    width: 18px
}

.searchBarIcon-vCfmUl .icon-11Zny- {
    -webkit-transition: all .1s linear;
    background-repeat: no-repeat;
    height: 18px;
    opacity: 0;
    position: absolute;
    right: 6px;
    top: 5px;
    transition: all .1s linear;
    width: 18px;
    z-index: 2
}

.searchBarIcon-vCfmUl .icon-11Zny-.eyeGlass-6rahZf {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.searchBarIcon-vCfmUl .icon-11Zny-.clear-4pSDsx,.searchBarIcon-vCfmUl .icon-11Zny-.eyeGlass-6rahZf.visible-4lw4vs {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.searchBarIcon-vCfmUl .icon-11Zny-.clear-4pSDsx.visible-4lw4vs {
    -webkit-transform: rotate(90deg);
    cursor: pointer;
    transform: rotate(90deg)
}

.theme-light .searchBar-YMJBu9 {
    background-color: hsla(210,3%,87%,.6)
}

.theme-light .searchBar-YMJBu9 .input-yt44Uw {
    color: #4f545c
}

.theme-light .searchBar-YMJBu9 .input-yt44Uw::-webkit-input-placeholder {
    color: rgba(79,84,92,.6)
}

.theme-light .searchBar-YMJBu9 .input-yt44Uw:-ms-input-placeholder {
    color: rgba(79,84,92,.6)
}

.theme-light .searchBar-YMJBu9 .input-yt44Uw::placeholder {
    color: rgba(79,84,92,.6)
}

.theme-light .searchBarIcon-vCfmUl .icon-11Zny-.eyeGlass-6rahZf {
    background-image: url(/assets/92222a08554d0e19d6bf1a45ca780b7c.svg)
}

.theme-light .searchBarIcon-vCfmUl .icon-11Zny-.clear-4pSDsx {
    background-image: url(/assets/e0aa74a6e39b625671b79698a40842b0.svg)
}

.theme-light .searchBarIcon-vCfmUl .icon-11Zny-.clear-4pSDsx.visible-4lw4vs:hover {
    opacity: 1
}

.theme-light .searchBarIcon-vCfmUl .icon-11Zny-.visible-4lw4vs {
    opacity: .6
}

.theme-dark .searchBar-YMJBu9 {
    background-color: #4f545c
}

.theme-dark .searchBar-YMJBu9 .input-yt44Uw {
    color: #f6f6f7
}

.theme-dark .searchBar-YMJBu9 .input-yt44Uw::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .searchBar-YMJBu9 .input-yt44Uw:-ms-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .searchBar-YMJBu9 .input-yt44Uw::placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .searchBarIcon-vCfmUl .icon-11Zny-.eyeGlass-6rahZf {
    background-image: url(/assets/4d254296157bb8927b7d53ed59beb0d8.svg)
}

.theme-dark .searchBarIcon-vCfmUl .icon-11Zny-.clear-4pSDsx {
    background-image: url(/assets/368c9f2ca04e43b5a5ce7380d4622149.svg)
}

.theme-dark .searchBarIcon-vCfmUl .icon-11Zny-.clear-4pSDsx.visible-4lw4vs:hover {
    opacity: .6
}

.theme-dark .searchBarIcon-vCfmUl .icon-11Zny-.visible-4lw4vs {
    opacity: .3
}

.popoutList-2NT_IY {
    border-radius: 5px;
    padding: 10px 10px 0
}

.popoutListInput-3v5O8b {
    width: 100%
}

.popoutListEmpty-3P4cYF {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    margin: 2px 4px 2px 0;
    padding: 8px 10px 0
}

.divider-2joH7h {
}

.theme-light .popoutList-2NT_IY {
    background: #fff
}

.theme-light .popoutListEmpty-3P4cYF {
    color: #4f545c
}

.theme-dark .popoutList-2NT_IY {
    background: #36393f
}

.theme-dark .popoutListEmpty-3P4cYF {
    color: #f6f6f7
}

.scroller-3J0bdT {
    max-height: 300px;
    padding-bottom: 10px
}

.customHeader-1TIEfA {
    padding-top: 60px
}

.guildSettingsAuditLogsUserFilterPopout-PQPPs5 {
    width: 264px
}

.userText-3aBzJF {
    margin-left: 10px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.discriminator-fb98O0 {
    font-size: 12px;
    line-height: 16px;
    opacity: .6
}

.guildSettingsAuditLogsActionFilterPopout-2zK9AP {
    width: 264px
}

.actionItem-3J8GmU {
    height: 46px
}

.scroller-38UNin {
    overflow-y: auto
}

.theme-dark .auditLogMembersIconFg-398cLq {
    fill: #fff
}

.theme-light .auditLogMembersIconFg-398cLq {
    fill: #4f545c
}

.theme-light .selected-3aStRc .auditLogMembersIconFg-398cLq {
    fill: #fff
}

.prefixInput-1R-5Xw {
    -webkit-transition: border-color .2s ease;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    cursor: text;
    padding: 11px;
    transition: border-color .2s ease
}

.prefixInputInput-3HeXQS,.prefixInputPrefix-3YtFgC {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px
}

.prefixInputInput-3HeXQS {
    background: transparent;
    border: 0;
    outline: none;
    width: 100%
}

.theme-light .prefixInput-1R-5Xw {
    background-color: rgba(79,84,92,.02);
    border-color: rgba(79,84,92,.3)
}

.theme-light .prefixInput-1R-5Xw:hover {
    border-color: rgba(79,84,92,.6)
}

.theme-light .prefixInput-1R-5Xw.focused-2pI5eB {
    border-color: #7289da
}

.theme-light .prefixInput-1R-5Xw.error-qBswG8 {
    border-color: #f04747
}

.theme-light .prefixInputInput-3HeXQS {
    color: #4f545c
}

.theme-light .prefixInputInput-3HeXQS::-webkit-input-placeholder {
    color: #b9bbbe
}

.theme-light .prefixInputInput-3HeXQS:-ms-input-placeholder {
    color: #b9bbbe
}

.theme-light .prefixInputInput-3HeXQS::placeholder {
    color: #b9bbbe
}

.theme-light .prefixInputPrefix-3YtFgC {
    color: hsla(218,5%,47%,.6)
}

.theme-dark .prefixInput-1R-5Xw {
    background-color: rgba(0,0,0,.1);
    border-color: rgba(0,0,0,.3)
}

.theme-dark .prefixInput-1R-5Xw:hover {
    border-color: rgba(0,0,0,.6)
}

.theme-dark .prefixInput-1R-5Xw.focused-2pI5eB {
    border-color: #7289da
}

.theme-dark .prefixInput-1R-5Xw.error-qBswG8 {
    border-color: #f04747
}

.theme-dark .prefixInputInput-3HeXQS {
    color: #f6f6f7
}

.theme-dark .prefixInputInput-3HeXQS::-webkit-input-placeholder {
    color: #72767d
}

.theme-dark .prefixInputInput-3HeXQS:-ms-input-placeholder {
    color: #72767d
}

.theme-dark .prefixInputInput-3HeXQS::placeholder {
    color: #72767d
}

.theme-dark .prefixInputPrefix-3YtFgC {
    color: #72767d
}

.editVanityUrlCard-lu1sXG {
    padding: 20px
}

.removeVanityUrlButton-CJgr-e {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0
}

.integration-2wYGvi {
    border-width: 0
}

.header-3auUIc {
    -ms-flex-flow: row nowrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    border-bottom: 1px solid rgba(0,0,0,.15);
    border-radius: 5px 5px 0 0;
    flex-flow: row nowrap;
    padding: 20px;
    position: relative
}

.headerSimple-2gEoqg {
    border-bottom: none;
    border-radius: 5px
}

.headerText-2W3rJU {
    color: #fff!important;
    margin-left: 20px
}

.headerText-2W3rJU .style-description {
    color: hsla(0,0%,100%,.6);
    cursor: pointer;
    font-size: 12px;
    line-height: 14px
}

.headerIcon-2elCtt {
    -webkit-user-drag: none;
    height: 32px;
    width: 32px
}

.headerSync-NmKUPR {
    color: #fff
}

.integrationBody-BbA9yI {
    padding: 20px
}

.syncWrapper-1aMhL2 {
    position: relative
}

.forceSync-2NUc_t {
    -webkit-transition: opacity .2s ease;
    background-color: transparent;
    border-radius: 3px;
    cursor: pointer;
    opacity: .6;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s ease
}

.forceSync-2NUc_t:before {
    background-color: transparent;
    background-image: url(/assets/233d4e910b6df8c10238d43fc0013d55.svg);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 32px;
    width: 32px
}

.forceSync-2NUc_t:hover {
    opacity: 1
}

.forceSync-2NUc_t:disabled {
    cursor: not-allowed;
    opacity: .6
}

.forceSync-2NUc_t:disabled:before {
    -webkit-animation: spin-3SvtS2 2s infinite linear;
    animation: spin-3SvtS2 2s infinite linear
}

.twitchEmojis-3hs8y->.emoji {
    margin: 6px 6px 6px 0!important
}

.theme-light .syncedRoleLink-1iBpD1 {
    color: #000
}

.theme-light .forceSync-2NUc_t {
    border: 1px solid rgba(79,84,92,.3)
}

.theme-dark .syncedRoleLink-1iBpD1 {
    color: #fff
}

.theme-dark .forceSync-2NUc_t {
    border: 1px solid hsla(0,0%,100%,.1)
}

@-webkit-keyframes spin-3SvtS2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin-3SvtS2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.card-11ynQk {
    position: relative
}

.card-11ynQk:before {
    -webkit-transition: opacity .1s ease;
    border: 1px solid transparent;
    border-radius: 5px;
    bottom: -1px;
    content: "";
    left: -20px;
    opacity: 0;
    position: absolute;
    right: -20px;
    top: 0;
    transition: opacity .1s ease
}

.card-11ynQk.active-LUb1iN:before,.card-11ynQk:hover:before {
    opacity: 1
}

.theme-dark .card-11ynQk:before {
    background-color: #33363c;
    border-color: #2b2e32
}

.theme-light .card-11ynQk:before {
    background-color: #f6f6f7;
    border-color: #e2e2e3
}

.button-1qrA-N {
    -webkit-transition: opacity .1s ease-in-out,-webkit-box-shadow .1s ease-in-out,-webkit-transform .2s ease;
    background-image: url(/assets/9b1b76abb59b5c8a41daea1342f2138a.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    cursor: pointer;
    height: 24px;
    overflow: hidden;
    text-indent: -9999em;
    transition: opacity .1s ease-in-out,-webkit-box-shadow .1s ease-in-out,-webkit-transform .2s ease;
    transition: opacity .1s ease-in-out,box-shadow .1s ease-in-out,transform .2s ease;
    width: 24px
}

.button-1qrA-N:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.theme-light .button-1qrA-N {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 1px 5px rgba(0,0,0,.2);
    background-color: #fff;
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 1px 5px rgba(0,0,0,.2)
}

.theme-light .button-1qrA-N:hover {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1);
    background-color: #f5f5f5;
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-dark .button-1qrA-N {
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 1px 5px 0 rgba(0,0,0,.3);
    background-color: #36393f;
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 1px 5px 0 rgba(0,0,0,.3)
}

.theme-dark .button-1qrA-N:hover {
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2);
    background-color: #44474c;
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2)
}

.emoji-slots {
    font-weight: 400;
    margin-left: 5px;
    opacity: .6
}

.emoji-alias-placeholder {
    font-size: 16px;
    left: 0;
    line-height: 16px;
    padding-left: 8px;
    padding-top: 6px;
    position: absolute;
    top: 0;
    z-index: 0
}

.emoji-alias-placeholder:after,.emoji-alias-placeholder:before {
    content: ":";
    font-weight: 500;
    opacity: .3;
    position: absolute
}

.emoji-alias-placeholder:before {
    margin-left: -6px
}

.emoji-alias-placeholder:after {
    margin-left: 3px
}

.emoji-alias-input {
    position: relative;
    z-index: 1
}

.emoji-alias-offset {
    margin-left: 7px
}

.emoji-row {
    height: 64px;
    position: relative
}

.emoji-row .emoji-alias-input .emoji-input {
    -webkit-transition: opacity .1s ease-in-out;
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.emoji-row .emoji-alias-input .emoji-input:focus {
    opacity: 1
}

.emoji-row .emoji-uploader {
    margin-left: 10px;
    position: relative
}

.emoji-row .emoji-remove {
    opacity: 0;
    position: absolute;
    right: -31px;
    top: -12px
}

.emoji-row .emoji-image {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px
}

.emoji-row .emoji-alias-input,.emoji-row .emoji-image {
    position: relative
}

.emoji-row .emoji-row-text {
    left: 28px;
    position: absolute;
    right: 0;
    top: 0
}

.emoji-row:hover .emoji-alias-input .emoji-input,.emoji-row:hover .emoji-remove {
    opacity: 1
}

.theme-dark .emoji-alias-input .emoji-input {
    background-color: #2d2f32
}

.theme-dark .emoji-alias-placeholder {
    color: #fff
}

.theme-dark .emoji-row {
    -webkit-box-shadow: 0 1px 0 0 hsla(0,0%,100%,.04);
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.04)
}

.theme-light .emoji-alias-input .emoji-input {
    background-color: #efeff0
}

.theme-light .emoji-row {
    -webkit-box-shadow: 0 1px 0 0 rgba(79,84,92,.04);
    box-shadow: 0 1px 0 0 rgba(79,84,92,.04)
}

.guild-settings-banned-user {
    -webkit-transition: -webkit-box-shadow .1s ease;
    cursor: pointer;
    padding: 8px 0;
    position: relative;
    transition: -webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease
}

.guild-settings-banned-user .banned-user-avatar,.guild-settings-banned-user .username {
    z-index: 2
}

.guild-settings-banned-user .username {
    padding-left: 10px
}

.guild-settings-banned-user .username .discrim {
    padding-left: 2px
}

.guild-settings-banned-user-modal {
    width: 440px
}

.guild-settings-banned-user-modal .user-discrim,.guild-settings-banned-user-modal .user-username {
    font-size: 24px;
    font-weight: 500;
    line-height: 20px
}

.guild-settings-banned-user-modal .reason-header {
    font-weight: 500;
    text-transform: uppercase
}

.guild-settings-banned-user-modal .reason {
    font-size: 14px;
    line-height: 20px
}

.guild-settings-banned-user-modal .content {
    padding: 30px 20px 20px
}

.guild-settings-banned-user-modal .footer {
    padding: 20px
}

.theme-dark .guild-settings-banned-user {
    -webkit-box-shadow: 0 1px 0 0 hsla(0,0%,100%,.04);
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.04)
}

.theme-dark .guild-settings-banned-user .username {
    color: #fff
}

.theme-dark .guild-settings-banned-user-modal .reason,.theme-dark .guild-settings-banned-user-modal .user-discrim,.theme-dark .guild-settings-banned-user .username .discrim {
    color: #72767d
}

.theme-dark .guild-settings-banned-user-modal .reason-header {
    color: #dcddde
}

.theme-light .guild-settings-banned-user {
    -webkit-box-shadow: 0 1px 0 0 rgba(79,84,92,.04);
    box-shadow: 0 1px 0 0 rgba(79,84,92,.04)
}

.theme-light .guild-settings-banned-user .username {
    color: #4f545c
}

.theme-light .guild-settings-banned-user .username .discrim {
    color: #b9bbbe
}

.theme-light .guild-settings-banned-user-modal .reason,.theme-light .guild-settings-banned-user-modal .user-discrim {
    color: #72767d
}

.theme-light .guild-settings-banned-user-modal .reason-header {
    color: #4f545c
}

.invite-settings-invite-row {
    font-size: 16px;
    height: 62px;
    line-height: 20px;
    position: relative
}

.invite-settings-invite-row:hover .revoke-invite {
    opacity: 1
}

.invite-settings-invite-row .td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.invite-settings-invite-row .revoke-invite,.invite-settings-invite-row .z-index-boost {
    z-index: 2
}

.invite-settings-invite-row .username {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.invite-settings-invite-row .channel-name {
    margin-left: 26px
}

.invite-settings-invite-row .countdown-column {
    margin-right: 0
}

.invite-settings-invite-row .revoke-invite {
    -webkit-transition: opacity .1s ease;
    opacity: 0;
    position: absolute;
    right: -31px;
    top: -12px;
    transition: opacity .1s ease
}

.invite-settings-invite-row .countdown-never {
    opacity: .3
}

.theme-dark .invite-settings-invite-row {
    -webkit-box-shadow: 0 1px 0 0 hsla(0,0%,100%,.04);
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.04);
    color: #f6f6f7
}

.theme-light .invite-settings-invite-row {
    -webkit-box-shadow: 0 1px 0 0 rgba(79,84,92,.04);
    box-shadow: 0 1px 0 0 rgba(79,84,92,.04);
    color: #4f545c
}

.size-2gplLH {
    min-height: 400px;
    width: 480px
}

.container-1BCDp- .avatar-uploader-inner {
    background-size: 100% 100%;
    border: none;
    height: 100px;
    width: 100px
}

.urlContainer-39F1TR {
}

.uploadButton-2-CyQi {
}

.copyInput-iPIvbC {
}

.divider-3xAxns {
}

.webhookRow-wKDVf7 {
    padding: 20px;
    position: relative
}

.webhookRow-wKDVf7:hover .removeWebhook-2aJ7CC {
    opacity: 1
}

.removeWebhook-2aJ7CC {
    -webkit-transition: opacity .15s ease-in-out;
    opacity: 0;
    position: absolute;
    right: -12px;
    top: -12px;
    transition: opacity .15s ease-in-out
}

.guild-settings-members-header .ui-select {
    width: 150px
}

.prune-red-link:link {
    color: #f04747;
    opacity: .6
}

.guild-settings-members-count {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.guild-settings-members-filter-popout {
    width: 240px
}

.guild-settings-members-filter-popout .ui-scroller-wrap {
    max-height: 280px
}

.guild-settings-members-member {
    padding: 16px 0
}

.guild-settings-members-member.active .overflow-icon,.guild-settings-members-member:hover .overflow-icon {
    opacity: .6
}

.guild-settings-members-member.active .overflow-icon:hover,.guild-settings-members-member:hover .overflow-icon:hover {
    opacity: 1
}

.guild-settings-members-member .name-and-tag {
    max-width: 200px;
    min-width: 200px
}

.guild-settings-members-member .name-and-tag .name,.guild-settings-members-member .name-and-tag .tag {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    cursor: text;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: text;
    white-space: nowrap
}

.guild-settings-members-member .owner-help-icon {
    cursor: default;
    margin-left: 4px
}

.guild-settings-members-member .role-wrapper {
    overflow: hidden
}

.guild-settings-members-member .overflow-button {
    width: 24px
}

.guild-settings-members-member .overflow-icon {
    -webkit-transition: opacity .1s ease;
    cursor: pointer;
    opacity: 0;
    transition: opacity .1s ease
}

.guild-settings-members-member .member-avatar,.guild-settings-members-member .name-and-tag,.guild-settings-members-member .overflow-button,.guild-settings-members-member .role-wrapper {
    z-index: 1
}

.theme-dark .guild-settings-members-member {
    -webkit-box-shadow: 0 1px 0 0 hsla(0,0%,100%,.04);
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.04)
}

.theme-dark .guild-settings-members-member .name {
    color: #f6f6f7;
    font-weight: 400
}

.theme-dark .guild-settings-members-member .tag {
    color: #72767d;
    font-size: 14px
}

.theme-dark .guild-settings-members-member .role-wrapper {
    color: hsla(0,0%,100%,.8)
}

.theme-dark .guild-settings-members-member .overflow-icon-fg {
    fill: #fff
}

.theme-light .guild-settings-members-member {
    -webkit-box-shadow: 0 1px 0 0 rgba(79,84,92,.04);
    box-shadow: 0 1px 0 0 rgba(79,84,92,.04)
}

.theme-light .guild-settings-members-member .name {
    color: #4f545c;
    font-weight: 400
}

.theme-light .guild-settings-members-member .tag {
    color: #dcddde;
    font-size: 14px
}

.theme-light .guild-settings-members-member .role-wrapper {
    color: rgba(79,84,92,.8)
}

.theme-light .guild-settings-members-member .overflow-icon-fg {
    fill: #4f545c
}

.role-3-cErg {
    height: 32px;
    margin-bottom: 0!important;
    margin-top: 0
}

.roleInner-3mfsVE {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lock-gq8oMQ {
    height: 18px;
    margin-right: 4px;
    position: relative;
    top: -1px;
    width: 18px
}

.dragged-mHQEE6 {
    background-size: 100% 100%;
    height: 32px
}

.theme-light .dragged-mHQEE6 {
    background-image: url(/assets/5938438b22779696a9039caf262ff72b.svg)
}

.theme-dark .dragged-mHQEE6 {
    background-image: url(/assets/a8564dac0d728add0025be388f5ad7a2.svg)
}

.sidebarScrollable-3YmeW_ {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 232px
}

.sidebarScrollable-3YmeW_+.content-1orzGj {
    margin-left: 232px;
    max-width: 468px
}

.scroller-2C0yyO {
    overflow-x: hidden;
    overflow-y: auto
}

.draggable-2WyjG9 {
    overflow: hidden
}

.draggable-2WyjG9:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.wrapper-P4PzYx {
    width: auto
}

.saturation-QX6a9n {
    height: 150px;
    position: relative;
    width: auto
}

.saturation-QX6a9n>div,.saturation-QX6a9n>div>div {
    border-radius: 3px
}

.hue-3rjXU8 {
    height: 8px;
    margin: 8px 0;
    position: relative
}

.hue-3rjXU8>div>div {
    border-radius: 3px
}

.hue-3rjXU8>div>div>div>div {
    border-radius: 3px!important;
    height: 16px!important;
    margin-top: -3px!important;
    width: 8px!important
}

.colorPickerCustom-1sJLDt {
    border: 1px solid transparent;
    padding: 10px;
    width: 220px
}

.colorPickerCustom-1sJLDt .customColorPickerInput-8v_Ro2 .input-1BBHnl {
    height: 24px;
    text-transform: uppercase
}

.colorPickerRow-bygwg-:nth-child(odd) {
    margin-bottom: 10px
}

.colorPickerRow-bygwg- {
    height: 20px;
    overflow: hidden
}

.colorPickerSwatch-2aTUJ5 {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box;
    align-items: center;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    justify-content: center;
    margin-left: 10px;
    padding: 0;
    position: relative;
    width: 20px
}

.colorPickerSwatch-2aTUJ5.custom-2kpTcJ,.colorPickerSwatch-2aTUJ5.default-3AWDTQ {
    border-radius: 5px;
    height: 50px;
    width: 69px
}

.colorPickerSwatch-2aTUJ5.disabled-3UECN2 {
    cursor: not-allowed;
    opacity: .3;
    pointer-events: none
}

.colorPickerSwatch-2aTUJ5 .colorPickerDropper-1KPJRZ {
    position: absolute;
    right: 4px;
    top: 4px
}

.theme-dark .colorPickerSwatch-2aTUJ5.noColor-2FK4UT {
    border-color: hsla(0,0%,100%,.1)
}

.theme-dark .colorPickerSwatch-2aTUJ5.noColor-2FK4UT .colorPickerDropperFg-3mpsS6 {
    fill: #fff
}

.theme-dark .colorPickerCustom-1sJLDt {
    background: #36393f;
    border-color: #202225
}

.theme-light .colorPickerSwatch-2aTUJ5.noColor-2FK4UT {
    border-color: rgba(79,84,92,.1)
}

.theme-light .colorPickerSwatch-2aTUJ5.noColor-2FK4UT .colorPickerDropperFg-3mpsS6 {
    fill: #4f545c
}

.theme-light .colorPickerCustom-1sJLDt {
    background: #fff;
    border-color: #dcddde
}

.group-3SxASV {
}

.group-3SxASV,.item-3H-QZD {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.item-3H-QZD {
    background: transparent;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-3H-QZD:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px
}

.item-3H-QZD:last-child {
    border-radius: 0 3px 3px 0
}

.item-3H-QZD:disabled {
    cursor: not-allowed;
    opacity: .3
}

.theme-light .item-3H-QZD {
    border-color: #dcddde
}

.theme-dark .item-3H-QZD {
    border-color: #18191c
}

.box-1Yz3-u {
    height: 28px;
    width: 36px
}

.overrideItem-zZ4sVX {
    pointer-events: none
}

.allow-2tGhDF,.deny-3FA7O6 {
    border-width: 1px
}

.passthrough-18KjvL {
    border-left-width: 0;
    border-right-width: 0
}

.denySelected-h37B9e {
    background: #f04747
}

.passthroughSelected-3_g4oB {
}

.allowSelected-1FAg8y {
    background: #43b581
}

.theme-light .denySelected-h37B9e {
    border-color: #f04747
}

.theme-light .passthroughSelected-3_g4oB {
    background: #dcddde
}

.theme-light .allowSelected-1FAg8y {
    border-color: #43b581
}

.theme-dark .denySelected-h37B9e {
    border-color: #f04747
}

.theme-dark .passthroughSelected-3_g4oB {
    background: #747f8d
}

.theme-dark .allowSelected-1FAg8y {
    border-color: #43b581
}

.title-25twmj {
    padding-left: 4px
}

.icon-1KOuXc {
    position: relative;
    top: 3px
}

.theme-light .icon-1KOuXc {
    fill: #4f545c
}

.theme-dark .icon-1KOuXc {
    fill: #fff
}

.sidebarHeader-1zfW0E {
    -webkit-transition: opacity .2s ease;
    cursor: pointer;
    opacity: .85;
    transition: opacity .2s ease
}

.sidebarHeader-1zfW0E:hover,.sidebarHeader-1zfW0E:hover .addRoleIcon-3vz4rf {
    opacity: 1
}

.addRoleIcon-3vz4rf {
    -webkit-transition: opacity .2s ease;
    opacity: .7;
    transition: opacity .2s ease
}

.managedNote-YguWfc {
    margin-bottom: 20px;
    padding: 20px
}

.rolePermissionTitleDisabled-2bw1om {
    padding-left: 4px
}

.notAllowedIcon-1yfE1y {
    position: relative;
    top: 3px
}

.theme-light .notAllowedIcon-1yfE1y {
    fill: #4f545c
}

.theme-dark .notAllowedIcon-1yfE1y {
    fill: #fff
}

.platform-osx .guilds-wrapper {
    margin-top: 32px
}

.guilds-wrapper {
    -ms-flex-direction: column;
    -ms-flex-negative: 0;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    background-color: #202225;
    contain: layout;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 70px
}

.guilds-wrapper .scroller-wrap {
    width: 88px
}

.guilds-wrapper .guilds {
    -moz-user-select: none;
    -ms-flex: 1;
    -ms-user-select: none;
    -webkit-box-flex: 1;
    -webkit-user-select: none;
    flex: 1;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px 0 10px 10px;
    user-select: none
}

.guilds-wrapper .guilds .friends-icon {
    background-image: url(/assets/89576a4bb71f927eb20e8aef987b499b.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px 28px;
    height: 50px;
    width: 50px
}

.guilds-wrapper .guilds .friends-online {
    color: hsla(0,0%,100%,.3);
    font-size: 10px;
    font-weight: 500;
    line-height: 130%;
    margin: 10px 0;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 50px;
    word-wrap: normal
}

.guilds-wrapper .guilds .guild-placeholder {
    -webkit-box-sizing: border-box;
    border: 1px dashed #535559;
    border-radius: 50%;
    box-sizing: border-box
}

.guilds-wrapper .guilds .guild {
    height: 50px;
    position: relative;
    width: 50px;
    z-index: 1
}

.guilds-wrapper .guilds .guild .avatar-small {
    background-repeat: no-repeat;
    background-size: 50px 50px;
    border-radius: 0;
    height: 50px;
    margin: 0;
    width: 50px
}

.guilds-wrapper .guilds .guild .badge {
    bottom: -2px;
    pointer-events: none;
    position: absolute;
    right: -2px
}

.guilds-wrapper .guilds .guild.selected:before,.guilds-wrapper .guilds .guild.unread:before {
    border-radius: 20px;
    content: " ";
    height: 40px;
    left: -15px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 10px
}

.guilds-wrapper .guilds .guild.unread:before {
    background: #8a8e94;
    border-radius: 5px;
    height: 10px;
    margin-top: -6px
}

.guilds-wrapper .guilds .guild.selected:before {
    -webkit-transition: height .25s ease-in-out,margin-top .25s ease-in-out;
    background: #fff;
    border-radius: 20px;
    height: 40px;
    margin-top: -20px;
    transition: height .25s ease-in-out,margin-top .25s ease-in-out
}

.guilds-wrapper .guilds .guild .guild-inner {
    background: #2f3136;
    border-radius: 25px;
    cursor: pointer;
    font-size: 18px;
    line-height: 50px;
    overflow: hidden;
    text-align: center
}

.guilds-wrapper .guilds .guild .guild-inner a {
    color: #fff;
    display: block;
    height: 50px;
    width: 50px
}

.guilds-wrapper .guilds .guild.audio .guild-inner:after,.guilds-wrapper .guilds .guild.video .guild-inner:after {
    background-color: #1e2124;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    border-radius: 12px;
    content: " ";
    height: 24px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 24px
}

.guilds-wrapper .guilds .guild.audio .guild-inner:after {
    background-image: url(/assets/382ca83d9dc390c4be715248bb4864f4.svg)
}

.guilds-wrapper .guilds .guild.video .guild-inner:after {
    background-image: url(/assets/c46f51f425c824899b6138ea2b61b41d.svg)
}

.guilds-wrapper .guilds .guild+.guild {
    margin-top: 8px
}

.guilds-wrapper .dms {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px
}

.guilds-wrapper .guild-separator {
    background: none;
    height: 2px;
    margin-bottom: 10px;
    position: relative;
    width: 50px
}

.guilds-wrapper .guild-separator:after {
    background: #2f3136;
    content: " ";
    height: 2px;
    left: 20%;
    position: absolute;
    right: 20%;
    top: 0
}

.guilds-wrapper .guilds-error {
    -webkit-box-sizing: border-box;
    background: #413338;
    border: 2px solid #f04747;
    border-radius: 25px;
    box-sizing: border-box;
    color: #fff!important;
    display: block;
    font-size: 20px;
    font-weight: 700;
    height: 50px;
    line-height: 46px;
    padding: 0;
    text-align: center;
    width: 50px
}

.guilds-wrapper .guilds-error:hover {
    background-color: #f04747
}

.guilds-wrapper .guilds-add {
    -webkit-transition: border-color .25s ease,color .25s ease;
    background: #1e2124;
    border: 1px dashed #535559;
    border-radius: 50%;
    color: #535559;
    font-size: 40px;
    font-weight: 300;
    height: 100%;
    line-height: 100%;
    padding: 0;
    text-align: center;
    transition: border-color .25s ease,color .25s ease;
    width: 100%
}

.guilds-wrapper .guilds-add:hover {
    border-color: hsla(0,0%,100%,.75);
    color: hsla(0,0%,100%,.75)
}

.guilds-wrapper .guilds-add-inner {
    position: relative;
    top: -1px
}

.guilds-wrapper .btn-download-apps {
    -webkit-transition: color .2s ease;
    background-color: transparent;
    color: hsla(0,0%,100%,.3);
    display: block;
    font-size: 10px;
    margin: 10px 0 0 -15px;
    padding: 10px 8px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: color .2s ease;
    white-space: wrap;
    width: 80px
}

.guilds-wrapper .btn-download-apps .download-app-fill {
    -webkit-transition: fill .1s ease-in-out;
    transition: fill .1s ease-in-out
}

.guilds-wrapper .btn-download-apps:hover {
    color: hsla(0,0%,100%,.5)
}

.guilds-wrapper .btn-download-apps:hover .download-app-fill {
    fill: #43464a
}

.guilds-wrapper .btn-download-apps:after {
    background-color: #4b4d4f;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    top: -1px;
    width: 30px
}

.unread-mentions-indicator-bottom,.unread-mentions-indicator-top {
    height: 20px;
    left: 0;
    overflow: hidden;
    padding: 6px;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 10
}

.unread-mentions-indicator-bottom .unread-mentions-bar,.unread-mentions-indicator-top .unread-mentions-bar {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.6);
    box-shadow: 0 2px 8px rgba(0,0,0,.6)
}

.unread-mentions-indicator-bottom .unread-mentions-bar:before,.unread-mentions-indicator-top .unread-mentions-bar:before {
    bottom: 0;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: 0
}

.unread-mentions-indicator-top {
    top: 0
}

.unread-mentions-indicator-top .unread-mentions-bar:before {
    top: -6px
}

.unread-mentions-indicator-bottom {
    bottom: 0
}

.unread-mentions-indicator-bottom .unread-mentions-bar:before {
    bottom: -6px
}

.card-19l4Be,.spacing-Q0xkL- {
}

.card-19l4Be {
    padding: 10px
}

.error-2bw8wf {
}

.spacing-2_aGYS {
}

.headerSpacing-VgAkr3 {
    margin-bottom: 0
}

.topSpacing-3-3JI7 {
}

.inputContainer-1BtQRg {
}

.input-2N4DTT {
    width: 100%
}

.customWidth-1r5loa {
    width: 520px
}

.divider-2zF9y8 {
}

.image-2znbMD {
    width: 128px
}

.theme-dark .subHeader-2pJc0Z {
    color: #b9bbbe
}

.theme-light .subHeader-2pJc0Z {
    color: #72767d
}

.phoneField-36t5MB {
    border-radius: 5px;
    padding: 2px;
    position: relative
}

.phoneField-36t5MB .countryButton-wNQiPa {
    border-radius: 3px;
    cursor: pointer;
    height: 40px;
    padding-left: 8px;
    padding-right: 8px
}

.phoneField-36t5MB .countryCodeContainer-3Xjnrz {
    min-width: 40px
}

.phoneField-36t5MB .plusSign-t_0oEH {
    color: #72767d;
    font-size: 17px;
    margin-right: 2px
}

.phoneField-36t5MB .countryCode-1zgH0u {
    font-size: 17px;
    text-align: center
}

.phoneField-36t5MB .inputField-3os-YM {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    border: none;
    box-sizing: border-box;
    flex-grow: 1;
    font-size: 16px;
    height: 40px;
    outline: none;
    padding: 10px
}

.phoneField-36t5MB .sendButton-35vEUT {
    margin-right: 4px
}

.phoneFieldPopout-ix8zib {
    height: 240px;
    left: 0;
    position: absolute;
    top: 40px;
    width: 220px
}

.phoneFieldPopout-ix8zib .scrollerWrap-26zcom {
    height: 196px
}

.phoneFieldPopout-ix8zib .phoneFieldScroller-Ze3whx {
    padding-bottom: 10px
}

.phoneFieldPopout-ix8zib .countryItem-2zFXP- {
    width: 100%
}

.phoneFieldPopout-ix8zib .countryName-3SsYmz {
    font-size: 13px;
    line-height: 18px;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.phoneFieldPopout-ix8zib .countryCode-1zgH0u {
    font-size: 13px;
    font-weight: 600;
    text-align: right
}

.theme-light .phoneField-36t5MB {
    background-color: #fff
}

.theme-light .phoneField-36t5MB .countryButton-wNQiPa {
    background-color: #f6f6f7
}

.theme-light .phoneField-36t5MB .countryButton-wNQiPa:hover {
    background-color: #ddddde
}

.theme-light .phoneField-36t5MB .countryCode-1zgH0u {
    color: #36393f
}

.theme-light .phoneField-36t5MB .inputField-3os-YM {
    background-color: #fff;
    color: #4f545c
}

.theme-light .phoneField-36t5MB .phoneFieldExpand-sPOFCF {
    stroke: #4f545c
}

.theme-light .phoneFieldPopout-ix8zib .countryName-3SsYmz {
    color: #72767d
}

.theme-light .phoneFieldPopout-ix8zib .countryCode-1zgH0u {
    color: #4f545c
}

.theme-dark .phoneField-36t5MB {
    background-color: #36393f
}

.theme-dark .phoneField-36t5MB .countryButton-wNQiPa {
    background-color: #4f545c
}

.theme-dark .phoneField-36t5MB .countryButton-wNQiPa:hover {
    background-color: #474c53
}

.theme-dark .phoneField-36t5MB .countryCode-1zgH0u {
    color: #f6f6f7
}

.theme-dark .phoneField-36t5MB .inputField-3os-YM {
    background-color: #36393f;
    color: #f6f6f7
}

.theme-dark .phoneField-36t5MB .phoneFieldExpand-sPOFCF {
    stroke: #fff
}

.theme-dark .phoneFieldPopout-ix8zib .countryName-3SsYmz {
    color: #b9bbbe
}

.theme-dark .phoneFieldPopout-ix8zib .countryCode-1zgH0u {
    color: #f6f6f7
}

.spacer-1Ko1y_ {
    width: 8px
}

.input-3_iTLI {
    -webkit-box-sizing: border-box;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 17px;
    height: 44px;
    margin-left: 4px;
    margin-right: 4px;
    outline: none;
    text-align: center;
    width: 44px
}

.theme-light .input-3_iTLI {
    background-color: #e3e5e8;
    color: #36393f
}

.theme-dark .input-3_iTLI {
    background-color: #4f545c;
    color: #f6f6f7
}

.phoneVerificationModal-9lrF8A {
    min-height: 252px;
    padding: 10px;
    position: relative;
    width: 440px
}

.phoneVerificationModal-9lrF8A .animationContainer-1bagwZ {
    left: 130px;
    position: absolute;
    right: 130px;
    top: -150px
}

.phoneVerificationModal-9lrF8A .title-13IDyK {
    font-size: 20px;
    font-weight: 500;
    margin-top: 100px
}

.phoneVerificationModal-9lrF8A .description-3gLJi8 {
    font-size: 16px;
    letter-spacing: .35px;
    line-height: 20px;
    text-align: center
}

.phoneVerificationModal-9lrF8A .field-yA08X8 {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-left: 20px;
    margin-right: 20px
}

.theme-light .phoneVerificationModal-9lrF8A .title-13IDyK {
    color: #4f545c
}

.theme-light .phoneVerificationModal-9lrF8A .description-3gLJi8 {
    color: #72767d
}

.theme-light .phoneVerificationModal-9lrF8A .description-3gLJi8.error-1sYTAm {
    color: #f04747
}

.theme-dark .phoneVerificationModal-9lrF8A .title-13IDyK {
    color: #f6f6f7
}

.theme-dark .phoneVerificationModal-9lrF8A .description-3gLJi8 {
    color: #72767d
}

.theme-dark .phoneVerificationModal-9lrF8A .description-3gLJi8.error-1sYTAm {
    color: #f04747
}

.modal-3o1dnF {
    width: 450px
}

.modalInner-3SbhzD {
    padding-bottom: 20px
}

.header-3GcFhu img {
    vertical-align: bottom
}

.divider-1m9ZsL {
}

.sectionBody-2OqJbl {
}

.phoneNumber-1mayas {
    padding-right: 4px
}

.linkButton-1f4bJ9 {
    font-size: 16px;
    padding-left: 0
}

.theme-dark .sectionBody-2OqJbl,.theme-dark .subHeader-2BJMfH {
    color: #b9bbbe
}

.theme-light .sectionBody-2OqJbl,.theme-light .subHeader-2BJMfH {
    color: #72767d
}

.userSettingsAccount-2WOnTW .userInfoViewingButton-3o3aim {
    position: absolute;
    right: 20px;
    top: 20px
}

.userSettingsAccount-2WOnTW .userInfoEditing-1Juv0S,.userSettingsAccount-2WOnTW .userInfoViewing-1jbzEW {
    padding: 20px
}

.userSettingsAccount-2WOnTW .danger-zbSSK8 {
    -webkit-box-shadow: 0 0 6px rgba(240,71,71,.3);
    border-color: #f04747;
    box-shadow: 0 0 6px rgba(240,71,71,.3)
}

.userSettingsAccount-2WOnTW .warning-cV2Zi3 {
    -webkit-box-shadow: 0 0 6px rgba(250,166,26,.3);
    border-color: #faa61a;
    box-shadow: 0 0 6px rgba(250,166,26,.3)
}

.userSettingsAccount-2WOnTW .avatarColumn-1UZyLL {
    margin-right: 10px;
    max-width: 170px;
    text-align: center
}

.userSettingsAccount-2WOnTW .avatar-uploader-inner {
    background-size: 100% 100%;
    border: none;
    height: 100px;
    width: 100px
}

.userSettingsSecurityImage-3BuJq- {
    -webkit-transition: opacity .3s ease;
    opacity: 1;
    transition: opacity .3s ease;
    width: 100%
}

@media (max-width: 840px) {
    .userSettingsSecurityImage-3BuJq- {
        opacity:0
    }
}

.userSettingsSecurity-1hjwAn .isEnabled-3JekTu {
    color: #43b581
}

.userSettingsSecurity-1hjwAn .lockIcon-JLPqjK {
    height: 14px;
    margin-right: 4px;
    position: relative;
    top: 2px;
    width: 10px
}

.userSettingsSecurity-1hjwAn .checkboxGroup-aOPJKz .code-3emIrO {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    cursor: text;
    font-family: Consolas,Liberation Mono,Menlo,Courier,monospace;
    font-size: 14px;
    line-height: 28px;
    user-select: text
}

.multiInput-1pqSK- {
}

.multiInputFirst-16Lbcj {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1
}

.multiInputField-3ZB4zY {
    border: none
}

.multiInputLast-1aMJ4U input {
    font-family: Menlo,Consolas,Monaco,monospace;
    padding-left: 32px;
    width: 100px
}

.multiInputLast-1aMJ4U:before {
    border-right-style: solid;
    border-width: 1px;
    content: "";
    height: 30px;
    margin-top: 5px;
    opacity: .1;
    position: absolute;
    width: 1px
}

.questionMark-1R8WLs {
    border-radius: 2px;
    height: 32px;
    margin-right: 4px;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: 32px
}

.questionMark-1R8WLs div {
    compose: flexCenter from "../../styles/shared/Flex.mod.css"
}

.questionMark-1R8WLs .icon-1oniCb {
    -webkit-app-region: no-drag;
    color: #f6f6f7;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.phoneRevealer-2Ya9Pl {
    margin-left: 4px
}

.theme-light .userSettingsAccount-2WOnTW .viewBody-14sCmR,.theme-light .userSettingsSecurity-1hjwAn .codeCheckbox-1U8Ddc {
    color: #4f545c
}

.theme-light .questionMark-1R8WLs {
    background-color: #7289da
}

.theme-light .questionMark-1R8WLs:hover {
    background-color: #8ea1e1
}

.theme-light .questionMark-1R8WLs:hover .icon-1oniCb {
    color: #f6f6f7
}

.theme-light .multiInputLast-1aMJ4U:before {
    border-right-color: #72767d
}

.theme-dark .userSettingsAccount-2WOnTW .viewBody-14sCmR {
    color: #b9bbbe
}

.theme-dark .userSettingsSecurity-1hjwAn .codeCheckbox-1U8Ddc {
    color: #dcddde
}

.theme-dark .questionMark-1R8WLs {
    background-color: #7289da
}

.theme-dark .questionMark-1R8WLs:hover {
    background-color: #8ea1e1
}

.theme-dark .multiInputLast-1aMJ4U:before {
    border-right-color: #fff
}

.group-2lauzA {
}

.title-2b7ICl {
    cursor: pointer
}

.accountList-odI5wQ {
    padding: 20px
}

.accountBtn-yEZXoY {
    margin-right: 8px
}

.accountBtn-yEZXoY:last-child {
    margin-right: 0
}

.accountBtnInner-3zsU2z {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.connection-2r9Zua {
    border-radius: 5px;
    width: 100%
}

.connectionHeader-2neBI0 {
    -ms-flex-align: center;
    -ms-flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: center;
    background: rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.15);
    border-radius: 5px 5px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    padding: 20px;
    position: relative
}

.connectionHeader-2neBI0 .connectionAccountValue-1jN2ex {
    color: #fff;
    margin-left: 20px
}

.connectionAccountLabel-3TJGKW {
    font-size: 12px;
    line-height: 14px;
    margin-left: 20px;
    opacity: .6
}

.connectionIcon-2-eEK6 {
    height: 32px;
    width: 32px
}

.connectionOptionsWrapper-11vrgY {
    padding: 0 10px
}

.connectionOptionsWrapper-11vrgY .connectionOptionSwitch-1M4MMm h3 {
    color: #fff;
    font-weight: 400
}

.connectionOptionSwitch-1M4MMm {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding-left: 10px;
    padding-right: 10px
}

.connectionOptions-TsHr1x {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.integrationsWrapper-YDPfrN {
    padding: 20px
}

.integrationsWrapper-YDPfrN a {
    color: #fff;
    text-decoration: underline
}

.integration-1biRG7 {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    background: rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px
}

.integration-1biRG7 .avatar-2zmMbU {
    margin: 0 10px 0 0
}

.integrationInner-1TzN-_ {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.integrationInner-1TzN-_ .channelLink--g6-3N {
    color: hsla(0,0%,100%,.3);
    font-size: 12px;
    text-decoration: none
}

.integrationInner-1TzN-_ .integrationName-1sJ2d2 {
    color: #fff
}

.warning-3IeqHU {
    color: #faa61a
}

.connectedAccounts-3xeYin {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.connectionDelete-1E0cwj {
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 3px;
    color: transparent;
    cursor: pointer;
    height: 32px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 32px
}

.connectionDelete-1E0cwj:after,.connectionDelete-1E0cwj:before {
    -webkit-transform: rotate(45deg);
    background-color: #fff;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    transform: rotate(45deg);
    width: 16px
}

.connectionDelete-1E0cwj:before {
    left: 14px;
    top: 7px;
    width: 2px
}

.connectionDelete-1E0cwj:after {
    height: 2px;
    left: 7px;
    top: 14px
}

.connectedAccountSeparator-3E1HjM {
    margin-left: 20px;
    margin-right: 20px;
    width: auto
}

.theme-light .accountBtnInner-3zsU2z {
    background-color: #fff;
    border-color: #dcddde
}

.theme-light .accountBtnInner-3zsU2z:hover {
    background-color: #fff;
    border-color: #72767d
}

.theme-dark .accountBtnInner-3zsU2z {
    background-color: #36393f;
    border-color: #202225
}

.theme-dark .accountBtnInner-3zsU2z:hover {
    background-color: #4f545c;
    border-color: #040405
}

.inFront-V4POuP {
    z-index: 2
}

.invite-CTGItT {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-box-sizing: border-box;
    -webkit-user-select: none;
    border: 1px solid transparent;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: default;
    height: 145px;
    max-width: 400px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    user-select: none
}

.fullHeight-dXDp-0 {
    height: 100%
}

.coverImageWrapper-1_TTGb {
    border-radius: 0 5px 5px 0;
    bottom: 0;
    height: 100%;
    max-width: 145px;
    opacity: .6;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.coverImage-2oiOoS {
    -webkit-mask: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(60%,hsla(0,0%,100%,.4)));
    -webkit-mask: linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 60%);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    mask: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(60%,hsla(0,0%,100%,.4)));
    mask: linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 60%);
    width: 100%
}

.coverImageActionable-3eG55a {
}

.coverImageActionable-3eG55a.blurred-eylnMq {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.coverImageNotActionable-1ax1oN {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.coverImageNotActionable-1ax1oN.blurred-eylnMq {
    -webkit-filter: blur(5px) grayscale(100%);
    filter: blur(5px) grayscale(100%)
}

.artwork-LJqOaz {
    border-radius: 5px;
    height: 100px;
    position: relative;
    width: 100px;
    z-index: 1
}

.artworkActionable-MpCQlA {
}

.artworkNotActionable-2NLAUB {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.artworkSpotifySessionEnded-1GyuWx {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.header-ygd_5b {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase
}

.partyStatus-2OUdt3 {
    font-size: 18px
}

.actionAndParty-2Wug4I {
    margin-right: 0;
    max-height: 32px
}

.actionButton-2XHRWc {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.name-14yY4P {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px;
    text-align: right
}

.partyMembers-kHrLO7 {
    margin-left: 20px;
    overflow: hidden;
    white-space: nowrap
}

.partyMember-YUdosB {
    position: relative
}

.partyMemberKnown-3iFrqS {
    cursor: pointer
}

.partyAvatar-3MMIST,.partyMemberEmpty-2qTY0H {
    height: 22px;
    width: 22px
}

.partyMemberEmpty-2qTY0H {
    border-radius: 50%
}

.moreUsers-kKQjNO {
    border-radius: 50%;
    height: 22px;
    line-height: 22px;
    min-width: 18px;
    padding: 0 2px;
    text-align: center
}

.helpIcon-WaXXVy {
    -webkit-transition: opacity .2s ease;
    border-radius: 50%;
    display: none;
    height: 14px;
    opacity: .6;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: opacity .2s ease;
    width: 14px;
    z-index: 1
}

.helpIcon-WaXXVy:hover {
    opacity: 1
}

.invite-CTGItT:hover .helpIcon-WaXXVy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.details-2-wcpw,.state-e1FFvS {
    font-size: 16px;
    line-height: 16px;
    max-width: 240px;
    overflow: hidden;
    padding-bottom: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.textLink-3OYObV:hover {
    text-decoration: underline
}

.theme-dark .invite-CTGItT {
    background: rgba(47,49,54,.6);
    border-color: rgba(47,49,54,.9)
}

.theme-dark .artworkSpotifySessionEnded-1GyuWx {
    background-image: url(/assets/fb6a21ef85b63dec6e7c01c683904e8f.svg)
}

.theme-dark .header-ygd_5b {
    color: #72767d
}

.theme-dark .name-14yY4P,.theme-dark .partyStatus-2OUdt3 {
    color: #fff
}

.theme-dark .moreUsers-kKQjNO {
    background-color: #4f545c
}

.theme-dark .partyMemberEmpty-2qTY0H {
    background: #4f545c
}

.theme-dark .helpIcon-WaXXVy {
    background-color: #fff
}

.theme-dark .textLink-3OYObV,.theme-dark .message-group .textLink-3OYObV {
    color: #fff
}

.theme-light .invite-CTGItT {
    background: hsla(240,6%,97%,.6);
    border-color: hsla(210,3%,87%,.3)
}

.theme-light .artworkSpotifySessionEnded-1GyuWx {
    background-image: url(/assets/97e866482f43d3ebd2496641cd934904.svg)
}

.theme-light .header-ygd_5b {
    color: #72767d
}

.theme-light .name-14yY4P,.theme-light .partyStatus-2OUdt3 {
    color: #4f545c
}

.theme-light .moreUsers-kKQjNO {
    background-color: #dcddde
}

.theme-light .partyMemberEmpty-2qTY0H {
    background: #dcddde
}

.theme-light .helpIcon-WaXXVy {
    background-color: #4f545c
}

.theme-light .textLink-3OYObV,.theme-light .message-group .textLink-3OYObV {
    color: #4f545c
}

.subHeader-11w1JS {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.preview-1mYYph {
    border: 1px solid;
    pointer-events: none
}

.textArea-12Ekxy {
}

.theme-dark .subHeader-11w1JS {
    color: #72767d
}

.theme-dark .preview-1mYYph {
    border-color: #202225
}

.theme-light .subHeader-11w1JS {
    color: #72767d
}

.theme-light .preview-1mYYph {
    border-color: #dcddde
}

.autocomplete-1TnWNR {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 3
}

.autocompleteInner-N7OQf1 {
    padding-bottom: 8px
}

.autocompleteRow-31UJBI {
    font-size: 14px;
    line-height: 16px;
    padding: 0 8px
}

.autocompleteRowVertical-3_UxVA {
    padding: 0 8px
}

.autocompleteRowHorizontal-1_ZjIU {
    padding: 0
}

.selector-nbyEfM {
    border-radius: 3px;
    padding: 8px
}

.selectorSelected-2M0IGv {
}

.selectable-3iSmAf {
    cursor: pointer
}

.divider-2JwdCF {
    height: 1px;
    width: 100%
}

.content-249Pr9 {
    min-height: 16px
}

.contentTitle-sL6DrN {
    padding: 4px 0;
    text-transform: uppercase
}

.contentTitle-sL6DrN strong {
    text-transform: none
}

.icon-3XfMwL {
    min-width: 16px;
    width: 16px
}

.rawEmoji-2U4_eY {
    font-size: 20px
}

.description-YnaVYa {
    margin-left: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.descriptionDiscriminator-3KCIMj {
    font-size: 12px;
    margin-left: 0
}

.externalIcon-2bBD5t {
    border-radius: 50%;
    height: 16px;
    width: 16px
}

.marginLeft4-3RAvyQ {
    margin-left: 4px
}

.marginLeft8-34JoM2 {
    margin-left: 8px
}

.theme-light .autocomplete-1TnWNR {
    background-color: #fff
}

.theme-light .autocompleteInner-N7OQf1 {
    background-color: hsla(210,3%,87%,.6)
}

.theme-light .divider-2JwdCF,.theme-light .selectorSelected-2M0IGv {
    background-color: #dcddde
}

.theme-light .contentTitle-sL6DrN {
    color: #72767d
}

.theme-light .contentTitle-sL6DrN strong {
    color: #4f545c
}

.theme-light .content-249Pr9 {
    color: #36393f
}

.theme-light .iconForeground-1U-F96 {
    fill: #72767d
}

.theme-light .description-YnaVYa,.theme-light .descriptionUsername-1quCGz {
    color: #72767d
}

.theme-light .descriptionDiscriminator-3KCIMj {
    color: hsla(218,5%,47%,.6)
}

.theme-light .avatarStatus-3VdB8Y {
    border-color: #f6f6f7
}

.theme-dark .autocomplete-1TnWNR {
    background-color: #2f3136
}

.theme-dark .selectorSelected-2M0IGv {
    background-color: #36393f
}

.theme-dark .divider-2JwdCF {
    background-color: rgba(79,84,92,.6)
}

.theme-dark .contentTitle-sL6DrN {
    color: #72767d
}

.theme-dark .contentTitle-sL6DrN strong {
    color: #fff
}

.theme-dark .content-249Pr9 {
    color: #f6f6f7
}

.theme-dark .iconForeground-1U-F96 {
    fill: #72767d
}

.theme-dark .description-YnaVYa,.theme-dark .descriptionUsername-1quCGz {
    color: #72767d
}

.theme-dark .descriptionDiscriminator-3KCIMj {
    color: hsla(218,5%,47%,.6)
}

.theme-dark .avatarStatus-3VdB8Y {
    border-color: #2f3136
}

.theme-brand .autocomplete-1TnWNR {
    background-color: #f6f6f7
}

.theme-brand .selectorSelected-2M0IGv {
    background-color: rgba(199,208,240,.6)
}

.theme-brand .divider-2JwdCF {
    background-color: hsla(210,3%,87%,.6)
}

.theme-brand .contentTitle-sL6DrN {
    color: #72767d
}

.theme-brand .contentTitle-sL6DrN strong {
    color: #4f545c
}

.theme-brand .content-249Pr9 {
    color: #36393f
}

.theme-brand .iconForeground-1U-F96 {
    fill: #72767d
}

.theme-brand .description-YnaVYa,.theme-brand .descriptionUsername-1quCGz {
    color: #72767d
}

.theme-brand .descriptionDiscriminator-3KCIMj {
    color: hsla(218,5%,47%,.6)
}

.theme-brand .avatarStatus-3VdB8Y {
    border-color: #f6f6f7
}

.emojiButton-3c_qrT {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    max-height: 50px
}

.emojiButtonHovered-2DiAsP,.emojiButtonNormal-2yO7yT {
}

.emojiButtonHovered-2DiAsP {
    opacity: 1
}

.sprite-3pvJkd {
    -webkit-transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-filter .1s ease-in-out;
    background-image: url(/assets/4e51af83c4879cf313ad553bdc20dcf7.png);
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    height: 22px;
    transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-filter .1s ease-in-out;
    transition: transform .1s ease-in-out,opacity .1s ease-in-out,filter .1s ease-in-out;
    width: 22px
}

.spriteNormal-3BYqCK {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}

.spriteHovered-2ymMOw {
    -webkit-filter: none;
    -webkit-transform: scale(1.275);
    filter: none;
    opacity: 1;
    transform: scale(1.275)
}

.theme-dark .emojiButtonNormal-2yO7yT {
    opacity: .6
}

.theme-brand .emojiButtonNormal-2yO7yT {
    opacity: 1
}

.channelTextArea-1HTP3C {
    -webkit-transition: opacity .2s ease;
    position: relative;
    transition: opacity .2s ease;
    width: 100%
}

.channelTextAreaEnabled-c05Zpy,.channelTextAreaEnabledNoAttach-19CjQr {
}

.channelTextAreaDisabled-TBtxS6 {
    opacity: .5
}

.inner-3if5cm {
    position: relative
}

.innerEnabled-gLHeOL,.innerEnabledNoAttach-36PpAk {
}

.innerDisabled-1hSPu_ {
    cursor: not-allowed
}

.innerAutocomplete-2qsvzH {
    border-radius: 0 0 5px 5px
}

.innerNoAutocomplete-kaUXJZ {
    border-radius: 5px
}

.attachButton-Di6YUh {
    -webkit-transform-origin: 50% 50%;
    -webkit-transition: opacity .1s ease,-webkit-transform .1s ease;
    cursor: pointer;
    height: 24px;
    margin: 10px 0 10px 10px;
    transform-origin: 50% 50%;
    transition: opacity .1s ease,-webkit-transform .1s ease;
    transition: opacity .1s ease,transform .1s ease;
    transition: opacity .1s ease,transform .1s ease,-webkit-transform .1s ease;
    width: 24px
}

.attachButton-Di6YUh:hover {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)
}

.attachButton-Di6YUh:hover .attachButtonPlus-2l1NEU {
    opacity: 1
}

.attachButtonPlus-2l1NEU {
    opacity: .3
}

.attachButtonPlay-28JO33 {
    color: #43b581
}

.attachButtonDivider-3tknGJ {
    height: calc(100% - 20px);
    margin: 10px 12px;
    width: 1px
}

.uploadInput-3oaE4N {
    height: 0;
    pointer-events: none;
    position: relative;
    width: 0
}

.textArea-20yzAH {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.025rem;
    line-height: 1.25rem;
    margin: 2px 2px 2px 0;
    max-height: 144px;
    min-height: 20px;
    outline: none;
    resize: none;
    width: 100%
}

.textArea-20yzAH::-webkit-input-placeholder {
    -webkit-user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap
}

.textArea-20yzAH:-ms-input-placeholder {
    -ms-user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap
}

.textArea-20yzAH::placeholder {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap
}

.textAreaEnabled-2vOfh8 {
    padding: 10px 38px 10px 0
}

.textAreaEnabled-2vOfh8,.textAreaEnabledNoAttach-1zE_2h {
}

.textAreaDisabled-1XpYns {
    pointer-events: none
}

.textAreaDisabled-1XpYns,.textAreaEdit-1qc9VQ,.textAreaEnabledNoAttach-1zE_2h,.textAreaForm-2NWGTp {
    padding: 10px 38px 10px 12px
}

.emojiButton-38mF6t {
    position: absolute;
    right: 12px;
    top: 11px
}

.attachPopout-gjwHsr {
    border-radius: 5px;
    font-size: 0.75rem;
    font-weight: 500;
    min-width: 200px;
    padding: 8px
}

.attachPopoutRow-elxASe {
    -webkit-transition: background-color .2s ease;
    border-radius: 3px;
    cursor: pointer;
    padding: 8px;
    transition: background-color .2s ease
}

.attachPopoutRow-elxASe:hover .attachPopoutIcon-37fHgm {
    opacity: 1
}

.attachPopoutRowText-3YWM_W {
    margin-left: 8px
}

.attachPopoutIcon-37fHgm {
    -webkit-transition: opacity .2s ease;
    height: 24px;
    opacity: .8;
    transition: opacity .2s ease;
    width: 24px
}

.autocomplete-1LLKUa {
    bottom: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0
}

.theme-dark .inner-3if5cm {
    background-color: hsla(218,5%,47%,.3)
}

.theme-dark .textArea-20yzAH {
    color: hsla(0,0%,100%,.7)
}

.theme-dark .textArea-20yzAH::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .textArea-20yzAH:-ms-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .textArea-20yzAH::placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .attachButtonPlus-2l1NEU {
    fill: #fff
}

.theme-dark .attachPopout-gjwHsr {
    background-color: #2f3136
}

.theme-dark .attachPopoutRow-elxASe:hover {
    background-color: #36393f
}

.theme-dark .attachPopoutRowText-3YWM_W {
    color: #fff
}

.theme-dark .attachButtonDivider-3tknGJ {
    background-color: hsla(0,0%,100%,.1)
}

.theme-dark .attachPopoutIconForeground-3304UT {
    fill: #fff
}

.theme-light .inner-3if5cm {
    background-color: #f6f6f7
}

.theme-light .textArea-20yzAH {
    color: #737f8d
}

.theme-light .textArea-20yzAH::-webkit-input-placeholder {
    color: hsla(218,5%,47%,.3)
}

.theme-light .textArea-20yzAH:-ms-input-placeholder {
    color: hsla(218,5%,47%,.3)
}

.theme-light .textArea-20yzAH::placeholder {
    color: hsla(218,5%,47%,.3)
}

.theme-light .attachButtonPlus-2l1NEU {
    fill: #4f545c
}

.theme-light .attachPopout-gjwHsr {
    background-color: #f6f6f7;
    color: #36393f
}

.theme-light .attachPopoutRow-elxASe:hover {
    background-color: hsla(210,3%,87%,.6)
}

.theme-light .attachPopoutRowText-3YWM_W {
    color: #4f545c
}

.theme-light .attachButtonDivider-3tknGJ {
    background-color: hsla(218,5%,47%,.1)
}

.theme-light .attachPopoutIconForeground-3304UT {
    fill: #4f545c
}

.theme-brand .inner-3if5cm {
    background-color: #8ea1e1
}

.theme-brand .textArea-20yzAH {
    color: hsla(0,0%,100%,.7)
}

.theme-brand .textArea-20yzAH::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-brand .textArea-20yzAH:-ms-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-brand .textArea-20yzAH::placeholder {
    color: hsla(0,0%,100%,.3)
}

.search-bar-tag {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: center;
    background: #35393e;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    margin: 2px;
    padding: 0 6px;
    text-align: center
}

.search-bar-tag .close {
    background: url(/assets/487cd366952d47eb8b7033369d3cdc98.svg) 50% no-repeat;
    content: " ";
    height: 12px;
    margin-left: 6px;
    opacity: .6;
    width: 12px
}

.search-bar-tag:hover .close {
    opacity: 1
}

.search-bar-icon {
    position: relative;
    width: 18px
}

.search-bar-icon:before {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(235,238,240,0)),to(#ebeef0));
    background-image: linear-gradient(90deg,rgba(235,238,240,0),#ebeef0);
    border-radius: 0 3px 3px 0;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 82px;
    z-index: 1
}

.search-bar-icon .icon {
    -webkit-transition: all .1s linear;
    background-repeat: no-repeat;
    height: 18px;
    opacity: 0;
    position: absolute;
    right: 6px;
    top: 4px;
    transition: all .1s linear;
    width: 18px;
    z-index: 2
}

.search-bar-icon .icon.visible {
    opacity: .3
}

.search-bar-icon .icon.icon-search-bar-eye-glass {
    -webkit-transform: rotate(90deg);
    background-image: url(/assets/4d254296157bb8927b7d53ed59beb0d8.svg);
    transform: rotate(90deg)
}

.search-bar-icon .icon.icon-search-bar-clear,.search-bar-icon .icon.icon-search-bar-eye-glass.visible {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.search-bar-icon .icon.icon-search-bar-clear {
    background-image: url(/assets/368c9f2ca04e43b5a5ce7380d4622149.svg)
}

.search-bar-icon .icon.icon-search-bar-clear.visible {
    -webkit-transform: rotate(90deg);
    cursor: pointer;
    transform: rotate(90deg)
}

.search-bar-icon .icon.icon-search-bar-clear.visible:hover {
    opacity: .6
}

.search-bar-light .search-bar-icon .icon.icon-search-bar-eye-glass {
    background-image: url(/assets/92222a08554d0e19d6bf1a45ca780b7c.svg)
}

.search-bar-light .search-bar-icon .icon.icon-search-bar-clear {
    background-image: url(/assets/e0aa74a6e39b625671b79698a40842b0.svg)
}

.search-bar-light .search-bar-icon .icon.icon-search-bar-clear.visible:hover {
    opacity: 1
}

.search-bar-light .search-bar-icon .icon.visible {
    opacity: .6
}

.search-bar-light .search-bar-tag {
    background: #fff;
    color: #4f545c
}

.search-bar-light .search-bar-tag .close {
    background-image: url(/assets/c67e98ad834b466a895e758360fb7d01.svg)
}

.search-bar {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.06),inset 0 -1px 0 0 rgba(0,0,0,.2);
    align-items: center;
    background-color: #2f3136;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.06),inset 0 -1px 0 0 rgba(0,0,0,.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0
}

.search-bar.disabled .search-bar-inner {
    opacity: .3
}

.search-bar.disabled .search-bar-inner input {
    cursor: not-allowed
}

.search-bar .search-bar-inner {
    -ms-flex: 1;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: horizontal;
    background: rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 2px;
    position: relative
}

.search-bar input {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    background: transparent;
    border: none;
    box-sizing: border-box;
    color: #fff;
    flex: 1;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 26px;
    min-width: 50px!important;
    outline: none;
    padding: 5px 7px;
    resize: none
}

.search-bar ::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.2)
}

.search-bar.search-bar-light {
    -webkit-box-shadow: none;
    background-color: #fff;
    box-shadow: none;
    height: auto;
    padding: 0
}

.search-bar.search-bar-light .search-bar-inner {
    background-color: rgba(199,209,216,.3);
    border: 1px solid transparent;
    border-radius: 3px!important
}

.search-bar.search-bar-light input {
    -webkit-box-shadow: none;
    background: transparent;
    border: none;
    box-shadow: none;
    color: #737f8d;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    outline: none
}

.search-bar.search-bar-light input::-webkit-input-placeholder {
    color: rgba(115,127,141,.3);
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px
}

.no-search-results {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    align-items: center;
    color: hsla(0,0%,100%,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 20px;
    text-align: center
}

.no-search-results .sad-discord {
    background-image: url(/assets/3d1e8c87ac8db1f8f7ce43994be40c2c.svg);
    height: 70px;
    margin-bottom: 20px;
    opacity: .3;
    width: 97px
}

.diversitySelector-O3ea2c {
    cursor: pointer;
    height: 28px;
    margin-right: 12px;
    width: 28px
}

.diversitySelector-O3ea2c .popout-2lja3I {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    background: #fff;
    border: 1px solid #dadddf;
    border-radius: 3px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-left: -1px;
    margin-top: -1px;
    position: absolute
}

.diversitySelector-O3ea2c .popout-2lja3I .item-lsWB-j:hover {
    background-color: rgba(153,170,181,.1)
}

.diversitySelector-O3ea2c .item-lsWB-j {
    -ms-flex-negative: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    cursor: pointer;
    flex-shrink: 0;
    height: 22px;
    padding: 4px;
    width: 22px
}

.emojiPicker-3g68GS {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
    background-color: #fff;
    border: 1px solid hsla(0,0%,75%,.2);
    border-radius: 5px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.emojiPicker-3g68GS .dimmer-jySV_v {
    -webkit-transition: background-color .15s ease-in-out;
    background-color: transparent;
    border-radius: 8px;
    height: 100%;
    pointer-events: none;
    position: absolute;
    transition: background-color .15s ease-in-out;
    width: 100%;
    z-index: 1
}

.emojiPicker-3g68GS .dimmer-jySV_v.visible-1CGy1m {
    background-color: hsla(0,0%,100%,.6);
    pointer-events: auto
}

.emojiPicker-3g68GS .header-27dQ-e {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    z-index: 100
}

.emojiPicker-3g68GS .header-27dQ-e .search-bar {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    padding: 12px
}

.emojiPicker-3g68GS .stickyHeader-3LjM5X {
    background: hsla(0,0%,100%,.95);
    left: 8px;
    position: absolute;
    top: 0;
    width: 93%;
    z-index: 1
}

.emojiPicker-3g68GS .no-search-results {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    color: #99aab5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 224px;
    justify-content: center;
    padding: 0 0 0 8px
}

.emojiPicker-3g68GS .no-search-results .sad-discord {
    background-image: url(/assets/c0e53b8283156c4edc86e859e950a2d8.svg);
    background-size: 90px 90px;
    height: 90px;
    opacity: 1;
    width: 90px
}

.emojiPicker-3g68GS .search-bar {
    padding: 12px
}

.emojiPicker-3g68GS .category-3rCtoh {
    color: #98aab6;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    padding: 0 4px;
    text-transform: uppercase
}

.emojiPicker-3g68GS .scrollerWrap-EC-dSj {
    overflow: hidden
}

.emojiPicker-3g68GS .scroller-2dsok0 {
    height: 224px;
    overflow-x: hidden;
    padding: 0 0 0 8px
}

.emojiPicker-3g68GS .scroller-2dsok0 .row-OcLAIW {
    height: 32px;
    white-space: nowrap
}

.emojiPicker-3g68GS .scroller-2dsok0 .emojiItem-3l4Fa9 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 2px 0 2px 4px;
    text-align: center;
    width: 28px
}

.emojiPicker-3g68GS .scroller-2dsok0 .emojiItem-3l4Fa9.selected-1LQfcZ {
    background-color: #eceeef;
    border-radius: 3px
}

.emojiPicker-3g68GS .scroller-2dsok0 .emojiItem-3l4Fa9.disabled-1mwvoa {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.emojiPicker-3g68GS .scroller-2dsok0 .emojiItem-3l4Fa9>.spriteItem-2T2u1M {
    height: 22px;
    margin: 3px;
    width: 22px
}

.emojiPicker-3g68GS .categories-jw8z2h {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    border-top: 1px solid rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    height: 44px;
    margin: 0 12px
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j {
    -webkit-box-sizing: border-box;
    -webkit-transition: border-bottom-color .1s ease-in-out;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    border-bottom: 3px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    height: 44px;
    margin-right: 4px;
    transition: border-bottom-color .1s ease-in-out;
    width: 28px
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.selected-1LQfcZ {
    border-bottom-color: #697ec4
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.selected-1LQfcZ:hover {
    opacity: 1
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j:hover {
    opacity: .6
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.recent-1SBeKY {
    background-image: url(/assets/b783f9b843e4ad3af8dbaad6bba7e8ae.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.recent-1SBeKY.selected-1LQfcZ,.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.recent-1SBeKY:hover {
    background-image: url(/assets/0f1f2dff98b5e2099086e303d9be0dad.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.people-zVAlZV {
    background-image: url(/assets/0f8f3bc3cf28243801b42b305dae7e8f.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.people-zVAlZV.selected-1LQfcZ,.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.people-zVAlZV:hover {
    background-image: url(/assets/0509bf058793ef8ddd770a977e63614c.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.nature-2zoWpr {
    background-image: url(/assets/df16c7651155a54512ab694ea3457418.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.nature-2zoWpr.selected-1LQfcZ,.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.nature-2zoWpr:hover {
    background-image: url(/assets/aafe899a4d7ad7717acc64f5b8f36342.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.food-2xLrwE {
    background-image: url(/assets/c7192e6557b61f914beb4f0696eef49a.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.food-2xLrwE.selected-1LQfcZ,.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.food-2xLrwE:hover {
    background-image: url(/assets/0eb5a2b715ff649e9757a232996817ab.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.activity-1fFRzJ {
    background-image: url(/assets/1381cac7b2032db05a60ad78fbf6c038.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.activity-1fFRzJ.selected-1LQfcZ,.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.activity-1fFRzJ:hover {
    background-image: url(/assets/8674c1028a63d29fb605be53eeedf1bf.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.travel-B14VEl {
    background-image: url(/assets/872d635777b1c110e2c7b242f184c020.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.travel-B14VEl.selected-1LQfcZ,.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.travel-B14VEl:hover {
    background-image: url(/assets/13e86ddf4302f697243425b2f954d00b.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.objects-1msFJY {
    background-image: url(/assets/4a914fa3549fd757ef229ec5ef09cabd.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.objects-1msFJY.selected-1LQfcZ,.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.objects-1msFJY:hover {
    background-image: url(/assets/6d9a5b47dc3bf7adf54f19b1e3f6c5ad.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.symbols-wPS-MF {
    background-image: url(/assets/4a184203a40de0302a5bdaf6f9784187.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.symbols-wPS-MF.selected-1LQfcZ,.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.symbols-wPS-MF:hover {
    background-image: url(/assets/83095e6af6c7cf33669e3ab169296867.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.flags-3bbR5D {
    background-image: url(/assets/d01d169644a14cc28e270c1bb81f79f9.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.flags-3bbR5D.selected-1LQfcZ,.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.flags-3bbR5D:hover {
    background-image: url(/assets/ccda5cf0a64abbd18fdb9f914b55292e.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.custom-mQFmND {
    background-image: url(/assets/8f1044477c507b9b16a3d100100df2a3.svg)
}

.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.custom-mQFmND.selected-1LQfcZ,.emojiPicker-3g68GS .categories-jw8z2h .item-lsWB-j.custom-mQFmND:hover {
    background-image: url(/assets/bbabd25029321a8260849de01e8c13fc.svg)
}

.premiumPromo-HqV_qx {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    background-color: hsla(0,0%,100%,.95);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 101
}

.premiumPromo-HqV_qx .btn {
    -webkit-transition: background-color .2s ease;
    background-color: #7289da;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    padding: 10px 20px;
    position: relative;
    transition: background-color .2s ease
}

.premiumPromo-HqV_qx .btn:hover {
    background-color: #697ec4
}

.premiumPromoClose-1RHQof {
    background: url(/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat;
    cursor: pointer;
    height: 40px;
    opacity: .6;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -9999em;
    top: 10px;
    width: 40px
}

.premiumPromoClose-1RHQof:hover {
    opacity: 1
}

.premiumPromoImage-EF7d-a {
    display: block;
    margin-bottom: 15px
}

.premiumPromoTitle-q7xvT_ {
    color: #4f545c;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 4px
}

.premiumPromoDescription-3ldaqG {
    color: #747f8d;
    font-size: 16px;
    line-height: 20px;
    margin: 0 20px 24px;
    text-align: center
}

.spinner-2tpN-5 {
    padding-top: 8px
}

.horizontalAutocompletes-R77FiL {
    margin-bottom: -4px;
    overflow-x: auto;
    padding: 0 8px
}

.horizontalAutocomplete-2zFXvi {
    margin-bottom: 4px
}

.progress-32_u4R {
    overflow: hidden;
    position: relative;
    width: 100%
}

.progressBar-mI5LOq {
    -webkit-transition: width .2s ease-out;
    transition: width .2s ease-out
}

.progress-32_u4R,.progressBar-mI5LOq {
    background-clip: border-box
}

.small-eBZ2fL {
    border-radius: 3px;
    height: 6px
}

.large-3RTgpB {
    border-radius: 4px;
    height: 8px
}

.progressBar-mI5LOq.small-eBZ2fL {
    border-radius: 0 3px 3px 0
}

.progressBar-mI5LOq.large-3RTgpB {
    border-radius: 0 4px 4px 0
}

.attachment-1Vom9D {
    -webkit-box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 3px;
    box-sizing: border-box;
    letter-spacing: 0;
    max-width: 520px;
    padding: 10px;
    width: 100%
}

.attachmentInner-3e5fpm {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.icon-3cn2VC {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 40px;
    margin-right: 8px;
    width: 30px
}

.filenameWrapper-Kcvh19 {
}

.filename-13hhfJ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.metadata-2t2-gW {
    color: #72767d;
    margin-right: 8px
}

.rate-1_7yM9 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    min-width: 60px;
    text-align: right
}

.progressContainer-2UlXr2 {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-3B1Tl4;
    height: 16px
}

.progress-33epXr {
    background-color: hsla(218,5%,47%,.3)
}

.cancelButton-W6qpE3,.downloadButton-NPl2PI,.size-22vab7 {
    margin-left: 4px
}

.cancelButton-W6qpE3,.downloadButton-NPl2PI {
    color: #4f545c;
    cursor: pointer
}

.cancelButton-W6qpE3:hover,.downloadButton-NPl2PI:hover {
    color: hsla(218,5%,47%,.6)
}

.filenameLinkWrapper-3y3Hx0 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fileNameLink-342ZEF:hover {
    text-decoration: underline
}

.theme-light .attachment-1Vom9D {
    border-color: #f6f6f7
}

.theme-light .filename-13hhfJ {
    color: #4f545c
}

.theme-light .filenameLinkWrapper-3y3Hx0 {
    color: #00b0f4
}

.theme-light .size-22vab7 {
    color: rgba(79,84,92,.3)
}

.theme-dark .attachment-1Vom9D {
    background-color: rgba(47,49,54,.3);
    border-color: rgba(47,49,54,.6)
}

.theme-dark .filename-13hhfJ {
    color: #fff
}

.theme-dark .filenameLinkWrapper-3y3Hx0 {
    color: rgba(0,176,244,.85)
}

.theme-dark .size-22vab7 {
    color: hsla(240,6%,97%,.3)
}

.imageWrapper-38T7d9 {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    border-radius: 3px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    user-select: text
}

.imageWrapper-38T7d9 img {
    position: absolute
}

.imageWrapperBackground-Ow_zuI {
    background: rgba(0,0,0,.05)
}

.imageWrapperInner-BRGZ7A {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.imageError-11mA4M {
    background-image: url(/assets/b5d0fabb4afdf0666f3785f8c1d3beff.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 102px;
    width: 200px
}

.imagePlaceholder-jWw28v {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.imagePlaceholderOverlay-3uPw1V {
    background-color: rgba(0,0,0,.6)
}

.imageAccessory-11VcoF {
    position: absolute;
    right: 4px;
    top: 4px
}

.imageZoom-2suFUV {
    cursor: nesw-resize;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.theme-dark .imageError-11mA4M {
    background-image: url(/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg)
}

.gifTag-2VwDRa {
    background-image: url(/assets/f08d762d18b676262c8d40c5aff9e640.svg);
    height: 22px;
    width: 36px
}

.downloadLink-wANcd8 {
    -webkit-transition: opacity .15s ease;
    color: #fff;
    line-height: 30px;
    opacity: .5;
    text-decoration: none;
    transition: opacity .15s ease
}

.downloadLink-wANcd8:hover {
    opacity: 1
}

.wrapper-GhVnpx {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    border-radius: 3px;
    color: #fff;
    overflow: hidden;
    position: relative;
    user-select: none
}

.wrapperControlsHidden-2lx_FF,.wrapperPaused-3y2mev,.wrapperPlaying-2LSSsa {
}

.wrapperControlsHidden-2lx_FF {
    cursor: none
}

.controls-2g-WJ6 {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: rgba(0,0,0,.6);
    bottom: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    padding-bottom: 10px;
    position: absolute;
    right: 0;
    width: 100%
}

.controlIcon-35ekfs {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    cursor: pointer;
    flex: 0 0 auto;
    height: 24px;
    margin: 4px;
    opacity: .6;
    width: 24px
}

.controlIcon-35ekfs:hover {
    opacity: 1
}

.controlIcon-35ekfs:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.durationBarInteraction-23MVSC,.durationBarInteractionDragging-2t191e {
    -ms-flex: 1 1 auto;
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1 1 auto;
    margin: 0 7px;
    position: relative
}

.durationBarInteraction-23MVSC:hover .durationBarWrapper-3-wksR,.durationBarInteractionDragging-2t191e:hover .durationBarWrapper-3-wksR {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3)
}

.durationBarInteraction-23MVSC:hover .bubble-2KxVwv,.durationBarInteractionDragging-2t191e:hover .bubble-2KxVwv {
    opacity: 1
}

.durationBarInteraction-23MVSC:hover .durationBarGrabber-1cFmrd {
    -webkit-transform: scale(1);
    background-color: #8ea1e1;
    transform: scale(1)
}

.durationBarInteraction-23MVSC:hover .durationBarPreview-2q4B-3 {
    opacity: .3
}

.durationBarInteraction-23MVSC:hover .bubble-2KxVwv,.durationBarInteractionDragging-2t191e .bubble-2KxVwv {
    opacity: 1
}

.durationBarInteractionDragging-2t191e .durationBarGrabber-1cFmrd {
    -webkit-transform: scale(1);
    background-color: #8ea1e1;
    transform: scale(1)
}

.fakeEdges-3bxH5l {
    position: relative
}

.fakeEdges-3bxH5l:after,.fakeEdges-3bxH5l:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 3px;
    z-index: 1
}

.fakeEdges-3bxH5l:before {
    border-radius: 3px 0 0 3px;
    left: -3px
}

.fakeEdges-3bxH5l:after {
    border-radius: 0 3px 3px 0;
    right: -3px
}

.durationBarWrapper-3-wksR {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    height: 6px;
    position: relative
}

.durationBarWrapper-3-wksR,.durationBarWrapper-3-wksR:after,.durationBarWrapper-3-wksR:before {
    background-color: hsla(216,4%,74%,.3)
}

.durationBarPreview-2q4B-3,.durationBarProgress-3sJ7Pt {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.durationBarPreview-2q4B-3 {
    opacity: 0;
    z-index: 0
}

.durationBarPreview-2q4B-3,.durationBarPreview-2q4B-3:after,.durationBarPreview-2q4B-3:before {
    background-color: #fff
}

.durationBarProgress-3sJ7Pt {
    z-index: 3
}

.durationBarGrabber-1cFmrd,.durationBarProgress-3sJ7Pt,.durationBarProgress-3sJ7Pt:after,.durationBarProgress-3sJ7Pt:before {
    background-color: #7289da
}

.durationBarGrabber-1cFmrd {
    -webkit-transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    -webkit-transition: background-color .25s linear,-webkit-transform .25s ease-in-out;
    border-radius: 5px;
    cursor: -webkit-grab;
    cursor: grab;
    height: 10px;
    margin-right: -5px;
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: scale(0);
    transform-origin: 50% 50%;
    transition: background-color .25s linear,-webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out,background-color .25s linear;
    width: 10px;
    z-index: 2
}

.durationTimeWrapper-1OSAIw {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    height: 12px;
    margin: 4px
}

.durationTimeDisplay-z9q8lp,.durationTimeSeparator-kA279Z {
    display: inline-block;
    font-family: SourceCodePro,Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 12px;
    vertical-align: text-top
}

.durationTimeSeparator-kA279Z {
    margin: 0 2px
}

.buffer-3qw5qC {
    height: 100%;
    left: 0;
    opacity: .3;
    position: absolute;
    top: 0
}

.buffer-3qw5qC,.buffer-3qw5qC:after,.buffer-3qw5qC:before {
    background-color: #fff
}

.video-3ihULu {
    -o-object-fit: contain;
    border-radius: 3px;
    display: block;
    height: 100%;
    object-fit: contain;
    position: relative;
    width: 100%
}

.video-3ihULu:-webkit-full-screen {
    z-index: 99999
}

.video-3ihULu::-webkit-media-controls-enclosure {
    display: none!important
}

.bubble-2KxVwv {
    -webkit-transform: translateX(-50%);
    -webkit-transition: opacity .2s ease-out;
    background-color: #000;
    border-radius: 3px;
    color: #f6f6f7;
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    line-height: 18px;
    opacity: 0;
    padding: 0 8px;
    text-align: center;
    top: -28px;
    transform: translateX(-50%);
    transition: opacity .2s ease-out;
    width: auto
}

.bubble-2KxVwv,.bubble-2KxVwv:before {
    pointer-events: none;
    position: absolute
}

.bubble-2KxVwv:before {
    border: 5px solid transparent;
    border-top: 5px solid #000;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -5px;
    top: 100%;
    width: 0
}

.metadata-35KiYB {
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-box-sizing: border-box;
    align-items: flex-start;
    background-image: -webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.9)));
    background-image: linear-gradient(0deg,transparent,rgba(0,0,0,.9));
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    left: 0;
    padding: 22px 12px 12px;
    position: absolute;
    right: 0;
    top: -10px;
    z-index: 1
}

.metadataContent-3HYqEq {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto
}

.metadataName-CJWo1Z {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.metadataName-CJWo1Z,.metadataSize-L0PFDT {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.metadataSize-L0PFDT {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    opacity: .7
}

.metadataDownload-1eyTml {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    opacity: .6
}

.metadataDownload-1eyTml:hover {
    opacity: 1
}

.metadataIcon-1KzEL_ {
    color: #fff;
    height: 25px;
    width: 24px
}

.playCenter-1lbkPX {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.playCenter-1lbkPX,.playPausePop-1Tt1lm {
    pointer-events: none;
    position: absolute
}

.playPausePop-1Tt1lm {
    background-color: rgba(0,0,0,.6);
    border-radius: 50%;
    color: #fff;
    height: 24px;
    left: 50%;
    margin-left: -23px;
    margin-top: -23px;
    padding: 12px;
    top: 50%;
    width: 24px
}

.playPausePop-1Tt1lm .playPausePopIcon-3eoQPX {
    display: block;
    height: 24px;
    width: 24px
}

.theme-dark .wrapper-GhVnpx {
    background-color: #202225
}

.theme-light .wrapper-GhVnpx {
    background-color: #f6f6f7
}

.embedMargin-3PgvhO {
}

.embedMarginLarge-1Q_l3V {
}

.embedLink-2Cft4i {
    cursor: pointer;
    text-decoration: none
}

.embedLink-2Cft4i:hover {
    text-decoration: underline
}

.embed-2diOCQ {
    max-width: 520px;
    position: relative
}

.embed-2diOCQ .emoji {
    -o-object-fit: contain;
    height: 1rem;
    margin: 0 .05em 0 .1em;
    min-height: 22px;
    min-width: 22px;
    object-fit: contain;
    vertical-align: -.4em;
    width: 1rem
}

.embedPill-3sYS1X {
    -ms-flex-negative: 0;
    background-color: #cacbce;
    border-radius: 3px 0 0 3px;
    flex-shrink: 0;
    width: 4px
}

.embedInner-t4ag7g {
    -webkit-box-sizing: border-box;
    background: hsla(0,0%,98%,.3);
    border: 1px solid hsla(0,0%,80%,.3);
    border-radius: 0 3px 3px 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px 10px
}

.embedContent-AqkoYv {
}

.embedContentInner-3paVO5 {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden
}

.embedProvider-1KNREX {
    color: #87909c!important;
    display: inline-block
}

.embedProviderLink-2k6W5T {
}

.embedAuthor-3fZd3B {
}

.embedAuthorName-29phCh {
    color: #4f545c!important
}

.embedAuthorNameLink-x26ET8 {
}

.embedAuthorIcon-S7s7pw {
    -o-object-fit: contain;
    border-radius: 50%;
    height: 20px;
    margin-right: 8px;
    object-fit: contain;
    width: 20px
}

.embedTitle-2e667Z {
    color: #4f545c;
    display: inline-block
}

.embedTitleLink-1IGDvg {
    color: #00b0f4
}

.embedDescription-1NY-5D {
    color: rgba(79,83,91,.9);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0
}

.embedImage-1JnXMa {
    border-radius: 3px;
    overflow: hidden
}

.embedImage-1JnXMa,.embedImage-1JnXMa img,.embedImage-1JnXMa video {
    display: block
}

.embedThumbnail-120kwl {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px
}

.embedVideo-3EiCm6 {
    background-color: rgba(0,0,0,.05);
    position: relative
}

.embedVideoActions-3oTpZe {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.embedVideoActions-3oTpZe,.embedVideoActionsInner-24mu2S {
}

.embedVideoAction-qXfOlG {
    background: none;
    background-size: 24px 24px;
    display: inline-block;
    height: 24px;
    opacity: .6;
    width: 24px
}

.embedVideoAction-qXfOlG+.embedVideoAction-qXfOlG {
    margin-left: 4px
}

.embedVideoAction-qXfOlG:hover {
    opacity: 1
}

.embedGIFV-2v7KZV {
}

.embedGIFTag-2V6BC0 {
    position: absolute;
    right: 4px;
    top: 4px
}

.embedFooter-R1rUwy {
}

.embedFooterText-3vI__m {
    color: rgba(79,83,91,.6);
    letter-spacing: 0
}

.embedFooterSeparator-Gty9gv {
    color: #cacbce;
    display: inline-block;
    margin: 0 4px
}

.embedFooterIcon-BeyNpD {
    -o-object-fit: contain;
    border-radius: 50%;
    height: 20px;
    margin-right: 8px;
    object-fit: contain;
    width: 20px
}

.embedFields-3qqYj3 {
    color: #36393e
}

.embedField-3xXzgQ {
    -ms-flex: 0;
    -webkit-box-flex: 0;
    flex: 0;
    min-width: 100%
}

.embedFieldInline-3kGtKm {
    -ms-flex: 1;
    -ms-flex-preferred-size: auto;
    -webkit-box-flex: 1;
    flex: 1;
    flex-basis: auto;
    min-width: 150px
}

.embedFieldName-eYf-oY {
}

.embedFieldValue-1c1uz1 {
}

.theme-dark .embedPill-3sYS1X {
    background-color: #4f545c
}

.theme-dark .embedInner-t4ag7g {
    background-color: rgba(46,48,54,.3);
    border-color: rgba(46,48,54,.6)
}

.theme-dark .embedDescription-1NY-5D,.theme-dark .embedFieldValue-1c1uz1,.theme-dark .embedFooterText-3vI__m,.theme-dark .embedProvider-1KNREX {
    color: hsla(0,0%,100%,.6)
}

.theme-dark .embedAuthorName-29phCh,.theme-dark .embedFieldName-eYf-oY,.theme-dark .embedTitle-2e667Z {
    color: #fff!important
}

.theme-dark .embedTitleLink-1IGDvg {
    color: #0096cf!important
}

.theme-dark .embedFooterSeparator-Gty9gv {
    color: #4f545c
}

.icon-1RgidT {
    background-clip: padding-box;
    background-color: none;
    background-position: 50%;
    background-size: 100% 100%;
    position: relative
}

.iconInactive-3oRiau {
    border-radius: 50%
}

.iconActivieMini-1jmjdB {
    border-radius: 6px
}

.iconActiveSmall-236fES {
    border-radius: 9px
}

.iconActiveMedium-1Vv738 {
    border-radius: 12px
}

.iconActiveLarge-3wrcgc {
    border-radius: 15px
}

.iconActiveXLarge-1G3uZB {
    border-radius: 30px
}

.iconSizeMini-3uqMLU {
    height: 20px;
    width: 20px
}

.iconSizeSmall-3NfNyl {
    height: 30px;
    width: 30px
}

.iconSizeMedium-3oximA {
    height: 40px;
    width: 40px
}

.iconSizeLarge-3MoYhj {
    height: 50px;
    width: 50px
}

.iconSizeXLarge-3a2KLk {
    height: 100px;
    width: 100px
}

.noIcon-1WB-Um {
    background-color: #2f3136;
    color: #fff;
    text-align: center
}

.noIcon-1WB-Um.iconSizeMini-3uqMLU {
    line-height: 20px
}

.noIcon-1WB-Um.iconSizeSmall-3NfNyl {
    line-height: 30px
}

.noIcon-1WB-Um.iconSizeMedium-3oximA {
    line-height: 40px
}

.noIcon-1WB-Um.iconSizeLarge-3MoYhj {
    line-height: 50px
}

.noIcon-1WB-Um.iconSizeXLarge-3a2KLk {
    line-height: 100px
}

.verifiedIcon-3ynbkk {
    bottom: -2px;
    height: 14px;
    position: absolute;
    right: -2px;
    width: 14px
}

.wrapper-uAa07y {
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    padding: 10px 15px 10px 10px;
    width: 400px
}

.header-NUC1Kl {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content-18hQ5Y {
    -ms-flex-flow: row nowrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap
}

.guildIcon-KMiSsu {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    height: 50px;
    margin-right: 10px;
    width: 50px
}

.guildIconJoined-2nA_fS {
    cursor: pointer
}

.guildIconImage-12ar3e,.guildIconJoined-2nA_fS {
}

.guildIconImageJoined-2d9Tzw {
    cursor: pointer
}

.guildName-C1hTEs {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.guildNameJoined-2PXn9r {
    cursor: pointer
}

.guildNameJoined-2PXn9r:hover {
    text-decoration: underline
}

.channelName-2QjSJN {
    margin-left: 2px
}

.status-1SnIoF {
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.statusOnline-139lnT {
    background-color: #43b581
}

.onlineCount-2__VKq {
    margin-right: 8px
}

.statusOffline-1Vd2wV {
    background-color: #747f8d
}

.guildInfo-mu0TQL {
    max-width: 218px
}

.guildDetail-1-o1X5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.button-NA7MEa {
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 10px
}

.button-NA7MEa.buttonSize-1YHsp8 {
    height: 40px;
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px
}

.button-NA7MEa .buttonInner-37w89v {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buttonContent-2RSl6e {
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.buttonIcon-3jPc5f {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    margin-left: 8px
}

.guildIconExpired-2MVLDd {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50px 26px;
    border-radius: 15px
}

.guildNameExpired-3OXvVV {
    color: #f04747;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@-webkit-keyframes invite-button-resolving-2NYLtP {
    0% {
        -webkit-transform: translate3d(-380px,0,0);
        transform: translate3d(-380px,0,0)
    }

    50% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-380px,0,0);
        transform: translate3d(-380px,0,0)
    }
}

@keyframes invite-button-resolving-2NYLtP {
    0% {
        -webkit-transform: translate3d(-380px,0,0);
        transform: translate3d(-380px,0,0)
    }

    50% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-380px,0,0);
        transform: translate3d(-380px,0,0)
    }
}

.resolving-1pmmAh {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='374' height='50'><path fill='#000000' fill-rule='evenodd' d='M311 6h60c1.657 0 3 1.343 3 3v32c0 1.657-1.343 3-3 3h-60c-1.657 0-3-1.343-3-3V9c0-1.657 1.343-3 3-3zM62 6h124c1.657 0 3 1.343 3 3v14c0 1.657-1.343 3-3 3H62c-1.657 0-3-1.343-3-3V9c0-1.657 1.343-3 3-3zm0 24h194c1.657 0 3 1.343 3 3v10c0 1.657-1.343 3-3 3H62c-1.657 0-3-1.343-3-3V33c0-1.657 1.343-3 3-3zM19.23 0h11.54c6.687 0 9.112.696 11.556 2.003 2.445 1.308 4.363 3.226 5.67 5.67C49.306 10.12 50 12.543 50 19.23v11.54c0 6.687-.696 9.112-2.003 11.556-1.308 2.445-3.226 4.363-5.67 5.67C39.88 49.306 37.457 50 30.77 50H19.23c-6.687 0-9.112-.696-11.556-2.003-2.445-1.308-4.363-3.226-5.67-5.67C.694 39.88 0 37.457 0 30.77V19.23c0-6.687.696-9.112 2.003-11.556C3.31 5.23 5.23 3.31 7.673 2.004 10.12.694 12.543 0 19.23 0z'/></svg>");
    -webkit-mask-size: 100%;
    height: 50px;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='374' height='50'><path fill='#000000' fill-rule='evenodd' d='M311 6h60c1.657 0 3 1.343 3 3v32c0 1.657-1.343 3-3 3h-60c-1.657 0-3-1.343-3-3V9c0-1.657 1.343-3 3-3zM62 6h124c1.657 0 3 1.343 3 3v14c0 1.657-1.343 3-3 3H62c-1.657 0-3-1.343-3-3V9c0-1.657 1.343-3 3-3zm0 24h194c1.657 0 3 1.343 3 3v10c0 1.657-1.343 3-3 3H62c-1.657 0-3-1.343-3-3V33c0-1.657 1.343-3 3-3zM19.23 0h11.54c6.687 0 9.112.696 11.556 2.003 2.445 1.308 4.363 3.226 5.67 5.67C49.306 10.12 50 12.543 50 19.23v11.54c0 6.687-.696 9.112-2.003 11.556-1.308 2.445-3.226 4.363-5.67 5.67C39.88 49.306 37.457 50 30.77 50H19.23c-6.687 0-9.112-.696-11.556-2.003-2.445-1.308-4.363-3.226-5.67-5.67C.694 39.88 0 37.457 0 30.77V19.23c0-6.687.696-9.112 2.003-11.556C3.31 5.23 5.23 3.31 7.673 2.004 10.12.694 12.543 0 19.23 0z'/></svg>");
    mask-size: 100%;
    mask-type: luminance;
    position: relative;
    width: 380px
}

.resolvingBackground-31eGqp {
    -webkit-animation: invite-button-resolving-2NYLtP 4s ease-in-out infinite;
    animation: invite-button-resolving-2NYLtP 4s ease-in-out infinite;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 760px
}

.theme-light .wrapper-uAa07y {
    background: hsla(240,6%,97%,.6);
    border-color: hsla(210,3%,87%,.3)
}

.theme-light .guildIcon-KMiSsu {
    background-color: #7289da
}

.theme-light .guildIconImage-12ar3e {
    background-color: #fff
}

.theme-light .guildIconExpired-2MVLDd {
    background-color: hsla(210,3%,87%,.3);
    background-image: url(/assets/b5d0fabb4afdf0666f3785f8c1d3beff.svg)
}

.theme-light .guildName-C1hTEs {
    color: #4f545c
}

.theme-light .guildDetail-1-o1X5 {
    color: #72767d
}

.theme-light .resolvingBackground-31eGqp {
    background-image: -webkit-gradient(linear,left top,right top,from(#f6f6f7),color-stop(#dcddde),to(#f6f6f7));
    background-image: linear-gradient(90deg,#f6f6f7,#dcddde,#f6f6f7)
}

.theme-dark .wrapper-uAa07y {
    background: rgba(47,49,54,.6);
    border-color: rgba(47,49,54,.9)
}

.theme-dark .guildIcon-KMiSsu {
    background-color: #7289da
}

.theme-dark .guildIconImage-12ar3e {
    background-color: #36393f
}

.theme-dark .guildIconExpired-2MVLDd {
    background-color: rgba(47,49,54,.6);
    background-image: url(/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg)
}

.theme-dark .guildName-C1hTEs {
    color: #f6f6f7
}

.theme-dark .guildDetail-1-o1X5 {
    color: #72767d
}

.theme-dark .resolvingBackground-31eGqp {
    background-image: -webkit-gradient(linear,left top,right top,from(#36393f),color-stop(#4f545c),to(#36393f));
    background-image: linear-gradient(90deg,#36393f,#4f545c,#36393f)
}

.system-message {
    color: rgba(47,49,54,.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    line-height: 1.1875rem;
    position: relative
}

.system-message .system-message-content {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    margin-left: 1.5rem
}

.system-message .system-message-content .user-name,.system-message .system-message-content a {
    color: #2f3136;
    cursor: pointer
}

.system-message .system-message-content .system-message-timestamp {
    color: #99aab5;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0;
    margin-left: 6px;
    text-transform: none
}

.system-message .channel-name-change strong {
    color: #2f3136
}

.system-message .system-message-icon {
    -ms-flex-negative: 0;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    flex-shrink: 0;
    height: 1rem;
    margin-right: .5rem;
    margin-top: -.55rem;
    position: absolute;
    top: 50%;
    width: 1rem
}

.system-message .system-message-action {
    margin-left: 3px
}

.system-message .system-message-action a {
    color: #00b0f4!important;
    cursor: pointer;
    margin-left: 3px
}

.theme-dark .system-message {
    color: hsla(0,0%,100%,.6)
}

.theme-dark .system-message .channel-name-change strong,.theme-dark .system-message .system-message-content .user-name,.theme-dark .system-message .system-message-content a {
    color: #fff
}

.theme-dark .system-message .system-message-action a {
    color: #00b0f4!important
}

.theme-dark .system-message .system-message-timestamp {
    color: hsla(0,0%,100%,.2)
}

.reactions {
    -ms-flex: 1;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    margin-left: -2px
}

.reactions .btn-reaction {
    -webkit-transition: opacity .2s ease;
    float: none!important;
    margin-left: 6px;
    opacity: 0!important;
    transition: opacity .2s ease
}

.reactions:hover .btn-reaction {
    opacity: .4!important
}

.reactions:hover .btn-reaction:hover {
    opacity: 1!important
}

.reaction {
    -moz-user-select: none;
    -ms-flex-negative: 0;
    -ms-user-select: none;
    -webkit-box-sizing: border-box;
    -webkit-transition: background-color .1s ease;
    -webkit-user-select: none;
    background: rgba(79,84,92,.06);
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    flex-shrink: 0;
    margin: 2px;
    padding: 0 6px;
    transition: background-color .1s ease;
    user-select: none
}

.reaction .emoji {
    height: 1rem;
    margin: 3px 0!important;
    min-height: auto;
    min-width: auto;
    width: 1rem
}

.reaction .emoji-text {
    display: inline-block;
    vertical-align: -3px
}

.reaction .reaction-count {
    color: rgba(79,84,92,.3);
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    height: 21px;
    letter-spacing: 0.00813rem;
    line-height: 1.3125rem;
    margin-left: 6px;
    text-align: center;
    vertical-align: top
}

.reaction.reaction-read-only {
    cursor: not-allowed
}

.reaction.reaction-me {
    background: rgba(173,183,220,.3);
    cursor: pointer
}

.reaction.reaction-me .reaction-count {
    color: #7289da
}

.theme-dark .reaction {
    background: hsla(0,0%,100%,.04)
}

.theme-dark .reaction .reaction-count {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .reaction.reaction-me {
    background: rgba(92,106,158,.3)
}

.theme-dark .reaction.reaction-me .reaction-count {
    color: #7289da
}

.a11y-font-scaled-down .reaction .reaction-count,.a11y-font-scaled-up .reaction .reaction-count {
    height: auto
}

.spacing-CsDO_x {
}

.spacingTop-2SN8O3 {
}

.message-25xg43 {
    border-radius: 3px;
    position: relative
}

.message-25xg43 .message-group {
    margin-left: 0;
    margin-right: 0;
    padding: 10px
}

.theme-dark .message-25xg43 {
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2);
    background-color: #36393f;
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2)
}

.theme-light .message-25xg43 {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1);
    background-color: #fff;
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.container-a2vS7i {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    overflow: hidden
}

.size-3q3PQx {
    height: 440px;
    width: 500px
}

.sidebar-32BRdp {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    overflow: hidden;
    width: 90px
}

.scroller-2IVcoQ {
    padding: 8px 0 8px 8px
}

.reactors-2PjMP0 {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 410px
}

.reactionDefault-2V6kdV,.reactionSelected-rLBoT_ {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: center;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    margin-bottom: 1px;
    overflow: hidden;
    padding: 0 4px
}

.reactionDefault-2V6kdV {
    cursor: pointer
}

.emoji-3sW8GO {
    height: 1rem;
    min-height: auto;
    min-width: auto;
    padding: 6px;
    width: 1rem
}

.emojiText-2h_bDU {
    display: inline-block;
    vertical-align: -3px
}

.count-1bedQc {
    font-size: 14px;
    letter-spacing: .13px
}

.spinner-1pOcXm {
    height: 440px;
    width: 100%
}

.spinnerMore-3CiJST {
    height: 44px;
    width: 100%
}

.reactor-1S04IR {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 44px;
    margin-left: 10px;
    margin-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.reactorDefault-1ONwth,.reactorFinal-CE_QcQ {
}

.name-1VHFX9 {
    -moz-user-select: text;
    -ms-flex: 1;
    -ms-user-select: text;
    -webkit-box-flex: 1;
    -webkit-user-select: text;
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: text
}

.name-1VHFX9,.tag-3ocBqe {
    display: inline
}

.tagFaded-1PnOT6 {
    opacity: .6;
    padding-left: 6px
}

.discriminator-3d3E8U {
}

.remove-2smEDx {
    border-radius: 3px;
    cursor: pointer;
    display: none;
    font-size: 16px;
    opacity: .3;
    padding: 3px
}

.remove-2smEDx:hover {
    opacity: 1
}

.reactor-1S04IR:hover .remove-2smEDx {
    display: inline-block
}

.theme-dark .container-a2vS7i,.theme-dark .reactors-2PjMP0 {
    background-color: #36393f
}

.theme-dark .remove-2smEDx {
    color: #b9bbbe
}

.theme-dark .remove-2smEDx:hover {
    background-color: hsla(216,4%,74%,.1)
}

.theme-dark .sidebar-32BRdp {
    background: #2f3136
}

.theme-dark .reactionSelected-rLBoT_ {
    background-color: rgba(79,84,92,.3)
}

.theme-dark .reactionDefault-2V6kdV:hover {
    background-color: rgba(79,84,92,.1)
}

.theme-dark .reactorDefault-1ONwth {
    -webkit-box-shadow: inset 0 -1px 0 rgba(79,84,92,.3);
    box-shadow: inset 0 -1px 0 rgba(79,84,92,.3)
}

.theme-dark .discriminator-3d3E8U {
    color: #72767d
}

.theme-light .container-a2vS7i,.theme-light .reactors-2PjMP0 {
    background-color: #fff
}

.theme-light .remove-2smEDx {
    color: #72767d
}

.theme-light .remove-2smEDx:hover {
    background-color: hsla(218,5%,47%,.1)
}

.theme-light .sidebar-32BRdp {
    background: #f3f3f4
}

.theme-light .reactionSelected-rLBoT_ {
    background-color: #dcddde
}

.theme-light .reactionDefault-2V6kdV:hover {
    background-color: hsla(210,3%,87%,.3)
}

.theme-light .reactorDefault-1ONwth {
    -webkit-box-shadow: inset 0 -1px 0 hsla(216,4%,74%,.3);
    box-shadow: inset 0 -1px 0 hsla(216,4%,74%,.3)
}

.theme-light .discriminator-3d3E8U {
    color: #b9bbbe
}

.container-th_eam .preview-343ksd {
    height: 175px;
    overflow: hidden
}

.container-th_eam .previewInner-1zcZIJ {
    position: relative;
    top: -32px
}

.container-th_eam .previewCompact-2LJyYP {
    top: 0
}

.container-th_eam .message-group-qE1wBI {
    padding-left: 20px;
    padding-right: 6px;
    position: relative
}

.fontScaleSmall-24WZ3e {
    font-size: 14px
}

.fontScaleLarge-Xyydj5 {
    font-size: 24px
}

.theme-light .fontScaleLarge-Xyydj5,.theme-light .fontScaleSmall-24WZ3e {
    color: #4f545c
}

.theme-dark .fontScaleLarge-Xyydj5,.theme-dark .fontScaleSmall-24WZ3e {
    color: #f6f6f7
}

.container-3mpa-y {
    -webkit-transition: border .15s ease;
    transition: border .15s ease
}

.container-3mpa-y * {
    cursor: pointer
}

.container-3mpa-y.hasValue-3eeIe5 .button-2jURHM {
    width: 34px
}

.container-3mpa-y.hasValue-3eeIe5:not(.disabled-3FZl57):hover .button-2jURHM {
    width: 128px
}

.container-3mpa-y:not(.disabled-3FZl57):hover {
    border-color: rgba(240,71,71,.3)
}

.disabled-3FZl57 {
}

.disabled-3FZl57,.disabled-3FZl57 * {
    cursor: not-allowed
}

.layout-2M2IoV {
}

.button-2jURHM {
    -webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out,width .2s ease-in-out;
    overflow: hidden;
    position: relative;
    transition: background-color .2s ease-in-out,color .2s ease-in-out,width .2s ease-in-out;
    white-space: nowrap;
    width: 128px
}

.container-3mpa-y.recording-1Ne76k {
    -webkit-animation: shadowPulse-AwLIHr 1s ease-in infinite;
    -webkit-box-shadow: 0 0 6px rgba(240,71,71,.3);
    animation: shadowPulse-AwLIHr 1s ease-in infinite;
    border-color: rgba(240,71,71,.6);
    box-shadow: 0 0 6px rgba(240,71,71,.3);
    color: #f04747
}

.container-3mpa-y.recording-1Ne76k .button-2jURHM {
    background-color: rgba(240,71,71,.1);
    color: #f04747
}

.container-3mpa-y.recording-1Ne76k .input-2ZbpUR {
    color: #f04747
}

.container-3mpa-y.recording-1Ne76k .input-2ZbpUR::-webkit-input-placeholder {
    color: transparent
}

.container-3mpa-y.recording-1Ne76k .input-2ZbpUR:-ms-input-placeholder {
    color: transparent
}

.container-3mpa-y.recording-1Ne76k .input-2ZbpUR::placeholder {
    color: transparent
}

.input-2ZbpUR {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    font-family: #4f545c;
    font-size: 14px;
    font-weight: 600;
    user-select: none
}

.editIcon-1MI9mZ {
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    height: 24px;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,transform .2s ease-in-out;
    width: 24px
}

.hasValue-3eeIe5 .editIcon-1MI9mZ {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0)
}

.hasValue-3eeIe5:not(.disabled-3FZl57):hover .editIcon-1MI9mZ {
    -webkit-transform: translate3d(-200%,0,0);
    opacity: 0;
    transform: translate3d(-200%,0,0)
}

.text-2RnTnf {
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    opacity: 1;
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,transform .2s ease-in-out
}

.hasValue-3eeIe5 .text-2RnTnf {
    -webkit-transform: translate3d(200%,0,0);
    opacity: 0;
    transform: translate3d(200%,0,0)
}

.hasValue-3eeIe5:not(.disabled-3FZl57):hover .text-2RnTnf {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0)
}

.theme-light .editIcon-1MI9mZ {
    background-image: url(/assets/a99de44bba751701d4de08fa81041ed0.svg)
}

.theme-dark .editIcon-1MI9mZ {
    background-image: url(/assets/860396b3ff3fa1c4ae355bebfabadecb.svg)
}

@-webkit-keyframes shadowPulse-AwLIHr {
    0% {
        -webkit-box-shadow: 0 0 6px rgba(240,71,71,.3);
        box-shadow: 0 0 6px rgba(240,71,71,.3)
    }

    50% {
        -webkit-box-shadow: 0 0 10px rgba(240,71,71,.6);
        box-shadow: 0 0 10px rgba(240,71,71,.6)
    }

    to {
        -webkit-box-shadow: 0 0 6px rgba(240,71,71,.3);
        box-shadow: 0 0 6px rgba(240,71,71,.3)
    }
}

@keyframes shadowPulse-AwLIHr {
    0% {
        -webkit-box-shadow: 0 0 6px rgba(240,71,71,.3);
        box-shadow: 0 0 6px rgba(240,71,71,.3)
    }

    50% {
        -webkit-box-shadow: 0 0 10px rgba(240,71,71,.6);
        box-shadow: 0 0 10px rgba(240,71,71,.6)
    }

    to {
        -webkit-box-shadow: 0 0 6px rgba(240,71,71,.3);
        box-shadow: 0 0 6px rgba(240,71,71,.3)
    }
}

.item-1bYoz9,.keybindMessage-3nW5Sz {
    position: relative
}

.ghostPill-1yup5q {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    background-color: rgba(250,166,26,.1);
    border-radius: 16px;
    color: #faa61a;
    display: inline-block;
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 16px
}

.removeKeybind-1f2bpW {
    opacity: 0;
    position: absolute;
    right: -31px;
    top: -12px
}

.keybindGroup-37VaRm {
    margin-top: -1px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative
}

.keybindGroup-37VaRm:hover .removeKeybind-1f2bpW {
    opacity: 1
}

.theme-light .row-3ZE8bQ {
    -webkit-box-shadow: inset 0 -1px 0 hsla(216,4%,74%,.3);
    box-shadow: inset 0 -1px 0 hsla(216,4%,74%,.3)
}

.theme-dark .row-3ZE8bQ {
    -webkit-box-shadow: inset 0 -1px 0 hsla(218,5%,47%,.3);
    box-shadow: inset 0 -1px 0 hsla(218,5%,47%,.3)
}

@media (max-width: 900px) {
    .container-zRbLjT .noticeIcon-reu7Yy {
        display:none
    }
}

.authedApp-2JX_oI {
    padding: 20px
}

.authedApp-2JX_oI:hover .deleteApp-sIPnF6 {
    opacity: 1
}

.deleteApp-sIPnF6 {
    -webkit-transition: opacity .2s ease;
    opacity: 0;
    transition: opacity .2s ease
}

.headerInfo-yX3Scs {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.appAvatar-2911wU {
    -webkit-user-drag: none;
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.permission-1nlWpo {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px
}

.permissionCheckmark-1c1W50 {
    background: url(/assets/119de0e66a41e5a39d17f2699b34b3f2.svg) no-repeat;
    background-size: 18px 18px;
    display: inline-block;
    height: 18px;
    width: 23px
}

.controlling-2_f_Wm {
    color: #f04747;
    display: block;
    font-size: 10px;
    font-weight: 300;
    line-height: 10px;
    opacity: .6;
    text-transform: uppercase
}

.item-3tXG-o {
    cursor: pointer;
    padding: 20px 0
}

.item-3tXG-o.selected-3XmEtI .checkbox-3TvRoo,.item-3tXG-o:hover .checkbox-3TvRoo {
    opacity: 1
}

.item-3tXG-o.selected-3XmEtI .label-1e_dsR,.item-3tXG-o:hover .label-1e_dsR {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.label-1e_dsR {
    -webkit-transform: translateX(-34px);
    -webkit-transition: -webkit-transform .2s ease;
    pointer-events: none;
    transform: translateX(-34px);
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.label-1e_dsR .checkbox-3TvRoo {
    -webkit-transition: opacity .2s ease;
    opacity: 0;
    transition: opacity .2s ease
}

.labelText-16HDq2 {
    line-height: 24px
}

.image-1ileLu {
    height: 18px;
    margin-left: 8px;
    width: 27px
}

.marginReset-3ymHSV {
}

.theme-light .item-3tXG-o {
    -webkit-box-shadow: inset 0 -1px 0 0 hsla(216,4%,74%,.3);
    box-shadow: inset 0 -1px 0 0 hsla(216,4%,74%,.3)
}

.theme-light .item-3tXG-o:last-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.theme-dark .item-3tXG-o {
    -webkit-box-shadow: inset 0 -1px 0 0 #4f545c;
    box-shadow: inset 0 -1px 0 0 #4f545c
}

.theme-dark .item-3tXG-o:last-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.hoverRoll-O9_zYp {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 100%
}

.hoverRoll-O9_zYp:hover .default-2ICJ3w {
    -webkit-transform: translate3d(0,-107%,0);
    opacity: 0;
    transform: translate3d(0,-107%,0)
}

.hoverRoll-O9_zYp:hover .hovered-1gq2YI {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0)
}

.default-2ICJ3w,.hovered-1gq2YI {
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all .22s ease;
    display: block;
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    transform-style: preserve-3d;
    transition: all .22s ease;
    white-space: nowrap;
    width: 100%
}

.hovered-1gq2YI {
    -webkit-transform: translate3d(0,107%,0);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(0,107%,0)
}

.user-settings-games .game-input {
    -webkit-transition: background .2s ease,border .2s ease;
    background: none;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #fff;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 22px;
    line-height: 1;
    padding: 2px 4px;
    transition: background .2s ease,border .2s ease
}

.user-settings-games .game-input:focus,.user-settings-games .game-input:hover {
    outline: none
}

.user-settings-games .not-detected,.user-settings-games .now-playing {
    -webkit-animation: none;
    animation: none;
    border-radius: 3px;
    margin-top: 0;
    padding: 16px;
    width: 100%
}

.user-settings-games .not-detected .overlay-status-text,.user-settings-games .not-detected .overlay-warning-icon,.user-settings-games .now-playing .overlay-status-text,.user-settings-games .now-playing .overlay-warning-icon {
    opacity: 1
}

.user-settings-games .now-playing-add {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 14px;
    margin-left: 0
}

.user-settings-games .now-playing-add .link {
    font-weight: 500
}

.user-settings-games .now-playing-add .link:hover {
    color: #00b0f4
}

.user-settings-games .game {
    padding: 20px 0;
    position: relative
}

.user-settings-games .game .remove-game {
    opacity: 0;
    position: absolute;
    right: -31px;
    top: -12px
}

.user-settings-games .game:hover .overlay-status-text,.user-settings-games .game:hover .overlay-warning-icon,.user-settings-games .game:hover .remove-game {
    opacity: 1
}

.user-settings-games .divider-vertical,.user-settings-games .game-name,.user-settings-games .game-name-input,.user-settings-games .game-verified-icon,.user-settings-games .last-played,.user-settings-games .overlay-status-text,.user-settings-games .overlay-toggle-icon {
    z-index: 1
}

.user-settings-games .game-name-last-played {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.user-settings-games .game-verified-icon {
    background: url(/assets/c2667513479f3542e40dc0bc320f9816.svg) no-repeat;
    height: 16px;
    margin-left: 8px;
    width: 17px
}

.user-settings-games .game-name {
    font-size: 16px;
    font-weight: 600;
    height: 22px
}

.user-settings-games .game-name-input {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    margin-left: -5px;
    outline: none;
    padding: 0 4px;
    width: 240px
}

.user-settings-games .last-played {
    color: #72767d;
    font-size: 14px
}

.user-settings-games .overlay-status-text {
    font-size: 14px;
    margin-right: 4px;
    opacity: 0;
    text-transform: uppercase;
    width: 100px
}

.user-settings-games .divider-vertical {
    height: 24px;
    margin: 0 20px;
    width: 1px
}

.user-settings-games .overlay-toggle-icon {
    cursor: pointer
}

.user-settings-games .overlay-toggle-icon-off .fill {
    fill: #f04747
}

.user-settings-games .overlay-warning-icon {
    background: url(/assets/afc17a02f2ea7406b0ee518c28414f7c.svg) no-repeat;
    height: 16px;
    margin-right: 20px;
    opacity: 0;
    width: 16px
}

.add-game-popout {
    border-radius: 3px;
    padding: 10px;
    width: 300px
}

.add-game-popout .actions {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.theme-light .user-settings-games .now-playing-add {
    color: #b9bbbe
}

.theme-light .user-settings-games .game {
    -webkit-box-shadow: 0 1px 0 0 #dcddde;
    box-shadow: 0 1px 0 0 #dcddde
}

.theme-light .user-settings-games .game-name {
    color: #4f545c
}

.theme-light .user-settings-games .game-name-input:focus,.theme-light .user-settings-games .game-name-input:hover {
    background-color: #fff;
    border-color: rgba(79,84,92,.3)
}

.theme-light .user-settings-games .last-played {
    color: #72767d
}

.theme-light .user-settings-games .overlay-status-text {
    color: #b9bbbe
}

.theme-light .user-settings-games .overlay-toggle-icon-on .fill {
    fill: #b9bbbe
}

.theme-light .user-settings-games .divider-vertical {
    background-color: #dcddde
}

.theme-light .add-game-popout {
    background-color: #fff
}

.theme-dark .user-settings-games .now-playing-add {
    color: #72767d
}

.theme-dark .user-settings-games .game {
    -webkit-box-shadow: 0 1px 0 0 #4f545c;
    box-shadow: 0 1px 0 0 #4f545c
}

.theme-dark .user-settings-games .game-name {
    color: #f6f6f7
}

.theme-dark .user-settings-games .game-name-input:focus,.theme-dark .user-settings-games .game-name-input:hover {
    background-color: #36393f;
    border-color: rgba(79,84,92,.3)
}

.theme-dark .user-settings-games .last-played,.theme-dark .user-settings-games .overlay-status-text {
    color: #72767d
}

.theme-dark .user-settings-games .overlay-toggle-icon-on .fill {
    fill: #72767d
}

.theme-dark .user-settings-games .divider-vertical {
    background-color: #4f545c
}

.theme-dark .add-game-popout {
    background-color: #36393f
}

.theme-dark .add-game-popout .cancel-button {
    color: #fff
}

.theme-dark .user-settings-games .now-playing-add,.theme-light .user-settings-games .now-playing-add {
    color: #b9bbbe
}

.theme-dark .user-settings-games .now-playing,.theme-light .user-settings-games .now-playing {
    background-color: #43b581
}

.theme-dark .user-settings-games .now-playing .game-name,.theme-light .user-settings-games .now-playing .game-name {
    color: #f6fbf9
}

.theme-dark .user-settings-games .now-playing .game-name-input:focus,.theme-dark .user-settings-games .now-playing .game-name-input:hover,.theme-light .user-settings-games .now-playing .game-name-input:focus,.theme-light .user-settings-games .now-playing .game-name-input:hover {
    background-color: rgba(27,72,52,.3);
    border-color: #1b4834
}

.theme-dark .user-settings-games .now-playing .last-played,.theme-dark .user-settings-games .now-playing .overlay-status-text,.theme-light .user-settings-games .now-playing .last-played,.theme-light .user-settings-games .now-playing .overlay-status-text {
    color: #b4e1cd
}

.theme-dark .user-settings-games .now-playing .overlay-toggle-icon-off .fill,.theme-dark .user-settings-games .now-playing .overlay-toggle-icon-on .fill,.theme-light .user-settings-games .now-playing .overlay-toggle-icon-off .fill,.theme-light .user-settings-games .now-playing .overlay-toggle-icon-on .fill {
    fill: #b4e1cd
}

.theme-dark .user-settings-games .not-detected,.theme-light .user-settings-games .not-detected {
    background-color: #747f8d
}

.theme-dark .user-settings-games .not-detected .game-name,.theme-light .user-settings-games .not-detected .game-name {
    color: #f8f9f9
}

.theme-dark .user-settings-games .not-detected .last-played,.theme-light .user-settings-games .not-detected .last-played {
    color: #c7ccd1
}

.notificationsSound-3TXEoH {
    cursor: pointer;
    padding-bottom: 20px;
    padding-top: 20px
}

.notificationsSound-3TXEoH:hover .notificationsSoundLabel-3SnJrj {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.notificationsSound-3TXEoH:hover .notificationsSoundIcon-24Lea_ {
    opacity: .6
}

.notificationsSound-3TXEoH:active .notificationsSoundIcon-24Lea_ {
    opacity: 1
}

.notificationsSoundLabel-3SnJrj {
    -webkit-transform: translateX(-26px);
    -webkit-transition: -webkit-transform .2s ease;
    pointer-events: none;
    transform: translateX(-26px);
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.notificationsSoundIcon-24Lea_ {
    -webkit-transition: opacity .2s ease;
    opacity: 0;
    position: relative;
    top: 3px;
    transition: opacity .2s ease
}

.notificationsSoundIcon-24Lea_:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: " ";
    display: inline-block;
    height: 16px;
    width: 16px
}

.expandableSection-1QgO0O {
    padding: 0 0 40px
}

.foldableHeader-3KqL8W {
    padding: 40px 0
}

.foldableHeaderExpanded-3g_WYd {
    padding: 40px 0 20px
}

.gameNotificationFollower-3LwkL4 {
}

.gameNotificationFollower-3LwkL4:hover .discriminator-32zib3 {
    opacity: 1
}

.userText-3OVzlw {
    margin-left: 20px
}

.username-StYRip {
    font-weight: 600
}

.discriminator-32zib3 {
    -webkit-transition: opacity .2s ease;
    font-size: 14px;
    opacity: 0;
    transition: opacity .2s ease
}

.followingEmpty-10SsIo {
    border: 1px dashed;
    border-radius: 3px;
    padding: 24px 72px
}

.theme-dark .notificationsSound-3TXEoH {
    -webkit-box-shadow: inset 0 -1px 0 0 #4f545c;
    box-shadow: inset 0 -1px 0 0 #4f545c
}

.theme-dark .notificationsSound-3TXEoH:last-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.theme-dark .notificationsSoundIcon-24Lea_:before {
    background-image: url(/assets/f9b93aa0d9985bd2b678da58ed0d75d2.svg)
}

.theme-dark .username-StYRip {
    color: #f6f6f7
}

.theme-dark .discriminator-32zib3 {
    color: #72767d
}

.theme-dark .followingEmpty-10SsIo {
    border-color: hsla(218,5%,47%,.3)
}

.theme-light .notificationsSound-3TXEoH {
    -webkit-box-shadow: inset 0 -1px 0 0 hsla(216,4%,74%,.3);
    box-shadow: inset 0 -1px 0 0 hsla(216,4%,74%,.3)
}

.theme-light .notificationsSound-3TXEoH:last-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.theme-light .notificationsSoundIcon-24Lea_:before {
    background-image: url(/assets/dd26e1145c31d690e8f85c4e9816832f.svg)
}

.theme-light .username-StYRip {
    color: #4f545c
}

.theme-light .discriminator-32zib3 {
    color: #b9bbbe
}

.theme-light .followingEmpty-10SsIo {
    border-color: hsla(216,4%,74%,.3)
}

.userSettingsVoice-TvPQ80 .sensitivity-26YxVV {
    min-height: 120px
}

.userSettingsVoice-TvPQ80 .sliderBar-2HQdQZ.speaking-mqn8JJ {
    background-color: #69c49a
}

.userSettingsVoice-TvPQ80 .inputSensitivityToggle-1tgXkB .sliderBar-2HQdQZ {
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.userSettingsVoice-TvPQ80 .inputSensitivityToggle-1tgXkB.manual-ELrZ-H .microphone-382GDp {
    background-color: transparent;
    position: absolute;
    top: 16px;
    width: 100%
}

.userSettingsVoice-TvPQ80 .inputSensitivityToggle-1tgXkB.manual-ELrZ-H .microphone-382GDp .fill-32vNs_ {
    -webkit-transition: width 35ms ease;
    background-color: rgba(0,0,0,.25);
    height: 100%;
    transition: width 35ms ease
}

.userSettingsVoice-TvPQ80 .pttTools-3civ_9 {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.userSettingsVoice-TvPQ80 .pttTools-3civ_9>div {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto
}

.userSettingsVoice-TvPQ80 .pttToolsMessage-OyR4r3 {
    margin-top: 28px
}

.userSettingsVoice-TvPQ80 .pttToolsMessage-OyR4r3.pttToolsWarning-2mPxgk {
    color: #f04747
}

.userSettingsVoice-TvPQ80 .pttToolsMessage-OyR4r3.pttToolsWarning-2mPxgk a {
    color: #f04747;
    font-weight: 700
}

.userSettingsVoice-TvPQ80 .inputDisabledWarning-1TVp_p {
    color: #f04747
}

.userSettingsVoice-TvPQ80 .inputDisabledWarning-1TVp_p a {
    color: #f04747;
    font-weight: 700
}

.userSettingsVoice-TvPQ80 .previewContainer-2et0lu {
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 320px
}

.userSettingsVoice-TvPQ80 .media-engine-video {
    -o-object-fit: cover;
    -webkit-transform: scaleX(-1);
    background-color: #000;
    border-radius: 3px;
    object-fit: cover;
    transform: scaleX(-1)
}

.userSettingsVoice-TvPQ80 .previewOverlay-2vHj3H {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    height: 180px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 320px
}

.userSettingsVoice-TvPQ80 .previewOverlay-2vHj3H.dismiss-2rl5Ul {
    -webkit-transform: scale(2);
    -webkit-transition: background-color .4s ease-in,-webkit-transform .4s ease-in;
    transform: scale(2);
    transition: background-color .4s ease-in,-webkit-transform .4s ease-in;
    transition: transform .4s ease-in,background-color .4s ease-in
}

.userSettingsVoice-TvPQ80 .previewOverlay-2vHj3H .previewOverlayInner-3QYE5a.dismiss-2rl5Ul {
    -webkit-transition: opacity .1s ease-in;
    opacity: 0;
    transition: opacity .1s ease-in
}

.deviceOption-1pMZhu {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row
}

.deviceOptionCertified-2Oqh2t {
    background-color: #7289da;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 12px;
    margin-right: 8px;
    padding: 4px 10px;
    text-transform: uppercase
}

.theme-light .userSettingsVoice-TvPQ80 .previewOverlay-2vHj3H {
    background-color: #f6f6f7;
    border-color: #dcddde
}

.theme-light .userSettingsVoice-TvPQ80 .previewOverlay-2vHj3H.dismiss-2rl5Ul {
    background-color: transparent
}

.theme-dark .userSettingsVoice-TvPQ80 .previewOverlay-2vHj3H {
    background-color: #2f3136;
    border-color: #202225
}

.theme-dark .userSettingsVoice-TvPQ80 .previewOverlay-2vHj3H.dismiss-2rl5Ul {
    background-color: transparent
}

.splashHeader-2eju-t {
    position: relative
}

.header-3gFhoT {
}

.blurb-2eED2D {
}

.actions-kp0ZwN {
}

.action-2yZV0l {
    height: 32px;
    min-width: 150px
}

.actionRight-2hjXcG {
    margin-left: 10px
}

.subscriptionDuration-3niaaS {
    opacity: .6
}

.promo-22z1qT {
    text-transform: uppercase
}

.theme-dark .header-3gFhoT {
    color: #fff
}

.theme-dark .blurb-2eED2D {
    color: #c7ccd1
}

.theme-dark .promo-22z1qT {
    color: #b9bbbe
}

.theme-light .header-3gFhoT {
    color: #4f545c
}

.theme-light .blurb-2eED2D,.theme-light .promo-22z1qT {
    color: #9099a4
}

.features-2CJgWv {
    position: relative
}

.video-2PeA88 {
    height: 370px;
    width: 660px
}

.feature-_EbuvN {
    padding-bottom: 20px
}

.featureBorder-3P9wlr {
    border-bottom: 1px solid transparent
}

.title-80EjvA {
}

.description-3oaqMl {
}

.icon-aYHTIW {
    -ms-flex-negative: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    flex-shrink: 0;
    height: 80px;
    margin-right: 20px;
    width: 120px
}

.animatedEmojiIcon-Rl9NxS,.avatarIcon-2-aADz,.badgeIcon-2ZqPMv,.discriminatorIcon-1h9RgA,.emojiIcon-zyCK-d,.screenshareIcon-16010O,.uploadIcon-3BFq3v {
}

.theme-dark .title-80EjvA {
    color: #fff
}

.theme-dark .description-3oaqMl {
    color: #72767d
}

.theme-dark .featureBorder-3P9wlr {
    border-color: hsla(0,0%,100%,.06)
}

.theme-dark .avatarIcon-2-aADz {
    background-image: url(/assets/8c35f8c63f67b4217051ec65c92f7503.svg)
}

.theme-dark .screenshareIcon-16010O {
    background-image: url(/assets/1c2a4867bd79715207e3cc3af0d3f476.svg)
}

.theme-dark .emojiIcon-zyCK-d {
    background-image: url(/assets/222e7361d9f298ecb525cb9d9d9d7312.svg)
}

.theme-dark .animatedEmojiIcon-Rl9NxS {
    background-image: url(/assets/0f76453bc5c4ffa345a4bef1f9de0020.svg)
}

.theme-dark .uploadIcon-3BFq3v {
    background-image: url(/assets/3812cc319f8afb89d82187aa07f65e8f.svg)
}

.theme-dark .badgeIcon-2ZqPMv {
    background-image: url(/assets/07208d2e9e612bc93dcc54562311c9a4.svg)
}

.theme-dark .discriminatorIcon-1h9RgA {
    background-image: url(/assets/f43a37b57367187ae34489005e1ff814.svg)
}

.theme-light .title-80EjvA {
    color: #4f545c
}

.theme-light .description-3oaqMl {
    color: #72767d
}

.theme-light .featureBorder-3P9wlr {
    border-color: #f6f6f7
}

.theme-light .avatarIcon-2-aADz {
    background-image: url(/assets/f288775a051dc1f788f25c332af1b7fb.svg)
}

.theme-light .screenshareIcon-16010O {
    background-image: url(/assets/8236f1f43aface06e31691faed182cb6.svg)
}

.theme-light .emojiIcon-zyCK-d {
    background-image: url(/assets/9cbfe5105fc5f29ef4e659059ee01a46.svg)
}

.theme-light .animatedEmojiIcon-Rl9NxS {
    background-image: url(/assets/ee319a7be5ab8f8305899183d9529c1e.svg)
}

.theme-light .uploadIcon-3BFq3v {
    background-image: url(/assets/6ff72de005e6b31ffb24c5d214c92d08.svg)
}

.theme-light .badgeIcon-2ZqPMv {
    background-image: url(/assets/01740e06942ac1e61694fa9842f1bf10.svg)
}

.theme-light .discriminatorIcon-1h9RgA {
    background-image: url(/assets/45988275b1be1616c6a87d739eb52590.svg)
}

.card-icon {
    display: block;
    height: 22px;
    position: relative;
    width: 32px
}

.card-icon:before {
    background-image: url(/assets/cd0d0b191b8251c1351a5747038011af.svg);
    background-size: 100% 100%;
    border-radius: 2px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.visa.card-icon:before {
    background-image: url(/assets/b614d13eb16fbcdbeacd6bad8b63460f.svg)
}

.american-express.card-icon:before,.amex.card-icon:before {
    background-image: url(/assets/c1dcb16867925c58352de56605ee348d.svg)
}

.discover.card-icon:before {
    background-image: url(/assets/f88725d12c605f4875d3d57151c6f691.svg)
}

.master-card.card-icon:before,.mastercard.card-icon:before {
    background-image: url(/assets/9a3ebeaac711b37a91b7de9b3ae55b21.svg)
}

.paypal.card-icon:before {
    background-image: url(/assets/b5f7a9a2a7229d09a35be506bac28cfc.svg)
}

.premium-settings {
    -ms-flex: 1;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex: 1;
    flex-direction: column
}

.premium-settings,.premium-settings.loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.premium-settings.loading {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    height: 520px;
    justify-content: center
}

.premium-settings .premium-settings-background {
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.premium-settings .payment-subhead {
    color: #4f545c;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.premium-settings .premium-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1
}

.premium-settings .premium-header.splash {
    background: no-repeat 100% 0;
    border-bottom: 2px solid;
    height: 224px
}

.premium-settings .premium-header .premium-logo {
    background: url(/assets/8c2ee0198f752b71b9653a68de2a6983.svg) no-repeat;
    height: 52px;
    overflow: hidden;
    text-indent: -9999em;
    width: 205px
}

.premium-settings .premium-header .premium-description {
    width: 320px
}

.premium-settings .premium-header.disabled .premium-description {
    background-color: #f9f9f9;
    border: 1px solid rgba(79,84,92,.1);
    border-radius: 5px;
    padding: 10px 16px
}

.premium-settings .premium-header .intro-subtitle {
    color: #737f8d;
    font-size: 16px;
    line-height: 20px;
    width: 350px
}

.premium-settings .premium-header .premium-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.premium-settings .premium-header .premium-options-button {
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    padding: 0 15px
}

.premium-settings .premium-header .premium-free-months {
    color: #43b581;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .26px;
    line-height: 20px;
    text-transform: uppercase
}

.premium-settings .premium-header .disabled-message {
    color: #00aff7;
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 22px
}

.premium-settings .premium-header .disabled-message:hover {
    color: #000;
    color: #009ede
}

.premium-settings .premium-header .premium-footnote {
    color: #737f8d;
    display: block;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase
}

.premium-settings .premium-header .premium-splash-wumpus {
    -webkit-transition: opacity .2s ease,-webkit-transform .2s ease;
    position: absolute;
    right: 97px;
    top: 64px;
    transition: opacity .2s ease,-webkit-transform .2s ease;
    transition: transform .2s ease,opacity .2s ease;
    transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease
}

.premium-settings .scroller-wrap {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.premium-settings .scroller-wrap .scroller {
    overflow: auto
}

.premium-settings .premium-feature {
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 108px;
    overflow: hidden;
    padding-left: 164px;
    position: relative
}

.premium-settings .premium-feature .premium-text-title {
    font-weight: 500
}

.premium-settings .premium-feature .premium-text-body {
    font-size: 16px;
    line-height: 20px
}

.premium-settings .premium-feature .premium-feature-icon {
    left: 0;
    max-width: 124px;
    position: absolute;
    top: 6px
}

.premium-settings .payment-source.invalid .card-description,.premium-settings .payment-source.invalid .card-description strong,.premium-settings .payment-source.invalid .card-details {
    color: #f04747!important
}

.premium-settings .payment-source.invalid .btn-stroked {
    border-color: #f04747;
    color: #f04747!important
}

.premium-settings .payment-source.invalid .btn-stroked:hover {
    background-color: rgba(240,71,71,.1)
}

.premium-settings .payment-source .payment-info {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row
}

.premium-settings .payment-source .payment-info .card-icon {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.premium-settings .payment-source .payment-info .card-icon.disabled {
    display: none
}

.premium-settings .payment-source .payment-info .card-info {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.premium-settings .payment-source .payment-info .card-info .card-description,.premium-settings .payment-source .payment-info .card-info .card-description strong {
    font-weight: 600
}

.premium-settings .payment-source .payment-info .card-info .card-details {
    font-size: 12px;
    line-height: 16px
}

.premium-settings .payment-source .payment-info .card-tools {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.premium-settings .payment-source .payment-info .card-tools-button {
    border-radius: 3px
}

.premium-settings .subscription {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-sizing: border-box;
    align-items: center;
    background: url(/assets/5400d116a897ce9fe428bd6e4a651356.svg);
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    flex-direction: row;
    height: 90px;
    padding: 10px 20px;
    position: relative
}

.premium-settings .subscription,.premium-settings .subscription .premium-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.premium-settings .subscription .premium-tools-button {
    margin-left: 10px;
    position: relative
}

.premium-settings .subscription.active {
    background: url(/assets/6920e2fda70c33c31f54b42f30b4aa96.svg)
}

.premium-settings .subscription.past-due {
    background: url(/assets/a65d13e614f02aa710776c3c1ccb5723.svg)
}

.premium-settings .subscription.past-due:before {
    background-image: url(/assets/c6e8d06dd4e461decd20a25a1f5c1159.svg);
    height: 83px;
    top: 30px;
    width: 70px
}

.premium-settings .subscription:before {
    background-image: url(/assets/49ef1dd4ab0366004bde6f6b9ec23985.svg);
    background-size: 100% 100%;
    content: "";
    display: block;
    height: 83px;
    margin: 0 20px 0 -10px;
    position: relative;
    top: 15px;
    width: 70px
}

.premium-settings .subscription.active:before {
    background-image: url(/assets/cdbd68972528af13de4019c378c92278.svg);
    height: 86px;
    top: 8px;
    width: 70px
}

.premium-settings .subscription .premium-details {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto
}

.premium-settings .subscription .premium-details .premium-title {
    background: url(/assets/9328a2df4b542ac8725b57010a52f73b.svg) no-repeat 0 0;
    height: 26px;
    overflow: hidden;
    text-indent: -9999em
}

.premium-settings .subscription .premium-details .premium-info {
    font-family: Whitney;
    font-size: 16px;
    line-height: 20px
}

.premium-settings .subscription .premium-tools {
    position: absolute;
    right: 20px;
    top: 20px
}

.premium-settings .billing-history {
    padding: 0
}

.premium-settings .billing-history-list li {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    height: 62px;
    position: relative
}

.premium-settings .billing-history-list li .date {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 160px
}

.premium-settings .billing-history-list li .description {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto
}

.premium-settings .billing-history-list li .payment-details {
    -ms-flex: 0 0 auto;
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-flex: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
    width: 80px
}

.premium-settings .billing-history-list li .refunded-amount {
    color: #43b581
}

.premium-settings .billing-history-list li .billing-label {
    background-color: #43b581;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin-right: 14px;
    padding: 0 4px;
    text-transform: uppercase
}

.premium-settings .billing-history-list li.refunded .refunded-amount {
    display: none
}

.premium-settings .billing-history-list li.refunded .amount {
    color: #43b581
}

.premium-settings .billing-history-list li.failed .amount,.premium-settings .billing-history-list li.reversed .amount {
    color: #f04747
}

.premium-settings .billing-history-list li.failed .billing-label,.premium-settings .billing-history-list li.reversed .billing-label {
    background-color: #f04747
}

.premium-settings .billing-history-list li .bill-row-divider {
    position: absolute;
    top: 0;
    width: 100%
}

.theme-light .premium-settings .premium-settings-background {
    background-image: url(/assets/ec594c6768af37f96532258288f443b6.svg)
}

.theme-light .premium-settings .card-description {
    color: #b9bbbe
}

.theme-light .premium-settings .card-description strong {
    color: #040405
}

.theme-light .premium-settings .premium-header.splash {
    background-image: url(/assets/99d84e6e97d1a7737be24c391fbf57e3.svg);
    border-bottom-color: #e1e9f4
}

.theme-dark .premium-settings .premium-settings-background {
    background-image: url(/assets/00be7f6ca68f1915a80ae01f061718e5.svg)
}

.theme-dark .premium-settings .card-description {
    color: #b9bbbe
}

.theme-dark .premium-settings .card-description strong {
    color: #fff
}

.theme-dark .premium-settings .premium-header.splash {
    background-image: url(/assets/b897f8f7531b172c4ef3e352b0c27b89.svg);
    border-bottom-color: #282b32
}

@media (max-width: 950px) {
    .premium-settings .premium-splash-wumpus {
        -webkit-transform:translate3d(100px,0,0);
        opacity: 0;
        transform: translate3d(100px,0,0)
    }
}

.socialLinks-1oZoF3 {
    font-size: 12px;
    line-height: 16px;
    padding: 8px 10px
}

.link-13ZMYi {
    margin-right: 8px;
    padding: 0 2px
}

.foreground-3yJWZE {
    -webkit-transition: fill .15s ease;
    transition: fill .15s ease
}

.theme-light .foreground-3yJWZE {
    fill: #b9bbbe
}

.theme-light .link-13ZMYi:hover .foreground-3yJWZE {
    fill: #72767d
}

.theme-dark .foreground-3yJWZE {
    fill: #adadad
}

.theme-dark .link-13ZMYi:hover .foreground-3yJWZE {
    fill: #fff
}

.menu-3BZuDT {
    -webkit-box-shadow: 0 2px 10 0 rgba(0,0,0,.5);
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 10 0 rgba(0,0,0,.5);
    overflow: hidden;
    width: 216px
}

.item-rK1j5B {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-sizing: border-box;
    align-items: center;
    box-sizing: border-box;
    color: #99aab5;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    padding: 10px 14px
}

.item-rK1j5B:hover {
    background-color: #f9f9f9;
    color: #737f8d;
    opacity: 1
}

.item-rK1j5B:hover .icon-3ICDZz {
    opacity: 1
}

.item-rK1j5B:hover.invite-YM1l0n {
    color: #677bc4
}

.item-rK1j5B.invite-YM1l0n {
    color: #7289da
}

.item-rK1j5B.leave-2bjeRM {
    color: #f04747
}

.separator-1hpa3S {
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5;
    box-sizing: border-box
}

.icon-3ICDZz {
    -ms-flex-negative: 0;
    background-position: 50%;
    background-repeat: no-reapeat;
    flex-shrink: 0;
    height: 18px;
    margin-right: 14px;
    opacity: .8;
    width: 18px
}

.label-HtH0tJ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.alt-2vq4VR .item-rK1j5B {
    -ms-flex-align: start;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    align-items: flex-start;
    flex-direction: column
}

.alt-2vq4VR .item-rK1j5B .statusIconText-312Il7 {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.alt-2vq4VR .item-rK1j5B .helper-3X2gjI {
    color: rgba(153,170,181,.8);
    font-size: 11px;
    line-height: 12px;
    margin: 4px 0 0 24px;
    white-space: normal
}

.alt-2vq4VR .item-rK1j5B:last-child .helper-3X2gjI {
    margin-bottom: 6px
}

.member-2FrNV0 {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-sizing: border-box;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    overflow: hidden
}

.member-2FrNV0.popout-open .avatarOffline-YdYOwX,.member-2FrNV0.popout-open .darken-2nDXaM,.member-2FrNV0:hover .avatarOffline-YdYOwX,.member-2FrNV0:hover .darken-2nDXaM {
    -webkit-filter: none;
    filter: none
}

.memberOffline-lvMbAs,.memberOnline-1xn3V8 {
}

.darken-2nDXaM {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%)
}

.content-3JzEqq {
    -ms-flex-align: center;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    line-height: 30px;
    margin: 1px 0 1px 8px;
    padding: 4px 8px 4px 22px
}

.memberInner-3XUq9K {
    width: 140px
}

.nameTag-3F0z_i {
    line-height: 17px
}

.username-MwOsla {
    font-size: 16px
}

.usernameOnline-jN8ojx {
    font-weight: 500
}

.usernameOffline-3MJ-JP {
    font-weight: 300
}

.ownerIcon-2RBgEv {
    height: 14px;
    margin-left: 4px;
    position: relative;
    top: 1px;
    width: 14px
}

.activity-1PAe08 {
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.activity-1PAe08 strong {
    font-weight: 700
}

.activityText-258pdj {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.activityIcon-3-h2jl {
    margin-left: 2px;
    min-height: 16px;
    min-width: 16px
}

.avatarOffline-YdYOwX {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.avatarWrapper-3E-a5I {
    margin-right: 10px
}

@-webkit-keyframes placeholderPulse-3739AE {
    0% {
        opacity: .2
    }

    50% {
        opacity: .5
    }

    to {
        opacity: .2
    }
}

@keyframes placeholderPulse-3739AE {
    0% {
        opacity: .2
    }

    50% {
        opacity: .5
    }

    to {
        opacity: .2
    }
}

.placeholder-1r59uP {
    -webkit-animation: placeholderPulse-3739AE 3s ease-in-out infinite;
    animation: placeholderPulse-3739AE 3s ease-in-out infinite;
    overflow: hidden;
    padding-left: 30px;
    position: relative
}

.placeholderUsername-5-KmQU {
    background: #72767d;
    border-radius: 8px;
    height: 35%
}

.placeholderAvatar-2trNnW {
    background: #72767d;
    border-radius: 50%;
    height: 30px;
    width: 30px
}

.status-2Devx1 {
    background-clip: padding-box;
    border: 2px solid #f6f6f7;
    border-radius: 999px;
    bottom: -4px;
    height: 10px;
    right: -2px;
    width: 10px
}

.statusAnimated-Qs3GUf {
    -webkit-transition: width .2s ease,right .2s ease,background-color .2s ease;
    transition: width .2s ease,right .2s ease,background-color .2s ease
}

.statusStatic-16PbuC {
    -webkit-transition: none;
    transition: none
}

.theme-light .activity-1PAe08 {
    color: hsla(218,5%,47%,.9)
}

.theme-light .activityIconForeground-1o4t0w {
    fill: hsla(218,5%,47%,.9)
}

.theme-light .memberOnline-1xn3V8 {
    color: #72767d
}

.theme-light .memberOffline-lvMbAs {
    color: hsla(218,5%,47%,.9)
}

.theme-light .member-2FrNV0.popout-open .content-3JzEqq,.theme-light .member-2FrNV0.popout-open:hover .content-3JzEqq {
    background-color: hsla(210,3%,87%,.6);
    color: #000
}

.theme-light .member-2FrNV0.popout-open .content-3JzEqq .status-2Devx1,.theme-light .member-2FrNV0.popout-open:hover .content-3JzEqq .status-2Devx1 {
    border-color: #e6e7e8
}

.theme-light .member-2FrNV0:hover .content-3JzEqq {
    background-color: hsla(210,3%,87%,.3);
    color: #000
}

.theme-light .member-2FrNV0:hover .content-3JzEqq .status-2Devx1 {
    border-color: #eeefef
}

.theme-dark .activity-1PAe08 {
    color: hsla(216,4%,74%,.6)
}

.theme-dark .activityIconForeground-1o4t0w {
    fill: hsla(216,4%,74%,.6)
}

.theme-dark .memberOnline-1xn3V8 {
    color: #b9bbbe;
}

.theme-dark .memberOffline-lvMbAs {
    color: hsla(216,4%,74%,.9)
}

.theme-dark .member-2FrNV0.popout-open .content-3JzEqq,.theme-dark .member-2FrNV0.popout-open:hover .content-3JzEqq {
    background-color: var(--text-color);
    color: #fff;
}

.theme-dark .member-2FrNV0.popout-open .content-3JzEqq .status-2Devx1,.theme-dark .member-2FrNV0.popout-open:hover .content-3JzEqq .status-2Devx1 {
    border-color: #42464d
}

.theme-dark .member-2FrNV0:hover .content-3JzEqq {
    background-color: #36393f;
    color: #fff
}

.theme-dark .member-2FrNV0:hover .content-3JzEqq .status-2Devx1 {
    border-color: #36393f
}

.theme-dark .status-2Devx1 {
    border-color: #2f3136
}

.channel-members-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 240px;
    position: relative
}

.channel-members {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    background-color: #f6f6f7;
    box-sizing: border-box;
    flex: 1;
    max-width: 240px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 0 20px
}

.channel-members .avatar-small {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    float: none;
    margin: 0 10px 0 0
}

.channel-members .avatar-small .status {
    border: 2px solid #f3f3f3;
    bottom: -2px;
    right: -4px
}

.channel-members h2 {
    color: #99aab5;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .08em;
    margin-top: 29px;
    padding: 0 30px;
    text-transform: uppercase
}

.channel-members .invite-btn {
    -webkit-transition: background-color .2s ease;
    background-color: #7289da;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    margin-left: 30px;
    margin-right: 15px;
    margin-top: 40px;
    padding: 5px 23px;
    transition: background-color .2s ease
}

.channel-members .invite-btn:hover {
    background-color: #697ec4
}

.channel-members .invite-btn .icon {
    background: url(/assets/b7e696f8f911221467e76b32bd876eed.svg) 50% no-repeat;
    background-size: 16px 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: -2px;
    width: 16px
}

@-webkit-keyframes channel-members-loading {
    0% {
        -webkit-transform: translate3d(-12%,0,0);
        transform: translate3d(-12%,0,0)
    }

    50% {
        -webkit-transform: translate3d(-74%,0,0);
        transform: translate3d(-74%,0,0)
    }

    to {
        -webkit-transform: translate3d(-12%,0,0);
        transform: translate3d(-12%,0,0)
    }
}

@keyframes channel-members-loading {
    0% {
        -webkit-transform: translate3d(-12%,0,0);
        transform: translate3d(-12%,0,0)
    }

    50% {
        -webkit-transform: translate3d(-74%,0,0);
        transform: translate3d(-74%,0,0)
    }

    to {
        -webkit-transform: translate3d(-12%,0,0);
        transform: translate3d(-12%,0,0)
    }
}

.channel-members-loading {
    background-color: #dbdde1;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.channel-members-loading .background {
    -webkit-animation: channel-members-loading 3s ease-in-out infinite;
    animation: channel-members-loading 3s ease-in-out infinite;
    background-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(135,144,156,.6)),to(transparent));
    background-image: linear-gradient(90deg,transparent,rgba(135,144,156,.6),transparent);
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 600%;
    z-index: 1
}

.channel-members-loading .heading,.channel-members-loading .member {
    position: relative;
    width: 240px;
    z-index: 2
}

.channel-members-loading .heading {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iNTAiPjxwYXRoIGZpbGw9IiNGM0YzRjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgyNDB2NTBIMFYwem0zMCAzNGMwLTMuMzE0IDIuNjktNiA2LjAwMy02aDUzLjk5NEM5My4zMTIgMjggOTYgMzAuNjkzIDk2IDM0YzAgMy4zMTQtMi42OSA2LTYuMDAzIDZIMzYuMDAzQzMyLjY4OCA0MCAzMCAzNy4zMDcgMzAgMzR6Ii8+PC9zdmc+Cg==);
    height: 50px
}

.channel-members-loading .member {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iNDAiPjxwYXRoIGZpbGw9IiNGM0YzRjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgyNDB2NDBIMFYwem0zMCAyMGMwLTguMjg0IDYuNzE0LTE1IDE1LTE1IDguMjg0IDAgMTUgNi43MTQgMTUgMTUgMCA4LjI4NC02LjcxNCAxNS0xNSAxNS04LjI4NCAwLTE1LTYuNzE0LTE1LTE1em00MCAwYzAtMi43NiAyLjIzLTUgNC45OTMtNWg5MC4wMTRjMi43NTcgMCA0Ljk5MyAyLjI0NCA0Ljk5MyA1IDAgMi43Ni0yLjIzIDUtNC45OTMgNUg3NC45OTNDNzIuMjM2IDI1IDcwIDIyLjc1NiA3MCAyMHoiLz48L3N2Zz4K);
    height: 40px
}

.channel-members-loading .member:nth-child(2n-4),.channel-members-loading .member:nth-child(7n-1) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iNDAiPjxwYXRoIGZpbGw9IiNGM0YzRjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgyNDB2NDBIMFYwem0zMCAyMGMwLTguMjg0IDYuNzE0LTE1IDE1LTE1IDguMjg0IDAgMTUgNi43MTQgMTUgMTUgMCA4LjI4NC02LjcxNCAxNS0xNSAxNS04LjI4NCAwLTE1LTYuNzE0LTE1LTE1em00MCAwYzAtMi43NiAyLjI0Ny01IDUtNWg4MGMyLjc2MiAwIDUgMi4yNDQgNSA1IDAgMi43Ni0yLjI0NyA1LTUgNUg3NWMtMi43NjIgMC01LTIuMjQ0LTUtNXoiLz48L3N2Zz4K)
}

.channel-members-loading .member:nth-child(3n+2),.channel-members-loading .member:nth-child(7n+4) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iNDAiPjxwYXRoIGZpbGw9IiNGM0YzRjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgyNDB2NDBIMFYwem0zMCAyMGMwLTguMjg0IDYuNzE0LTE1IDE1LTE1IDguMjg0IDAgMTUgNi43MTQgMTUgMTUgMCA4LjI4NC02LjcxNCAxNS0xNSAxNS04LjI4NCAwLTE1LTYuNzE0LTE1LTE1em00MCAwYzAtMi43NiAyLjI0LTUgNS4wMDMtNWgxMDUuOTk0YzIuNzYzIDAgNS4wMDMgMi4yNDQgNS4wMDMgNSAwIDIuNzYtMi4yNCA1LTUuMDAzIDVINzUuMDAzQzcyLjI0IDI1IDcwIDIyLjc1NiA3MCAyMHoiLz48L3N2Zz4K)
}

.base-2KDOo9 {
    -ms-flex-direction: column;
    -ms-flex-pack: end;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    -webkit-box-sizing: border-box;
    background-position: 0 100%,100% 100%;
    background-repeat: no-repeat,no-repeat;
    background-size: 192px 80px,216px 64px;
    border-width: 0 0 1px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 95px;
    justify-content: flex-end;
    padding-bottom: 14px
}

.chat .base-2KDOo9 h1 {
    color: #949494;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin: 0
}

.base-2KDOo9 strong {
    font-weight: 700
}

.base-2KDOo9+.message-group-blocked {
    margin-top: 12px
}

.default-KP1fvY {
    margin-left: 20px;
    margin-right: 20px
}

.theme-light .base-2KDOo9 {
    background-image: url(/assets/012426a1f0780d7d36be6c39d9c1e6ed.png),url(/assets/6bf0150b5ab7622ea15150094e3c4850.png);
    border-color: #eceeef
}

.theme-dark .base-2KDOo9 {
    background-image: url(/assets/5eed3f20bc3c75fd5ff63c60df8f679d.png),url(/assets/129bf63f677720a34bc7ffeb74468a0e.png);
    border-color: hsla(0,0%,100%,.02)
}

.welcomeMessage-1U7Ntv {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 20px
}

.app .welcomeMessage-1U7Ntv h1 {
    color: #7289da;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase
}

.welcomeMessage-1U7Ntv .h1-DagER3 {
    margin: 15px 0
}

.welcomeMessage-1U7Ntv p {
    color: #87909c;
    font-size: 15px;
    line-height: 150%;
    margin-bottom: 20px;
    margin-left: 22px;
    margin-top: 9px;
    width: 334px
}

.welcomeMessage-1U7Ntv strong {
    font-weight: 700
}

.welcomeMessage-1U7Ntv a {
    color: #00b0f4;
    cursor: pointer
}

.itemContainer-1EG0dY {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row
}

.emptyMessage-l8lAC4 {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.icon-1LRvbH {
    height: 50px;
    width: 50px
}

.exclamation-yQYZAc {
    background: url(/assets/7616be62f9b90270b5a2e1fe9d2ece4f.svg) 50% no-repeat
}

.share-8x5Ppc {
    background: url(/assets/07778297eb1e1e3d9bd3cd302920d5fb.svg) 50% no-repeat
}

.apps-1ch6fe {
    background: url(/assets/db7900a7a191ecf1949f15dd20dce2b2.svg) 50% no-repeat
}

.mobile-3o7N-v {
    background: url(/assets/83d501f2b7dd2987302ce29b321f4494.svg) 50% no-repeat
}

.twitter-3sMg1m {
    background: url(/assets/326d79eb53886c88437e99a3754b1cd0.svg) 50% no-repeat
}

.theme-dark .welcomeMessage-1U7Ntv a {
    color: #0096cf
}

.message-group {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-box-sizing: border-box;
    -webkit-user-select: text;
    border-bottom: 1px solid #eceeef;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    margin-right: 6px;
    padding: 20px 0;
    user-select: text;
    word-wrap: break-word
}

.message-group .embed .markup {
    font-size: 0.875rem!important;
    line-height: 1rem!important;
    white-space: pre-line
}

.message-group .embed .markup pre {
    max-width: 100%!important
}

.message-group.is-local-bot-message {
    -webkit-box-shadow: -20px 0 #f8f8f8,20px 0 #fff,-20px -1px 0 0 #eceeef,-20px 1px 0 #eceeef,20px 1px 0 #eceeef,20px -1px 0 #eceeef;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(80%,rgba(243,243,243,60%)),to(#fff));
    background-image: linear-gradient(90deg,hsla(0,0%,95%,.6) 80%,#fff);
    border-color: transparent;
    box-shadow: -20px 0 #f8f8f8,20px 0 #fff,-20px -1px 0 0 #eceeef,-20px 1px 0 #eceeef,20px 1px 0 #eceeef,20px -1px 0 #eceeef
}

.message-group .sink-interactions {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.message-group .sink-interactions.clickable {
    cursor: pointer
}

.message-group a {
    -webkit-transition: .05s;
    color: #00b0f4;
    cursor: pointer;
    text-decoration: none;
    transition: .05s
}

.message-group a:hover {
    text-decoration: underline
}

.message-group .local-bot-message {
    color: rgba(79,84,92,.3);
    font-size: 0.625rem;
    font-weight: 500;
    margin-top: 8px
}

.message-group .message-text.april-fools {
    background: -webkit-gradient(linear,right top,left top,from(rgba(255,0,0,.2)),color-stop(rgba(255,255,0,.2)),color-stop(rgba(0,255,0,.2)),to(rgba(0,0,255,.2)));
    background: linear-gradient(270deg,rgba(255,0,0,.2),rgba(255,255,0,.2),rgba(0,255,0,.2),rgba(0,0,255,.2));
    border-radius: 4px
}

.message-group .message.message-sending .message-text {
    opacity: .5
}

.message-group .message.message-send-failed .hljs,.message-group .message.message-send-failed .markup,.message-group .message.message-send-failed a {
    color: #f04747
}

.message-group .message .markup a {
    direction: ltr;
    unicode-bidi: bidi-override
}

.message-group .mentioned .message-text {
    background: rgba(250,166,26,.2);
    border-radius: 0 2px 2px 0;
    position: relative
}

.message-group .mentioned .message-text:after {
    background: rgba(250,166,26,.2);
    border-left: 4px solid #faa61a;
    border-radius: 2px 0 0 2px;
    bottom: 0;
    content: " ";
    left: -6px;
    position: absolute;
    top: 0;
    width: 2px
}

.message-group .edit-message {
    margin: 6px -26px 0 -80px;
    padding-bottom: 2px;
    padding-top: 6px!important
}

.message-group .edit-message .edit-container-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    margin-right: 6px
}

.message-group .edit-message .edit-container-inner {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    margin-right: 20px
}

.message-group .edit-message .edit-operation {
    color: #99aab5;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 7px 0;
    text-align: end
}

.message-group .edit-message .edit-operation>a {
    -webkit-transition: .05s;
    color: #7289da;
    cursor: pointer;
    text-decoration: none;
    transition: .05s
}

.message-group .edit-message .edit-operation>a:hover {
    text-decoration: underline
}

.message-group .edit-message.edit-first-message {
    margin-top: -6px
}

.message-group .btn-option,.message-group .btn-reaction {
    background-size: 16px 16px;
    cursor: pointer;
    float: right;
    height: 16px;
    opacity: .4;
    visibility: hidden;
    width: 16px
}

.message-group .btn-option.popout-open,.message-group .btn-option:hover,.message-group .btn-reaction.popout-open,.message-group .btn-reaction:hover {
    opacity: 1!important;
    visibility: visible!important
}

.message-group .btn-option {
    background: url(/assets/2dd15212a5145d5d3f68ac0d76fe7165.svg) 50% no-repeat
}

.message-group .btn-reaction {
    background: url(/assets/fcf4e109bf6d561ae3cc2d52a5a88936.svg) 50% no-repeat;
    margin-right: 4px
}

.message-group .comment>div:hover .btn-option,.message-group .comment>div:hover .btn-reaction,.message-group .system-message>div:hover .btn-option,.message-group .system-message>div:hover .btn-reaction {
    visibility: visible!important
}

.message-group .accessory {
    -ms-flex-align: start;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-right: 4px
}

.message-group .accessory>* {
    margin-top: 8px
}

.message-group.has-divider {
    border-color: transparent
}

.message-group .via {
    -webkit-transition: .15s;
    transition: .15s;
    visibility: hidden
}

.message-group .via a {
    color: #99aab5;
    text-decoration: underline
}

.message-group:hover .via {
    visibility: visible
}

.message-group:last-of-type,.message-group:last-of-type:after {
    border-bottom: none
}

.message-group .emoji {
    margin-bottom: -5px
}

.message-group .image {
    max-width: 520px;
    vertical-align: bottom
}

.message-group .avatar-large {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    margin-top: -2px
}

.message-group h2 {
    margin: 0;
    padding: 0
}

.message-group h2 strong {
    color: #2f3136;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0
}

.message-group h2 .timestamp {
    color: #99aab5;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0;
    margin-left: 6px;
    text-transform: none
}

.message-group .highlight-separator {
    color: #99aab5;
    display: inline-block;
    opacity: 0;
    width: 0
}

.message-group .highlight-separator.right-pad {
    text-indent: -10px
}

.message-group .highlight-separator.left-pad {
    text-indent: 10px
}

.message-group .comment {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    margin-right: 20px;
    min-width: 0
}

.message-group .comment .markup {
    color: #737f8d;
    font-size: 0.9375rem;
    line-height: 1.1em;
    margin-top: 6px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.message-group .comment .markup strong {
    font-weight: 700
}

.message-group .comment .markup em {
    font-style: italic
}

.message-group .comment .markup pre {
    -webkit-box-sizing: border-box;
    background: #f9f9f9;
    border: 2px solid #f3f3f3;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: Consolas,Liberation Mono,Menlo,Courier,monospace;
    font-size: 0.75rem;
    margin-top: 6px;
    max-width: 90%;
    white-space: pre-wrap
}

.message-group .comment .markup pre code {
    background: #f9f9f9;
    font-size: 0.875rem;
    line-height: 1rem;
    text-indent: 0
}

.message-group .comment .markup code.inline {
    background: #f9f9f9;
    border-radius: 3px;
    font-family: Consolas,Liberation Mono,Menlo,Courier,monospace;
    font-size: 85%;
    height: auto;
    padding: .2em;
    text-indent: 0;
    width: auto
}

.message-group .comment .edited {
    color: #99aab5;
    cursor: pointer;
    font-size: 0.625rem;
    line-height: 0.625rem;
    margin-left: 3px
}

.message-group.compact .comment,.message-group .game-invite-embed {
    width: 100%
}

.message-group.compact .accessory {
    padding-left: 100px
}

.message-group.compact .emoji {
    height: 1rem;
    vertical-align: text-bottom;
    width: 1rem
}

.message-group.compact .emoji.jumboable {
    height: 16px;
    width: 16px
}

.message-group.compact.message-group {
    padding: 3px 0
}

.message-group.compact.message-group .local-bot-message {
    margin-left: 72px;
    margin-top: 0
}

.message-group.compact .timestamp {
    color: #d1d9de;
    display: inline-block;
    font-size: 0.6875rem;
    line-height: 1rem;
    overflow: hidden;
    padding-right: 5px;
    text-align: right;
    vertical-align: text-bottom;
    width: 65px
}

.message-group.compact .message {
    line-height: 1.125rem;
    margin: 6px 0;
    padding: 0;
    vertical-align: text-bottom
}

.message-group.compact .message .btn-option {
    margin-left: 5px
}

.message-group.compact .message:not(.first) .timestamp {
    color: transparent!important
}

.message-group.compact .message:hover .timestamp {
    color: #99aab5!important
}

.message-group.compact .message .message-text .markup {
    padding-left: 100px;
    text-indent: -100px
}

.message-group.compact .message .message-text .markup .message-content {
    word-wrap: break-word
}

.message-group.compact .message .message-text .markup.mentioned .timestamp {
    color: #b3bfc8
}

.message-group.compact .message .message-text .markup .user-name {
    color: #4f545c;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    margin-right: 5px;
    word-break: break-all
}

.message-group.compact .edit-message {
    margin-left: 0;
    margin-top: 0!important;
    padding-top: 2px!important
}

.message-group.compact .edit-message.edit-first-message {
    padding-top: 8px!important
}

.message-group.compact .edit-message .edit-container-outer {
    margin-left: 0
}

.theme-dark .message-group:not(.has-divider) {
    border-bottom-color: hsla(0,0%,100%,.04)
}

.theme-dark .message-group.is-local-bot-message {
    -webkit-box-shadow: -20px 0 #33373b,20px 0 #36393e,-20px -1px 0 0 #3e4146,-20px 1px 0 #3e4146,20px 1px 0 #3e4146,20px -1px 0 #3e4146;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(80%,rgba(47,49,54,30%)),to(#36393e));
    background-image: linear-gradient(90deg,rgba(47,49,54,.3) 80%,#36393e);
    border-color: transparent;
    box-shadow: -20px 0 #33373b,20px 0 #36393e,-20px -1px 0 0 #3e4146,-20px 1px 0 #3e4146,20px 1px 0 #3e4146,20px -1px 0 #3e4146
}

.theme-dark .message-group h2 strong {
    color: #fff
}

.theme-dark .message-group h2 .timestamp {
    color: hsla(0,0%,100%,.2)
}

.theme-dark .message-group a {
    color: #0096cf
}

.theme-dark .message-group .edit-message .edit-operation {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .message-group .comment .markup {
    color: hsla(0,0%,100%,.7)
}

.theme-dark .message-group .comment .markup .mention {
    background-color: rgba(115,139,215,.1)
}

.theme-dark .message-group .comment .markup .mention:hover {
    background-color: rgba(115,139,215,.7)
}

.theme-dark .message-group .comment .markup pre {
    background: #2f3136;
    border-color: #282b30
}

.theme-dark .message-group .comment .markup code.inline,.theme-dark .message-group .comment .markup pre code {
    background: #2f3136
}

.theme-dark .message-group .comment .edited {
    color: hsla(0,0%,100%,.2)
}

.theme-dark .message-group .comment .message-send-failed .markup,.theme-dark .message-group .comment .message-send-failed a {
    color: #f04747
}

.theme-dark .message-group.compact .message .markup .user-name {
    color: #f9f9f9
}

.theme-dark .message-group.compact .timestamp {
    color: hsla(0,0%,100%,.2)
}

.theme-dark .message-group.compact .mentioned .timestamp {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .message-group .mentioned .message-text {
    background: rgba(250,166,26,.1)
}

.theme-dark .message-group .local-bot-message {
    color: hsla(0,0%,98%,.3)
}

.a11y-font-scaled-up .message-group .markup .emoji {
    vertical-align: bottom
}

.a11y-font-scaled-up .message-group.compact .markup {
    white-space: pre-line
}

.a11y-font-scaled-up .message-group.compact .markup .emoji {
    vertical-align: text-bottom
}

.a11y-font-scaled-up .message-group.compact .timestamp {
    display: inline-block
}

.a11y-font-scaled-down .message-group.compact .markup .emoji {
    vertical-align: text-bottom
}

.a11y-font-scaled-down .message-group.compact .markup .message-content,.a11y-font-scaled-down .message-group.compact .markup .timestamp,.a11y-font-scaled-down .message-group.compact .markup .username-wrapper {
    vertical-align: middle
}

.activityInviteEducation-2W00Kk {
    -webkit-transition: opacity .2s;
    -webkit-transition-delay: .5s;
    opacity: 0;
    transition: opacity .2s;
    transition-delay: .5s;
    z-index: 1
}

.activityInviteEducationFadeIn-3YO52S {
    opacity: 1
}

.activityInviteEducationArrow-2YqVm7 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px 10px;
    display: inline-block;
    height: 15px;
    margin: 0 5px 0 15px;
    position: relative;
    top: 4px;
    width: 15px
}

.typing-3eiiL_ {
    bottom: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    height: 26px;
    left: 0;
    line-height: 24px;
    overflow-y: hidden;
    position: absolute;
    resize: none;
    width: 100%
}

.typing-3eiiL_ strong {
    font-weight: 700
}

.typing-3eiiL_ .text-1rI06- {
    display: inline-block
}

.typing-3eiiL_ .ellipsis--nKTEd {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: -3px
}

.theme-dark .activityInviteEducationArrow-2YqVm7 {
    background-image: url(/assets/ba018cf9baa19824316dc4c2beb080a4.svg)
}

.theme-dark .typing-3eiiL_ {
    background-color: #36393e
}

.theme-dark .typing-3eiiL_ .ellipsis--nKTEd div {
    background-color: hsla(0,0%,100%,.8)
}

.theme-dark .typing-3eiiL_ span {
    color: hsla(0,0%,100%,.8)
}

.theme-light .activityInviteEducationArrow-2YqVm7 {
    background-image: url(/assets/4b89ef91230382c6b96b00748a084c75.svg)
}

.theme-light .typing-3eiiL_ {
    background-color: hsla(0,0%,100%,.8);
    color: #737f8d
}

.status {
    -ms-flex-negative: 0;
    border-radius: 7px;
    display: inline-block;
    flex-shrink: 0;
    height: 10px;
    width: 10px
}

.status.status-typing {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    right: -11px!important;
    width: 26px!important
}

.status.status-typing .spinner-item {
    background-color: #fff;
    border-radius: 3px;
    display: inline-block;
    height: 4px;
    opacity: .3;
    width: 4px
}

.status.status-typing .spinner-item+div {
    margin-left: + 2px
}

.status-online {
    background-color: #43b581
}

.status-idle {
    background-color: #faa61a
}

.status-dnd {
    background-color: #f04747
}

.status-invisible,.status-offline {
    background-color: #747f8d
}

.status-streaming {
    background-color: #593695
}

.status-unknown {
    -webkit-box-sizing: border-box;
    background-color: transparent;
    border: 2px solid #747f8d;
    box-sizing: border-box
}

.wrapper-31dmVW {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    background-position: 0 100%,100% 100%;
    background-repeat: no-repeat,no-repeat;
    background-size: 187px 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    font-weight: 500;
    justify-content: center;
    margin: 20px 0;
    min-height: 56px;
    width: 100%
}

.wrapper-31dmVW button {
    -webkit-transition: background-color .2s ease;
    background-color: #7289da;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 9px;
    padding: 0 23px;
    transition: background-color .2s ease
}

.wrapper-31dmVW button:hover {
    background-color: #697ec4
}

.theme-dark .wrapper-31dmVW {
    background-image: url(/assets/e78d08ee484c06a9eed33e095ecfedc0.png),url(/assets/c379ee3964cb272ae18fd593ed273269.png);
    color: hsla(0,0%,100%,.3)
}

.theme-light .wrapper-31dmVW {
    background-image: url(/assets/1aa863b412b83485563c18ce187dfb97.png),url(/assets/2606bab3552a38c536274dc63803d74a.png);
    color: #99aab5
}

.need-help-modal.deprecated {
    -ms-flex: 1;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column
}

.need-help-modal.deprecated a {
    -webkit-transition: color .2s ease-in-out;
    color: #00b0f4;
    text-decoration: none;
    transition: color .2s ease-in-out
}

.need-help-modal.deprecated a:hover {
    color: #009edc
}

.need-help-modal.deprecated .header {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    background-color: #7289da;
    border-radius: 5px 5px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 120px;
    justify-content: center;
    padding: 0
}

.need-help-modal.deprecated .header h1 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 38px 0 0
}

.need-help-modal.deprecated .header input[type=text] {
    -webkit-box-shadow: 0 2px 1px #697ec4;
    -webkit-box-sizing: border-box;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 1px #697ec4;
    box-sizing: border-box;
    color: #555;
    font-size: 14px;
    height: 40px;
    margin: 15px 0;
    padding: 10px;
    width: 460px
}

.need-help-modal.deprecated .header input[type=text]::-webkit-input-placeholder {
    color: #c2ccd3
}

.need-help-modal.deprecated .header input[type=text]:focus {
    border-bottom: 1px solid #f0f0f0;
    margin: 15px 0
}

.need-help-modal.deprecated .form-inner {
    -ms-flex-align: start;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-height: 200px;
    padding: 38px
}

.need-help-modal.deprecated .form-inner.loading {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    justify-content: center
}

.need-help-modal.deprecated .form-inner .failed {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.need-help-modal.deprecated .form-inner .failed .poop {
    background-image: url(/assets/34476a09f00a19a187555d005898081d.svg);
    background-repeat: no-repeat;
    background-size: 78px 79px;
    height: 79px;
    margin-bottom: 15px;
    width: 78px
}

.need-help-modal.deprecated .form-inner .failed p {
    color: #dbdde1;
    font-size: 14px;
    font-weight: 700;
    margin: 0
}

.need-help-modal.deprecated .form-inner .failed p+p {
    margin-top: 2px
}

.need-help-modal.deprecated ul li {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px
}

.need-help-modal.deprecated ul li+li {
    margin-top: 12px
}

.need-help-modal.deprecated .footer {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #e9e7e7;
    color: #99aab5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    padding: 20px 0 20px 38px
}

.need-help-modal.deprecated .footer a {
    margin-left: 4px
}

.messages-popout-wrap {
    min-height: 384px;
    width: 420px
}

.messages-popout-wrap .header {
    padding: 12px 20px
}

.messages-popout-wrap .footer {
    height: 53px
}

.messages-popout-wrap .loading-more {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.messages-popout-wrap .loading-more .spinner {
    display: inline-block;
    margin: 0
}

.messages-popout-wrap .has-more,.messages-popout-wrap .loading-more {
    height: 36px;
    margin-top: 10px
}

.messages-popout-wrap .has-more {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.messages-popout-wrap .has-more button {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    background: #fcfcfc;
    border: 1px solid #e3e5e7;
    border-radius: 3px;
    color: #7289da;
    flex-grow: 1;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.messages-popout-wrap .has-more button:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 1px 3px rgba(0,0,0,.08)
}

.messages-popout {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    flex: 1;
    padding: 13px 5px 7px 13px
}

.messages-popout .scrolling-footer-wrap {
    height: 190px;
    margin-bottom: -7px;
    position: relative
}

.messages-popout .empty-placeholder {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

.messages-popout .empty-placeholder.bottom {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.messages-popout .empty-placeholder.bottom .image {
    margin-top: 25px
}

.messages-popout .empty-placeholder.loading-placeholder {
    margin-top: 100px
}

.messages-popout .empty-placeholder .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 94px 120px;
    height: 120px;
    width: 120px
}

.messages-popout .empty-placeholder .body {
    color: #737f8d;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin-top: 20px;
    text-align: center;
    white-space: pre
}

.messages-popout .loading-placeholder {
    margin-top: 240px
}

.messages-popout .channel-separator {
    margin-bottom: 10px;
    margin-top: 26px
}

.messages-popout .channel-separator .channel-name {
    color: #4f545c;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px
}

.messages-popout .channel-separator .channel-name:hover {
    text-decoration: underline
}

.messages-popout .channel-separator .guild-name {
    color: rgba(79,84,92,.3);
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-left: 4px
}

.messages-popout .channel-separator:first-of-type {
    margin-top: 13px
}

.messages-popout .message-group {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: border-color .1s ease-in-out;
    -webkit-user-select: none;
    border: 2px solid rgba(28,36,43,.06);
    border-radius: 5px;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    transition: border-color .1s ease-in-out;
    user-select: none
}

.messages-popout .message-group:last-of-type {
    border: 2px solid rgba(28,36,43,.06)
}

.messages-popout .message-group:hover {
    border-color: rgba(28,36,43,.12)
}

.messages-popout .message-group:hover .action-buttons {
    -webkit-box-shadow: 0 0 6px 4px #fff;
    background-color: #fff;
    box-shadow: 0 0 6px 4px #fff
}

.messages-popout .message-group:hover .action-buttons .jump-button {
    opacity: 1
}

.messages-popout .message-group:hover .action-buttons .close-button {
    opacity: .3
}

.messages-popout .message-group .action-buttons {
    -webkit-box-shadow: 0 0 6px 4px transparent;
    -webkit-transition: background-color .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    background-color: transparent;
    box-shadow: 0 0 6px 4px transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: background-color .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out,background-color .1s ease-in-out
}

.messages-popout .message-group .action-buttons .jump-button {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: opacity .1s ease-in-out,color .1s ease-in-out;
    -webkit-user-select: none;
    background-color: #ebebeb;
    border-radius: 3px;
    color: rgba(115,127,141,.6);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    font-weight: 500;
    height: 14px;
    line-height: 14px;
    margin-left: 6px;
    margin-right: 4px;
    opacity: 0;
    padding: 2px 8px;
    position: relative;
    text-align: center;
    transition: opacity .1s ease-in-out,color .1s ease-in-out;
    user-select: none
}

.messages-popout .message-group .action-buttons .jump-button:hover {
    color: #737f8d
}

.messages-popout .message-group .action-buttons .jump-button .text.hidden {
    opacity: 0
}

.messages-popout .message-group .action-buttons .jump-button .loading {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.messages-popout .message-group .action-buttons .jump-button .loading.visible {
    opacity: 1
}

.messages-popout .message-group .action-buttons .close-button {
    -webkit-transition: opacity .1s ease-in-out;
    background-image: url(/assets/322977be43163c5e0a9d2a1108ae04c9.svg);
    background-position: 50%;
    background-size: 16px 16px;
    cursor: pointer;
    height: 16px;
    margin-top: 1px;
    opacity: 0;
    transition: opacity .1s ease-in-out;
    width: 16px
}

.messages-popout .message-group .action-buttons .close-button:hover {
    opacity: .6
}

.messages-popout .message-group .avatar-large {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 20px 0 0
}

.messages-popout .message-group .comment {
    margin: 0;
    padding: 0
}

.messages-popout .message-group .message {
    max-width: 296px
}

.messages-popout .message-group .message img {
    height: auto;
    max-width: 100%
}

.messages-popout .message-group.compact .message {
    max-width: unset;
    padding-right: 10px
}

.messages-popout .message-group.compact .action-buttons {
    right: 8px;
    top: 8px
}

.theme-dark .messages-popout-wrap {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,20%);
    background-color: #2f3136;
    border: 1px solid rgba(28,36,43,.6);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.theme-dark .messages-popout-wrap .header {
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,20%);
    background-color: #35393e;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2)
}

.theme-dark .messages-popout-wrap .header .title {
    color: #fff
}

.theme-dark .messages-popout-wrap .footer {
    background-color: rgba(40,43,48,.6)
}

.theme-dark .messages-popout-wrap .footer .tip .body {
    color: hsla(0,0%,100%,.6)
}

.theme-dark .messages-popout-wrap .has-more button {
    background: #32353a;
    border: 1px solid #2f3136
}

.theme-dark .messages-popout-wrap .has-more button:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.16);
    box-shadow: 0 1px 3px rgba(0,0,0,.16)
}

.theme-dark .messages-popout-wrap .messages-popout .empty-placeholder .body {
    color: hsla(0,0%,100%,.2);
    font-size: 16px;
    line-height: 19px
}

.theme-dark .messages-popout-wrap .messages-popout .channel-separator .channel-name {
    color: #fff
}

.theme-dark .messages-popout-wrap .messages-popout .channel-separator .guild-name {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .messages-popout-wrap .messages-popout .message-group {
    background-color: #36393e;
    border-color: rgba(28,36,43,.6)
}

.theme-dark .messages-popout-wrap .messages-popout .message-group:hover {
    border-color: rgba(28,36,43,.8)
}

.theme-dark .messages-popout-wrap .messages-popout .message-group:hover .action-buttons {
    -webkit-box-shadow: 0 0 6px 4px #36393e;
    background-color: #36393e;
    box-shadow: 0 0 6px 4px #36393e
}

.theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button {
    background-color: #535559;
    color: hsla(0,0%,100%,.6)
}

.theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button:hover {
    color: #fff
}

.theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .close-button {
    background-image: url(/assets/b1c929f9160a3fe04306b6aef6fa1c02.svg)
}

.tab-bar-item {
    -ms-flex-negative: 0;
    cursor: pointer;
    flex-shrink: 0
}

.tab-bar-item.selected {
    cursor: default;
    pointer-events: none
}

.tab-bar.TOP {
    -ms-flex-negative: 0;
    border-bottom: 1px solid #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    margin-bottom: 28px
}

.tab-bar.TOP .tab-bar-item {
    color: #87909c;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: -1px;
    padding-bottom: 15px
}

.tab-bar.TOP .tab-bar-item+.tab-bar-item {
    margin-left: 12px
}

.tab-bar.TOP .tab-bar-item:hover {
    border-bottom: 2px solid #87909c
}

.tab-bar.TOP .tab-bar-item.selected {
    border-bottom: 2px solid #7289da;
    color: #7289da
}

.tab-bar.SIDE {
    -ms-flex: 1;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-right: -15px;
    overflow-y: scroll
}

.tab-bar.SIDE .tab-bar-header,.tab-bar.SIDE .tab-bar-item {
    -ms-flex-negative: 0;
    display: inline-block;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 1.25em;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tab-bar.SIDE .tab-bar-header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-shadow: 0 1px 0 rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    font-weight: 700;
    overflow: hidden;
    padding-bottom: 20px;
    padding-left: 18px;
    padding-top: 20px;
    text-transform: uppercase;
    white-space: normal
}

.tab-bar.SIDE .tab-bar-item {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    color: hsla(0,0%,100%,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    padding: 8px 6px 10px 20px;
    text-decoration: none
}

.tab-bar.SIDE .tab-bar-item:before {
    border-left: 4px solid #7289da;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.tab-bar.SIDE .tab-bar-item.selected,.tab-bar.SIDE .tab-bar-item:hover {
    color: #fff
}

.tab-bar.SIDE .tab-bar-item:hover {
    font-weight: 400
}

.tab-bar.SIDE .tab-bar-item:hover:before {
    opacity: .3
}

.tab-bar.SIDE .tab-bar-item.selected:before {
    opacity: 1
}

.recent-mentions-popout .header {
    padding-bottom: 0
}

.recent-mentions-popout .header .header-tab-bar-wrapper {
    -ms-flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 18px
}

.recent-mentions-popout .header .tab-bar.TOP {
    border-bottom-color: transparent;
    margin-bottom: 0
}

.recent-mentions-popout .header .tab-bar-item {
    color: rgba(115,127,141,.3);
    font-size: 14px;
    line-height: 16px
}

.recent-mentions-popout .header .tab-bar-item.selected {
    border-bottom-color: #737f8d;
    color: #737f8d
}

.recent-mentions-popout .header .mention-filter {
    -ms-flex-align: start;
    -ms-flex-direction: row;
    -ms-flex-pack: end;
    -webkit-box-align: start;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: end;
    align-items: flex-start;
    background-image: url(/assets/124a09b8684fa95bdd529d71fbe66f01.svg);
    background-position: right 6px;
    background-repeat: no-repeat;
    background-size: 9px 5px;
    color: rgba(115,127,141,.3);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: flex-end;
    line-height: 16px;
    padding-right: 15px
}

.recent-mentions-popout .header .mention-filter .label {
    display: inline-block
}

.recent-mentions-popout .header .mention-filter .value {
    color: #737f8d;
    display: inline-block;
    margin-left: 4px;
    text-transform: lowercase
}

.recent-mentions-popout .loading-more {
    min-height: 179px
}

.recent-mentions-filter-popout {
    min-width: 210px!important;
    position: relative!important;
    width: auto!important
}

.theme-dark .recent-mentions-popout .mention-filter {
    background-image: url(/assets/a548e6d1dcea000b680726ff489a84a8.svg)
}

.theme-dark .recent-mentions-popout .tab-bar-item {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .recent-mentions-popout .tab-bar-item.selected {
    border-bottom-color: #fff;
    color: #fff
}

.theme-dark .recent-mentions-popout .mention-filter {
    color: #fff
}

.theme-dark .recent-mentions-popout .mention-filter .label {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .recent-mentions-popout .mention-filter .value {
    color: #fff
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before {
    -webkit-box-sizing: content-box;
    border: 8px solid transparent;
    box-sizing: content-box;
    height: 0;
    position: absolute;
    width: 1px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before {
    border-bottom-color: #aeaeae;
    border-width: 8px;
    content: "";
    left: -8px;
    z-index: -1
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    margin-top: -8px;
    top: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #f0f0f0;
    border-top: none
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #aeaeae;
    top: -1px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before {
    border-bottom: none;
    border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before {
    border-top-color: #aeaeae;
    bottom: -1px
}

.react-datepicker-wrapper {
    display: inline-block
}

.react-datepicker {
    background-color: #fff;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    color: #000;
    display: inline-block;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .8rem;
    position: relative
}

.react-datepicker__triangle {
    left: 50px;
    position: absolute
}

.react-datepicker-popper {
    z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
    margin-top: 10px
}

.react-datepicker-popper[data-placement^=top] {
    margin-bottom: 6px
}

.react-datepicker-popper[data-placement^=right] {
    margin-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px
}

.react-datepicker-popper[data-placement^=left] {
    margin-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto
}

.react-datepicker__header {
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding-top: 8px;
    position: relative;
    text-align: center
}

.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 2px
}

.react-datepicker__current-month {
    color: #000;
    font-size: .944rem;
    font-weight: 700;
    margin-top: 0
}

.react-datepicker__navigation {
    border: .45rem solid transparent;
    cursor: pointer;
    line-height: 1.7rem;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 0;
    z-index: 1
}

.react-datepicker__navigation--previous {
    border-right-color: #ccc;
    left: 10px
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b2b2
}

.react-datepicker__navigation--next {
    border-left-color: #ccc;
    right: 10px
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b2b2
}

.react-datepicker__navigation--years {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.react-datepicker__navigation--years-previous {
    border-top-color: #ccc;
    top: 4px
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b2b2
}

.react-datepicker__navigation--years-upcoming {
    border-bottom-color: #ccc;
    top: -4px
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b2b2
}

.react-datepicker__month-container {
    display: inline;
    float: left
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__day,.react-datepicker__day-name {
    color: #000;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__day {
    cursor: pointer
}

.react-datepicker__day:hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__day--today {
    font-weight: 700
}

.react-datepicker__day--highlighted {
    background-color: #3dcc4a;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--highlighted:hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected {
    background-color: #2a87d0;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(33,107,165,.5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled {
    color: #ccc;
    cursor: default
}

.react-datepicker__day--disabled:hover {
    background-color: transparent
}

.react-datepicker__input-container {
    display: inline-block;
    position: relative
}

.react-datepicker__month-read-view,.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem
}

.react-datepicker__month-read-view:hover,.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b2b2
}

.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow {
    border-width: .45rem;
    float: right;
    margin-left: 20px;
    position: relative;
    top: 8px
}

.react-datepicker__month-dropdown,.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    left: 25%;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 50%;
    z-index: 1
}

.react-datepicker__month-dropdown:hover,.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,.react-datepicker__year-option {
    display: block;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.react-datepicker__month-option:first-of-type,.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,.react-datepicker__year-option:last-of-type {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    user-select: none
}

.react-datepicker__month-option:hover,.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b2b2
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b2b2
}

.react-datepicker__month-option--selected,.react-datepicker__year-option--selected {
    left: 15px;
    position: absolute
}

.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 0;
    outline: 0;
    padding: 0;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    -webkit-box-sizing: border-box;
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\D7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%;
    width: 16px
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    clear: left;
    cursor: pointer;
    font-weight: 700;
    padding: 5px 0;
    text-align: center
}

.react-datepicker__portal {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-color: rgba(0,0,0,.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name {
    line-height: 3rem;
    width: 3rem
}

@media (max-height: 550px),(max-width:400px) {
    .react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name {
        line-height:2rem;
        width: 2rem
    }
}

.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__portal .react-datepicker__navigation {
    border: .81rem solid transparent
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b2b2
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #b3b2b2
}

.calendarPicker-16Q6sl .react-datepicker {
    border: none;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 20px
}

.calendarPicker-16Q6sl .react-datepicker__header {
    border-bottom: 0;
    padding-top: 0
}

.calendarPicker-16Q6sl .react-datepicker__current-month {
    border-bottom: 1px solid;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 0 0 20px;
    text-transform: uppercase
}

.calendarPicker-16Q6sl .react-datepicker__navigation.react-datepicker__navigation--next,.calendarPicker-16Q6sl .react-datepicker__navigation.react-datepicker__navigation--previous {
    -webkit-transform: rotate(180deg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 6px 12px;
    border: 1px solid;
    border-radius: 2px;
    height: 18px;
    left: 20px;
    top: 20px;
    transform: rotate(180deg);
    width: 18px
}

.calendarPicker-16Q6sl .react-datepicker__navigation.react-datepicker__navigation--next.react-datepicker__navigation--next,.calendarPicker-16Q6sl .react-datepicker__navigation.react-datepicker__navigation--previous.react-datepicker__navigation--next {
    -webkit-transform: rotate(0deg);
    left: auto;
    right: 20px;
    transform: rotate(0deg)
}

.calendarPicker-16Q6sl .react-datepicker__month {
    margin: 0
}

.calendarPicker-16Q6sl .react-datepicker__week:first-of-type>.react-datepicker__day:first-of-type {
    border-radius: 3px 0 0
}

.calendarPicker-16Q6sl .react-datepicker__week:first-of-type>.react-datepicker__day:last-of-type {
    border-radius: 0 3px 0 0
}

.calendarPicker-16Q6sl .react-datepicker__week:last-of-type>.react-datepicker__day {
    border-bottom: 1px solid #dcddde
}

.calendarPicker-16Q6sl .react-datepicker__week:last-of-type>.react-datepicker__day:first-of-type {
    border-radius: 0 0 0 3px
}

.calendarPicker-16Q6sl .react-datepicker__week:last-of-type>.react-datepicker__day:last-of-type {
    border-radius: 0 0 3px
}

.calendarPicker-16Q6sl .react-datepicker__week>.react-datepicker__day:last-of-type {
    border-right: 1px solid
}

.calendarPicker-16Q6sl .react-datepicker__day-names {
    margin-bottom: 10px
}

.calendarPicker-16Q6sl .react-datepicker__day-name {
    font-size: 13px;
    font-weight: 500;
    line-height: 1em;
    margin: 0;
    text-transform: uppercase;
    width: 40px
}

.calendarPicker-16Q6sl .react-datepicker__day {
    -webkit-box-sizing: border-box;
    border-left: 1px solid;
    border-top: 1px solid;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    margin: 0;
    position: relative;
    width: 40px
}

.calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:hover,.calendarPicker-16Q6sl .react-datepicker__day:hover {
    border-radius: 0
}

.calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected {
    background: none;
    border-radius: 0
}

.calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:after {
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.calendarPicker-16Q6sl .react-datepicker__day--disabled,.calendarPicker-16Q6sl .react-datepicker__day--outside-month {
    font-weight: 500
}

.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker,.theme-light .calendarPicker-16Q6sl .react-datepicker {
    background-color: #fff
}

.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__header,.theme-light .calendarPicker-16Q6sl .react-datepicker__header {
    background-color: #fff;
    border-color: hsla(210,3%,87%,.2)
}

.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__current-month,.theme-light .calendarPicker-16Q6sl .react-datepicker__current-month {
    border-bottom-color: hsla(210,3%,87%,.2);
    color: #4f545c
}

.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__navigation.react-datepicker__navigation--next,.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__navigation.react-datepicker__navigation--previous,.theme-light .calendarPicker-16Q6sl .react-datepicker__navigation.react-datepicker__navigation--next,.theme-light .calendarPicker-16Q6sl .react-datepicker__navigation.react-datepicker__navigation--previous {
    background-image: url(/assets/0fce6d7622d8173fcee0397634bff5b5.svg);
    border-color: #dcddde
}

.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__week:last-of-type .react-datepicker__day,.theme-light .calendarPicker-16Q6sl .react-datepicker__week:last-of-type .react-datepicker__day {
    border-bottom-color: #dcddde
}

.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__week .react-datepicker__day:last-of-type,.theme-light .calendarPicker-16Q6sl .react-datepicker__week .react-datepicker__day:last-of-type {
    border-right-color: #dcddde
}

.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day-name,.theme-light .calendarPicker-16Q6sl .react-datepicker__day-name {
    color: rgba(79,84,92,.6)
}

.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day,.theme-light .calendarPicker-16Q6sl .react-datepicker__day {
    border-left-color: #dcddde;
    border-top-color: #dcddde;
    color: #4f545c
}

.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:hover,.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day:hover,.theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:hover,.theme-light .calendarPicker-16Q6sl .react-datepicker__day:hover {
    background-color: #7289da;
    color: #fff
}

.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--disabled,.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--disabled:hover,.theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--disabled,.theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--disabled:hover {
    background-color: rgba(0,0,0,.05);
    color: rgba(0,0,0,.2)
}

.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:after,.theme-light .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:after {
    background-color: #7289da
}

.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day--disabled,.theme-dark .theme-light .calendarPicker-16Q6sl .react-datepicker__day--outside-month,.theme-light .calendarPicker-16Q6sl .react-datepicker__day--disabled,.theme-light .calendarPicker-16Q6sl .react-datepicker__day--outside-month {
    background-color: #f6f6f7;
    color: rgba(79,84,92,.3)
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker {
    background-color: #36393f
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__header {
    background-color: #36393f;
    border-color: rgba(24,25,28,.2)
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__current-month {
    border-bottom-color: rgba(24,25,28,.2);
    color: #f6f6f7
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__navigation.react-datepicker__navigation--next,.theme-dark .calendarPicker-16Q6sl .react-datepicker__navigation.react-datepicker__navigation--previous {
    background-image: url(/assets/7619529e87dad31fd2ae83d9b9583e49.svg);
    border-color: #18191c
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__week:last-of-type .react-datepicker__day {
    border-bottom-color: #18191c
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__week .react-datepicker__day:last-of-type {
    border-right-color: #18191c
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__day-name {
    color: hsla(240,6%,97%,.6)
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__day {
    border-left-color: #18191c;
    border-top-color: #18191c;
    color: #f6f6f7
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:hover,.theme-dark .calendarPicker-16Q6sl .react-datepicker__day:hover {
    background-color: #7289da;
    color: #fff
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--disabled,.theme-dark .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--disabled:hover {
    background-color: rgba(0,0,0,.05);
    color: rgba(0,0,0,.2)
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__day.react-datepicker__day--selected:after {
    background-color: #7289da
}

.theme-dark .calendarPicker-16Q6sl .react-datepicker__day--disabled,.theme-dark .calendarPicker-16Q6sl .react-datepicker__day--outside-month {
    background-color: #040405;
    color: hsla(240,6%,97%,.3)
}

.keybindShortcut-tTramc {
    color: #4f545c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    margin-bottom: 8px;
    margin-right: 10px;
    text-transform: uppercase
}

.keybindShortcut-tTramc,.keybindShortcut-tTramc span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.keybindShortcut-tTramc span {
    -webkit-box-shadow: inset 0 -4px 0 #caccce;
    border: 1px solid #95989d;
    border-radius: 2px;
    box-shadow: inset 0 -4px 0 #caccce;
    cursor: default;
    display: block;
    height: 23px;
    margin-right: 3px;
    min-height: 14px;
    min-width: 14px;
    padding: 3px 6px 4px;
    text-align: center
}

.keybindShortcut-tTramc span .bindArrow-3Mm64N {
    height: 10px;
    width: 10px
}

.keybindShortcut-tTramc span .bindArrow-3Mm64N.up-1u31pW {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.keybindShortcut-tTramc span .bindArrow-3Mm64N.left-38vbk- {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.keybindShortcut-tTramc span .bindArrow-3Mm64N.right-1-Yw85 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.keybindShortcut-tTramc span:active {
    -webkit-box-shadow: inset 0 -2px 0 #caccce;
    -webkit-transform: translateY(2px);
    border: 1px solid #000;
    box-shadow: inset 0 -2px 0 #caccce;
    color: #000;
    height: 21px;
    padding-bottom: 2px;
    transform: translateY(2px)
}

.keybindShortcut-tTramc span:active g {
    fill: #000
}

.dim-40B2HH span {
    background-color: #fff;
    color: #95989d
}

.dim-40B2HH span .bindArrow-3Mm64N g {
    fill: #95989d
}

.dim-40B2HH span:active {
    color: #777a7e
}

.dim-40B2HH span:active .bindArrow-3Mm64N g {
    fill: #777a7e
}

.dark-2Ll8iS span {
    -webkit-box-shadow: inset 0 -4px 0 rgba(35,39,42,.6);
    background-color: #4f545c;
    border-color: #202225;
    box-shadow: inset 0 -4px 0 rgba(35,39,42,.6);
    color: #95989d
}

.dark-2Ll8iS span .bindArrow-3Mm64N g {
    fill: #95989d
}

.dark-2Ll8iS span:active {
    -webkit-box-shadow: inset 0 -2px 0 #242629;
    box-shadow: inset 0 -2px 0 #242629;
    color: #777a7e
}

.dark-2Ll8iS span:active .bindArrow-3Mm64N g {
    fill: #777a7e
}

.keybindShortcutQuickSwitcher-2MifT2 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px
}

.keybindShortcutQuickSwitcher-2MifT2 span {
    margin-right: 0
}

.keybindShortcutQuickSwitcher-2MifT2.up {
    margin-left: 5px
}

.keybindShortcutTipsNav-OKAH82 {
    margin-left: 4px;
    margin-right: 0
}

.keybindShortcutTipsNav-OKAH82:first-of-type {
    margin-left: 0;
    margin-right: 4px
}

.keybindShortcutTipsNav-OKAH82:last-of-type {
    margin-right: 4px
}

.keybindShortcutTipsSelect-2VHe9M:last-of-type {
    margin-left: 16px;
    position: relative
}

.keybindShortcutTipsSelect-2VHe9M:last-of-type:before {
    content: "";
    height: 20px;
    left: -8px;
    position: absolute;
    top: 0;
    width: 1px
}

.theme-light .keybindShortcutTipsSelect-2VHe9M:last-of-type {
    margin-left: 16px;
    position: relative
}

.theme-light .keybindShortcutTipsSelect-2VHe9M:last-of-type:before {
    background-color: #dfe0e2;
    content: "";
    height: 20px;
    left: -8px;
    position: absolute;
    top: 0;
    width: 1px
}

.theme-dark .keybindShortcutTipsSelect-2VHe9M:last-of-type {
    margin-left: 16px;
    position: relative
}

.theme-dark .keybindShortcutTipsSelect-2VHe9M:last-of-type:before {
    background-color: #4f545c;
    content: "";
    height: 20px;
    left: -8px;
    position: absolute;
    top: 0;
    width: 1px
}

.keybindShortcutSearchPopout-22S46- {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0
}

.keyboardShortcuts-2mOq_C {
    margin: 0
}

.search-popout {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    background-color: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 320px
}

.search-popout .results-group {
    margin-top: -1px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative
}

.search-popout .results-group:before {
    border-top: 1px solid rgba(224,229,232,.6);
    content: "";
    display: block;
    margin: 0 20px;
    position: relative;
    top: -10px
}

.search-popout .results-group .header {
    color: #cacbce;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 20px 10px;
    text-transform: uppercase
}

.search-popout .results-group .search-clear-history,.search-popout .results-group .search-learn-more {
    cursor: pointer;
    height: 20px;
    opacity: .8;
    position: absolute;
    right: 15px;
    top: 12px;
    width: 20px
}

.search-popout .results-group .search-clear-history:hover,.search-popout .results-group .search-learn-more:hover {
    opacity: 1
}

.search-popout .results-group .search-learn-more {
    background: url(/assets/9d54895f1d48ef22ffcb1dae14e76bdf.svg) no-repeat 50% 50%
}

.search-popout .results-group .search-learn-more a {
    display: block;
    height: 100%;
    overflow: hidden;
    text-indent: -9999em;
    width: 100%
}

.search-popout .results-group .search-clear-history {
    background: url(/assets/8be8e7c66c7035a51f294dee367aea0a.svg) no-repeat 50% 50%;
    overflow: hidden;
    text-indent: -9999em
}

.search-popout .option {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 34px;
    margin: 0 10px;
    overflow: hidden;
    padding: 0 10px;
    position: relative
}

.search-popout .option:after {
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(80%,#fff));
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 80%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    z-index: 1
}

.search-popout .option.selected {
    background-color: #f3f3f3
}

.search-popout .option.selected:before {
    background: url(/assets/4a6f43b5cd1e641841b4141045c0e82d.svg) no-repeat 0 50%;
    content: "";
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    z-index: 2
}

.search-popout .option.selected:after {
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,95%,0)),color-stop(50%,#f3f3f3));
    background: linear-gradient(90deg,hsla(0,0%,95%,0),#f3f3f3 50%);
    width: 60px
}

.search-popout .option span {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-popout .option .non-text {
    color: #5e636a;
    margin: 0 4px
}

.search-popout .option .filter {
    margin: 0 2px 0 4px
}

.search-popout .option .answer {
    color: #4f545c;
    font-weight: 500;
    margin: 0 4px 0 2px
}

.search-popout .option strong {
    color: #4f545c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-popout .option .filter {
    color: #caccce;
    margin-right: 4px
}

.search-popout .option>:first-child {
    margin-left: 0
}

.search-popout .option.user .display-avatar {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    border-radius: 50%;
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 18px;
    width: 18px
}

.search-popout .option.user .displayed-nick {
    color: #5e636a;
    font-weight: 500;
    margin: 0 5px
}

.search-popout .option.user .display-username {
    color: #caccce;
    font-weight: 400
}

.search-popout .option.link-source strong {
    text-transform: capitalize
}

.search-popout .search-option .filter {
    color: #4f545c;
    font-weight: 500;
    margin: 0 4px 0 0
}

.search-popout .search-option .answer {
    color: #caccce;
    font-weight: 400
}

.search-popout .search-query {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    border: none;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0;
    color: #caccce;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: auto;
    line-height: 20px;
    margin: 0;
    padding: 20px
}

.search-popout .search-query.selected {
    background-color: #f9f9f9
}

.search-popout .search-query:after,.search-popout .search-query:before {
    display: none
}

.search-popout .search-query .search-for {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-size: 12px;
    line-height: 23px;
    overflow: hidden;
    padding-right: 10px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    word-wrap: break-word
}

.search-popout .search-query .search-for strong {
    color: #4f545c;
    font-size: 16px;
    line-height: 22px;
    text-transform: none
}

.search-popout .date-picker {
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-shadow: none;
    border-radius: 0;
    border-top: 1px solid #ebebeb;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.search-popout .date-picker .date-picker-hint {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    border-top: 1px solid rgba(224,229,232,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px;
    padding: 20px 0
}

.search-popout .date-picker .date-picker-hint .hint {
    color: #caccce;
    font-size: 16px
}

.search-popout .date-picker .date-picker-hint .hint-value {
    background-color: #7289da;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding: 0 3px
}

.search-popout .date-picker .date-picker-hint .hint-value:hover {
    background-color: #677bc4
}

.theme-dark .search-popout {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.search-result-channel-icon {
    color: #b9bbbe;
    margin-right: 4px;
    vertical-align: top
}

.search-result-channel-icon-background {
    opacity: .6
}

.search-result-channel-category {
    color: #b9bbbe;
    font-size: 10px;
    font-weight: 600;
    margin-left: 4px;
    text-transform: uppercase
}

.searchAnswer-yD90ey {
    border-radius: 0 2px 2px 0;
    margin-left: -2px;
    margin-right: 2px;
    padding: 0 3px 0 2px
}

.searchFilter-1fJ0cd {
    border-radius: 2px 0 0 2px;
    padding: 0 3px
}

.searchFilter-1fJ0cd+.searchFilter-1fJ0cd {
    margin-left: 3px
}

.searchFilter-1fJ0cd:first-child {
    margin-left: -3px
}

.searchAnswer-yD90ey,.searchFilter-1fJ0cd {
    color: #fff;
    display: inline-block;
    height: 22px
}

.theme-light .searchAnswer-yD90ey,.theme-light .searchFilter-1fJ0cd {
    background-color: #72767d
}

.theme-dark .searchAnswer-yD90ey,.theme-dark .searchFilter-1fJ0cd {
    background-color: #34383d
}

.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content {
    height: inherit;
    text-align: initial
}

.public-DraftEditor-content[contenteditable=true] {
    -webkit-user-modify: read-write-plaintext-only
}

.DraftEditor-root {
    position: relative
}

.DraftEditor-editorContainer {
    background-color: hsla(0,0%,100%,0);
    border-left: .1px solid transparent;
    position: relative;
    z-index: 1
}

.public-DraftEditor-block {
    position: relative
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
    text-align: left
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
    left: 0;
    text-align: left
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
    text-align: center
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
    text-align: right
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
    right: 0;
    text-align: right
}

.public-DraftEditorPlaceholder-root {
    color: #9197a3;
    position: absolute;
    z-index: 0
}

.public-DraftEditorPlaceholder-hasFocus {
    color: #bdc1c9
}

.DraftEditorPlaceholder-hidden {
    display: none
}

.public-DraftStyleDefault-block {
    position: relative;
    white-space: pre-wrap
}

.public-DraftStyleDefault-ltr {
    direction: ltr;
    text-align: left
}

.public-DraftStyleDefault-rtl {
    direction: rtl;
    text-align: right
}

.public-DraftStyleDefault-listLTR {
    direction: ltr
}

.public-DraftStyleDefault-listRTL {
    direction: rtl
}

.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul {
    margin: 16px 0;
    padding: 0
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
    margin-left: 1.5em
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
    margin-right: 1.5em
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
    margin-left: 3em
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
    margin-right: 3em
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
    margin-left: 4.5em
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
    margin-right: 4.5em
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
    margin-left: 6em
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
    margin-right: 6em
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
    margin-left: 7.5em
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
    margin-right: 7.5em
}

.public-DraftStyleDefault-unorderedListItem {
    list-style-type: square;
    position: relative
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
    list-style-type: disc
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
    list-style-type: circle
}

.public-DraftStyleDefault-orderedListItem {
    list-style-type: none;
    position: relative
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
    left: -36px;
    position: absolute;
    text-align: right;
    width: 30px
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
    position: absolute;
    right: -36px;
    text-align: left;
    width: 30px
}

.public-DraftStyleDefault-orderedListItem:before {
    content: counter(ol0) ". ";
    counter-increment: ol0
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
    content: counter(ol1) ". ";
    counter-increment: ol1
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
    content: counter(ol2) ". ";
    counter-increment: ol2
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
    content: counter(ol3) ". ";
    counter-increment: ol3
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
    content: counter(ol4) ". ";
    counter-increment: ol4
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
    counter-reset: ol0
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
    counter-reset: ol1
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
    counter-reset: ol2
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
    counter-reset: ol3
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
    counter-reset: ol4
}

.search {
    -webkit-app-region: no-drag;
    overflow: visible;
    position: relative;
    z-index: 100
}

.search.focused .search-bar,.search.open .search-bar,.search.popout-open .search-bar {
    width: 244px
}

.search .search-bar-icon {
    width: 30px
}

.search .search-bar {
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    -webkit-box-shadow: none;
    -webkit-box-sizing: border-box;
    -webkit-transition: width .2s ease-in-out;
    align-items: stretch;
    background-color: hsla(240,6%,97%,.6);
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    transition: width .2s ease-in-out;
    width: 144px
}

.search .search-bar .icon {
    top: 5px
}

.search .DraftEditor-root {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    color: #36393e;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    overflow: hidden
}

.search .DraftEditor-root .DraftEditor-editorContainer {
    border: none
}

.search .DraftEditor-root .public-DraftEditor-content,.search .DraftEditor-root .public-DraftEditorPlaceholder-root {
    padding: 3px 6px 20px
}

.search .DraftEditor-root .public-DraftEditorPlaceholder-root {
    color: rgba(79,84,92,.3);
    padding-left: 6px
}

.search .DraftEditor-root .public-DraftEditor-content {
    overflow-x: auto;
    overflow-y: hidden
}

.search .DraftEditor-root .public-DraftStyleDefault-block {
    display: inline-block;
    min-width: 1px;
    white-space: nowrap
}

.search .DraftEditor-root .public-DraftStyleDefault-block span {
    min-width: 1px
}

.theme-dark .search .search-bar {
    background-color: hsla(0,0%,100%,.1)
}

.theme-dark .search .search-bar .search-bar-icon .icon.icon-search-bar-eye-glass {
    background-image: url(/assets/4d254296157bb8927b7d53ed59beb0d8.svg)
}

.theme-dark .search .search-bar .search-bar-icon .icon.icon-search-bar-clear {
    background-image: url(/assets/368c9f2ca04e43b5a5ce7380d4622149.svg)
}

.theme-dark .search .search-bar .public-DraftEditorPlaceholder-root {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .search .search-bar .search-bar-clear {
    background-color: #9a9da0
}

.theme-dark .search .search-bar .search-bar-clear:before {
    background-color: #63666a
}

.theme-dark .search .search-bar .search-bar-clear:after {
    background-color: #9a9da0
}

.theme-dark .search .search-bar .search-bar-clear.active {
    background: #d6d7d8
}

.theme-dark .search .search-bar .search-bar-clear.active:after,.theme-dark .search .search-bar .search-bar-clear.active:before {
    background-color: #63666a
}

.theme-dark .search .search-bar .search-bar-clear.active:hover {
    background: #fff
}

.theme-dark .search .DraftEditor-root {
    color: #fff
}

.headerBar-cxbhPD {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0 8px 0 12px;
    visibility: visible;
    z-index: 1
}

.platform-osx .headerBar-cxbhPD {
    -webkit-app-region: drag
}

.title-2Ul_Rx {
    color: #4f545c;
    cursor: default;
    font-size: 18px;
    line-height: 22px
}

.icon-mr9wAc {
    -webkit-app-region: no-drag;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.iconInactive-WWHQEI {
    opacity: .6
}

.iconInactive-WWHQEI:hover {
    opacity: .8
}

.iconActive-3K4uxh {
}

.iconMargin-2Js7V9 {
    margin: 0 4px
}

.iconDisabled-1nQEk3 {
    cursor: not-allowed;
    opacity: .3
}

.iconBadgeWrapper-21q8nl {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.iconBadgeWrapper-21q8nl:hover .iconInactive-WWHQEI {
    opacity: .8
}

.iconBadge-1FYlQB {
    -webkit-box-shadow: none;
    background-color: #f04747;
    border: 2px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    height: 8px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 8px
}

.divider-1GKkV3 {
    height: 22px;
    margin: 0 4px;
    width: 1px
}

.theme-light .headerBar-cxbhPD {
    -webkit-box-shadow: 0 1px 0 #e3e5e8,0 2px 0 hsla(200,9%,93%,.25);
    background: #fff;
    box-shadow: 0 1px 0 #e3e5e8,0 2px 0 hsla(200,9%,93%,.25)
}

.theme-light .iconForeground-2c7s3m,.theme-light .title-2Ul_Rx {
    color: #4f545c
}

.theme-light .iconBadge-1FYlQB {
    border-color: #fff
}

.theme-light .divider-1GKkV3 {
    background-color: hsla(218,5%,47%,.3)
}

.theme-dark .headerBar-cxbhPD {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2),0 2px 0 rgba(0,0,0,.06);
    background: #36393f;
    box-shadow: 0 1px 0 rgba(0,0,0,.2),0 2px 0 rgba(0,0,0,.06)
}

.theme-dark .iconForeground-2c7s3m,.theme-dark .title-2Ul_Rx {
    color: #fff
}

.theme-dark .iconBadge-1FYlQB {
    border-color: #36393e
}

.theme-dark .divider-1GKkV3 {
    background: hsla(0,0%,85%,.1)
}

.updateIconForeground-2wrWU1 {
    fill: #43b581
}

.search-2--6aU {
    margin: 0 4px 0 8px
}

.private-channel-recipients-invite {
    -webkit-backface-visibility: visible;
    -webkit-transform-origin: top;
    backface-visibility: visible;
    overflow: hidden;
    transform-origin: top;
    width: 340px
}

.private-channel-recipients-invite .header {
    padding: 12px
}

.private-channel-recipients-invite .header .title {
    text-align: center
}

.private-channel-recipients-invite .header .subtitle {
    color: hsla(0,0%,100%,.3);
    font-size: 13px;
    font-weight: 400;
    margin-top: 4px;
    text-align: center
}

.private-channel-recipients-invite .header .subtitle.subtitle-warning {
    color: #f04747!important
}

.private-channel-recipients-invite .header .search-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 12px
}

.private-channel-recipients-invite .body {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    overflow-x: hidden
}

.private-channel-recipients-invite .body .scroller {
    height: 192px;
    overflow-x: hidden
}

.private-channel-recipients-invite .footer button {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    background-color: #7289da;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    margin: 3px 0;
    padding: 5px 10px;
    text-align: center
}

.private-channel-recipients-invite .footer button:hover {
    background-color: #697ec4
}

.private-channel-recipients-invite .footer button:disabled {
    cursor: not-allowed;
    opacity: .3
}

.private-channel-recipients-invite .footer button:disabled:hover {
    background-color: #7289da
}

.private-channel-recipients-invite .error-state {
    -ms-flex: 1;
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 280px;
    justify-content: center
}

.private-channel-recipients-invite .error-state .icon {
    background-image: url(/assets/ee2c7badd43d41d0428226d1946c7cfd.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 75px;
    margin-bottom: 22px;
    width: 124px
}

.private-channel-recipients-invite .error-state .text {
    color: #737f8d;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    padding: 0 10px;
    text-align: center
}

.private-channel-recipients-invite .error-state.search-results {
    height: 192px
}

.private-channel-recipients-invite .error-state.search-results .icon {
    background-image: url(/assets/e13e587bcf818d45fe1d8d57970338d7.svg);
    height: 80px;
    width: 80px
}

.private-channel-recipients-invite .error-state.search-results .text {
    margin-bottom: 20px;
    max-width: 245px
}

.private-channel-recipients-invite .error-state.party-full .icon {
    background-image: url(/assets/e7bf0937fbc15d2640da0c9beb543511.svg);
    height: 122px;
    width: 230px
}

.private-channel-recipients-invite .error-state.not-friends .icon {
    background-image: url(/assets/7dd510d6d57069a5f564efa6af8d49f0.svg);
    height: 103px;
    width: 172px
}

.private-channel-recipients-invite .error-state.not-friends .text {
    margin-bottom: 16px;
    width: 192px
}

.private-channel-recipients-invite .error-state.not-friends .btn {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transition: background .2s ease;
    align-items: center;
    background: #7289da;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    transition: background .2s ease;
    width: 140px
}

.private-channel-recipients-invite .error-state.not-friends .btn:hover {
    background: #677bc4
}

.private-channel-recipients-invite .friend {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    color: #2f3136;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    padding: 6px 0 6px 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.private-channel-recipients-invite .friend .avatar-small {
    background-size: 26px 26px;
    float: none;
    height: 26px;
    margin: 0 10px 0 0;
    width: 26px
}

.private-channel-recipients-invite .friend .avatar-small .status {
    border: 2px solid #fff;
    bottom: -2px;
    height: 8px;
    right: -3px;
    width: 8px
}

.private-channel-recipients-invite .friend .discord-tag {
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 245px
}

.private-channel-recipients-invite .friend .discriminator {
    margin-left: 2px;
    opacity: .5
}

.private-channel-recipients-invite .friend .checkbox .checkbox-inner+span {
    margin: 0
}

.private-channel-recipients-invite .friend.selected,.private-channel-recipients-invite .friend:hover {
    background: -webkit-gradient(linear,left top,right top,color-stop(85%,#f3f3f3),to(#fff));
    background: linear-gradient(90deg,#f3f3f3 85%,#fff)
}

.private-channel-recipients-invite .friend.selected .avatar-small .status,.private-channel-recipients-invite .friend:hover .avatar-small .status {
    border-color: #f3f3f3
}

.wrapper-2xO9RX {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.15);
    background-clip: padding-box;
    background-color: #f04747;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.15);
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    padding: 3px 6px;
    text-shadow: 0 1px 0 rgba(0,0,0,.25)
}

.private-channel-call {
    margin-bottom: -49px;
    position: relative;
    top: -48px;
    z-index: 2
}

.private-channel-call .private-channel-call-video-wrapper {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #000;
    padding: 60px 0
}

.private-channel-call .private-channel-call-video {
    height: 100%;
    width: 100%
}

.private-channel-call.no-chat .private-channel-call-info {
    margin-top: 60px;
    padding-top: 0
}

.private-channel-call .private-channel-call-info {
    padding: 24px 20px
}

.private-channel-call.minimum .private-channel-call-info,.private-channel-call.normal .private-channel-call-info {
    padding-top: 60px
}

.private-channel-call .icons-wrapper {
    border-radius: 3px;
    border-style: solid;
    border-width: 2px;
    height: 32px;
    position: relative
}

.private-channel-call .icons-wrapper .badge {
    pointer-events: none;
    position: absolute;
    right: -6px;
    top: -6px;
    z-index: 2
}

.private-channel-call .private-channel-call-actions {
    padding: 16px 20px 20px
}

.private-channel-call .private-channel-call-actions .button-exit {
    text-transform: uppercase
}

.private-channel-call .private-channel-call-actions .center {
    padding-left: 4px;
    padding-right: 4px
}

.private-channel-call.full-screen .private-channel-call-actions .center,.private-channel-call.full-screen .private-channel-call-actions .side,.private-channel-call.no-chat .center,.private-channel-call.no-chat .side,.private-channel-call.normal .center,.private-channel-call.normal .side {
    background-color: rgba(0,0,0,.8);
    border-color: rgba(0,0,0,.9)
}

.private-channel-call .icon-button {
    -webkit-transition: opacity .2s ease;
    cursor: pointer;
    margin: 4px;
    opacity: .6;
    transition: opacity .2s ease
}

.private-channel-call .icon-button:hover {
    opacity: 1
}

.private-channel-call .action-button,.private-channel-call .static-button,.private-channel-call .toggle-button {
    margin: 4px;
    padding: 0
}

.private-channel-call .action-button.unavailable,.private-channel-call .static-button.unavailable,.private-channel-call .toggle-button.unavailable {
    opacity: .3
}

.private-channel-call .static-button {
    opacity: 1
}

.private-channel-call .button-exit {
    margin-left: 12px;
    margin-right: 12px
}

.private-channel-call .button-exit.voice {
    margin-left: 6px;
    margin-right: 6px
}

.theme-light .private-channel-call {
    background-color: #dcddde
}

.theme-light .private-channel-call.minimum .private-channel-call-actions .side {
    background-color: hsla(240,6%,97%,.3);
    border-color: hsla(240,6%,97%,.6)
}

.theme-light .private-channel-call.minimum .private-channel-call-actions .center {
    background-color: #f6f6f7;
    border-color: #f6f6f7
}

.theme-dark .private-channel-call {
    background-color: #202225
}

.theme-dark .private-channel-call.minimum .private-channel-call-actions .side {
    background-color: rgba(24,25,28,.3);
    border-color: #18191c
}

.theme-dark .private-channel-call.minimum .private-channel-call-actions .center {
    background-color: #18191c;
    border-color: #18191c
}

.videoHeight-iWOJGF {
    position: relative
}

.videoHeight-iWOJGF.animated-2tXqxn {
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.videoHeight-iWOJGF.normal-3QpMz4 {
    height: 50%;
    min-height: 275px
}

.videoHeight-iWOJGF.minimum-Eac95h {
    height: 275px
}

.videoHeight-iWOJGF.noChat-1N5t6T {
    height: 100%
}

.videoHeight-iWOJGF.fullScreen-1-ablk {
    -webkit-transition: none;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: none;
    z-index: 100
}

.video-3lOWa6 {
    background-color: #202225;
    background-position: 50%;
    background-size: 100%;
    cursor: default;
    height: 100%;
    min-height: 275px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.video-3lOWa6.idle-XZ2K7S {
    cursor: none
}

.video-3lOWa6.fullScreen-1-ablk .videoCenter-Am6CHw,.video-3lOWa6.noChat-1N5t6T .videoCenter-Am6CHw,.video-3lOWa6.normal-3QpMz4 .videoCenter-Am6CHw {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.video-3lOWa6.fullScreen-1-ablk .videoBottom-3MAMoo,.video-3lOWa6.noChat-1N5t6T .videoBottom-3MAMoo,.video-3lOWa6.normal-3QpMz4 .videoBottom-3MAMoo {
    -webkit-transform: translate3d(0,8px,0);
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    opacity: 0;
    transform: translate3d(0,8px,0);
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out
}

.video-3lOWa6.fullScreen-1-ablk:not(.idle-XZ2K7S) .videoWrapper-1-Ms1R.focused-YNLohY .videoBottom-3MAMoo,.video-3lOWa6.fullScreen-1-ablk:not(.idle-XZ2K7S) .videoWrapper-1-Ms1R:hover .videoBottom-3MAMoo,.video-3lOWa6.noChat-1N5t6T:not(.idle-XZ2K7S) .videoWrapper-1-Ms1R.focused-YNLohY .videoBottom-3MAMoo,.video-3lOWa6.noChat-1N5t6T:not(.idle-XZ2K7S) .videoWrapper-1-Ms1R:hover .videoBottom-3MAMoo,.video-3lOWa6.normal-3QpMz4:not(.idle-XZ2K7S) .videoWrapper-1-Ms1R.focused-YNLohY .videoBottom-3MAMoo,.video-3lOWa6.normal-3QpMz4:not(.idle-XZ2K7S) .videoWrapper-1-Ms1R:hover .videoBottom-3MAMoo {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0)
}

.videoWrapper-1-Ms1R {
    border-radius: 3px;
    position: relative
}

.videoInner-2-JGqN {
    overflow: hidden;
    pointer-events: none;
    z-index: 1
}

.videoBottom-3MAMoo,.videoCenter-Am6CHw,.videoTop-epANMH {
    pointer-events: all
}

.videoBackground-1cPLw9 {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.videoBackgroundTransition-1suJ0E {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.theme-light .video-3lOWa6.minimum-Eac95h {
    background-color: #dcddde
}

.theme-light .video-3lOWa6.noChat-1N5t6T .videoBackgroundTransition-1suJ0E {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-light .video-3lOWa6.noChat-1N5t6T .videoTop-epANMH,.theme-light .video-3lOWa6.normal-3QpMz4 .videoTop-epANMH {
    background-image: -webkit-gradient(linear,left top,left bottom,from(0),color-stop(0,transparent),to(rgba(0,0,0,.8)));
    background-image: linear-gradient(0,transparent,rgba(0,0,0,.8))
}

.theme-dark .video-3lOWa6.noChat-1N5t6T .videoBackgroundTransition-1suJ0E {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.theme-dark .video-3lOWa6.noChat-1N5t6T .videoTop-epANMH,.theme-dark .video-3lOWa6.normal-3QpMz4 .videoTop-epANMH {
    background-image: -webkit-gradient(linear,left top,left bottom,from(0),color-stop(0,transparent),to(rgba(0,0,0,.8)));
    background-image: linear-gradient(0,transparent,rgba(0,0,0,.8))
}

.wrapper-2G6bx_ {
    overflow: hidden;
    position: relative
}

.video-2vmmgZ,.wrapper-2G6bx_ {
    height: 100%;
    width: 100%
}

.video-2vmmgZ {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.videoContain-2dz7JX,.videoCover-12myFQ {
    -o-object-fit: contain;
    object-fit: contain
}

.mirror-1x7lBr {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.spinner-3468k_ {
    background-color: rgba(0,0,0,.8);
    height: 100%;
    width: 100%
}

.background-2lD0PO {
    height: 100%;
    width: 100%
}

.backgroundBlur-2hMM9N {
    -webkit-filter: blur(40px);
    background-position: 50%;
    background-size: 114%;
    filter: blur(40px);
    overflow: hidden
}

.backgroundBlur-2hMM9N,.backgroundBlurOverlay-278FQ6 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.backgroundBlurOverlay-278FQ6 {
    background-color: rgba(0,0,0,.6)
}

@-webkit-keyframes outgoing-call-pulse-baUjK7 {
    0% {
        -webkit-transform: scale3d(.85,.85,1);
        opacity: .6;
        transform: scale3d(.85,.85,1)
    }

    11.28% {
        -webkit-transform: scale3d(1.13,1.13,1);
        opacity: 0;
        transform: scale3d(1.13,1.13,1)
    }

    12% {
        -webkit-transform: scale3d(.85,.85,1);
        transform: scale3d(.85,.85,1)
    }

    13% {
        opacity: .6
    }

    28.448% {
        -webkit-transform: scale3d(.85,.85,1);
        opacity: .6;
        transform: scale3d(.85,.85,1)
    }

    39.728% {
        -webkit-transform: scale3d(1.13,1.13,1);
        opacity: 0;
        transform: scale3d(1.13,1.13,1)
    }

    40% {
        -webkit-transform: scale3d(.85,.85,1);
        transform: scale3d(.85,.85,1)
    }

    41% {
        opacity: .6
    }

    to {
        -webkit-transform: scale3d(.85,.85,1);
        opacity: .6;
        transform: scale3d(.85,.85,1)
    }
}

@keyframes outgoing-call-pulse-baUjK7 {
    0% {
        -webkit-transform: scale3d(.85,.85,1);
        opacity: .6;
        transform: scale3d(.85,.85,1)
    }

    11.28% {
        -webkit-transform: scale3d(1.13,1.13,1);
        opacity: 0;
        transform: scale3d(1.13,1.13,1)
    }

    12% {
        -webkit-transform: scale3d(.85,.85,1);
        transform: scale3d(.85,.85,1)
    }

    13% {
        opacity: .6
    }

    28.448% {
        -webkit-transform: scale3d(.85,.85,1);
        opacity: .6;
        transform: scale3d(.85,.85,1)
    }

    39.728% {
        -webkit-transform: scale3d(1.13,1.13,1);
        opacity: 0;
        transform: scale3d(1.13,1.13,1)
    }

    40% {
        -webkit-transform: scale3d(.85,.85,1);
        transform: scale3d(.85,.85,1)
    }

    41% {
        opacity: .6
    }

    to {
        -webkit-transform: scale3d(.85,.85,1);
        opacity: .6;
        transform: scale3d(.85,.85,1)
    }
}

.callAvatarWrapper-u74Q16 {
    position: relative
}

.callAvatarWrapper-u74Q16 .ripple-2djlB0 {
    -webkit-animation: outgoing-call-pulse-baUjK7 2.429s infinite ease-out;
    animation: outgoing-call-pulse-baUjK7 2.429s infinite ease-out;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.callAvatarWrapper-u74Q16 .ripple0-2tlk4C {
    -webkit-animation-delay: 20ms;
    animation-delay: 20ms
}

.callAvatarWrapper-u74Q16 .ripple1-3-PcJ1 {
    -webkit-animation-delay: 145ms;
    animation-delay: 145ms
}

.callAvatarWrapper-u74Q16 .ripple2-1byRlM {
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}

.callAvatarWrapper-u74Q16.voice-3qolcc .ripple-2djlB0 {
    border-radius: 50%
}

.callAvatarWrapper-u74Q16.voice-3qolcc.xxlarge-3iEwSz {
    height: 100px;
    width: 100px
}

.callAvatarWrapper-u74Q16.voice-3qolcc.xlarge-39oY89 {
    height: 60px;
    width: 60px
}

.callAvatarWrapper-u74Q16.voice-3qolcc.large-3C6yr1 {
    height: 40px;
    width: 40px
}

.callAvatarWrapper-u74Q16.voice-3qolcc.small-1yMZSO {
    height: 30px;
    width: 30px
}

.callAvatarWrapper-u74Q16.video-WCePbA .ripple-2djlB0 {
    border-radius: 3px
}

.callAvatarWrapper-u74Q16.video-WCePbA.xxlarge-3iEwSz.disabled-12_wnM {
    height: 100px;
    width: 178px
}

.callAvatarWrapper-u74Q16.video-WCePbA.xlarge-39oY89.disabled-12_wnM {
    height: 60px;
    width: 106.8px
}

.callAvatarWrapper-u74Q16.video-WCePbA.large-3C6yr1.disabled-12_wnM {
    height: 40px;
    width: 71.2px
}

.callAvatarWrapper-u74Q16.video-WCePbA.small-1yMZSO.disabled-12_wnM {
    height: 30px;
    width: 53.4px
}

.callAvatarWrapper-u74Q16.video-WCePbA.xxlarge-3iEwSz {
    height: 100px;
    width: 100px
}

.callAvatarWrapper-u74Q16.video-WCePbA.xlarge-39oY89 {
    height: 60px;
    width: 60px
}

.callAvatarWrapper-u74Q16.video-WCePbA.large-3C6yr1 {
    height: 40px;
    width: 40px
}

.callAvatarWrapper-u74Q16.video-WCePbA.small-1yMZSO {
    height: 30px;
    width: 30px
}

.callAvatar-i2aKmR {
    background-clip: padding-box;
    background-color: none;
    background-size: 100%;
    height: 100%;
    position: relative;
    width: 100%
}

.callAvatar-i2aKmR .callAvatarStatus-2ybelh {
    background-clip: padding-box;
    border-radius: 50%;
    padding: 4px
}

.callAvatar-i2aKmR.voice-3qolcc {
    border-radius: 50%
}

.callAvatar-i2aKmR.voice-3qolcc .callAvatarStatus-2ybelh {
    background-color: #f04747;
    border-style: solid;
    border-width: 4px;
    bottom: -4px;
    position: absolute;
    right: -4px
}

.callAvatar-i2aKmR.video-WCePbA {
    -webkit-box-sizing: border-box;
    background-position: 50%;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: hidden
}

.callAvatar-i2aKmR.video-WCePbA:not(.disabled-12_wnM) {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.6);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.6);
    cursor: pointer
}

.callAvatar-i2aKmR.video-WCePbA .callAvatarVideo-JViyts {
    border-radius: 3px
}

.callAvatar-i2aKmR.video-WCePbA .callAvatarStatus-2ybelh {
    background-color: rgba(0,0,0,.3);
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 2px
}

.callAvatarBorder-OF5XZJ {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.callAvatarBorder-OF5XZJ.voice-3qolcc.speaking-dRlv0T {
    -webkit-box-shadow: inset 0 0 0 3px #43b581;
    border-radius: 50%;
    box-shadow: inset 0 0 0 3px #43b581
}

.callAvatarBorder-OF5XZJ.video-WCePbA.soundsharing-3wNEmZ {
    -webkit-box-shadow: inset 0 0 0 2px rgba(67,181,129,.6);
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px rgba(67,181,129,.6)
}

.callAvatarBorder-OF5XZJ.video-WCePbA.speaking-dRlv0T {
    -webkit-box-shadow: inset 0 0 0 2px #43b581;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px #43b581
}

.callAvatarBorder-OF5XZJ.video-WCePbA.selected-3pqJJJ:not(.speaking-dRlv0T):not(:soundsharing) {
    -webkit-box-shadow: inset 0 0 0 2px #7289da;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px #7289da
}

.callAvatarOverlay-1USNWH {
    background-color: rgba(0,0,0,.8);
    height: 100%;
    width: 100%
}

.callAvatarOverlay-1USNWH .poorConnectionIcon-1iQW_C {
    background-color: #f04747;
    border-radius: 50%;
    padding: 8px
}

.callAvatarOverlay-1USNWH .cameraIcon-C9ejDq {
    opacity: .6
}

.theme-light .callAvatar-i2aKmR.voice-3qolcc .callAvatarStatus-2ybelh {
    border-color: #dcddde
}

.theme-light .callAvatarWrapper-u74Q16 .ripple-2djlB0 {
    background-color: #4f545c
}

.theme-dark .callAvatar-i2aKmR.voice-3qolcc .callAvatarStatus-2ybelh {
    border-color: #202225
}

.theme-dark .callAvatarWrapper-u74Q16 .ripple-2djlB0 {
    background-color: #fff
}

.wrapper-FtzxDk {
    overflow: visible;
    position: relative
}

.card-3cnrFh {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.64,.57,.67,1.53);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: -webkit-transform .3s cubic-bezier(.64,.57,.67,1.53);
    transition: transform .3s cubic-bezier(.64,.57,.67,1.53)
}

.wrapper-1hQOWh {
    margin: 0 20px
}

.wrapper-1hQOWh .sprite-2RMz8N {
    -webkit-animation: none;
    animation: none
}

.transition-1fz_FH,.wrapper-1hQOWh .sprite-2RMz8N {
    position: relative
}

.avatarMargin-2sQKJz {
    margin: 4px 8px
}

.spriteWrapper-klG2qT {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.emptyContainer-3ZELPI {
    height: 92px;
    margin-bottom: 0;
    margin-left: 3px;
    margin-top: -35px;
    position: absolute;
    top: 50%;
    width: 210px
}

.base-2aADwI {
    background-position: 0;
    display: block;
    position: absolute
}

.sparkle-22mYYy {
    -webkit-animation: sparkle-22mYYy 1.5s steps(17,start) forwards infinite;
    animation: sparkle-22mYYy 1.5s steps(17,start) forwards infinite;
    background-position: -731px;
    background-size: 774px 43px;
    height: 43px;
    width: 43px
}

.pop-3daf8f {
    -webkit-animation: pop-3daf8f 2.91666666667s steps(34,start) forwards infinite;
    animation: pop-3daf8f 2.91666666667s steps(34,start) forwards infinite;
    background-position: -816px;
    background-size: 840px 24px;
    height: 24px;
    width: 24px
}

.light-2zyfcF {
    -webkit-animation: light-2zyfcF 2.58333333333s steps(30,start) forwards infinite;
    animation: light-2zyfcF 2.58333333333s steps(30,start) forwards infinite;
    background-size: 620px 20px;
    height: 20px;
    width: 20px
}

.cross-3-VXae,.light-2zyfcF {
    background-position: -600px
}

.cross-3-VXae {
    -webkit-animation: cross-3-VXae 2.083325s steps(23,start) forwards infinite;
    animation: cross-3-VXae 2.083325s steps(23,start) forwards infinite;
    background-size: 625px 25px;
    height: 25px;
    width: 25px
}

.sparkleBlurple-3h4AXz,.sparkleGrey-1LDjEP,.sparkleWhite-gz1n4J {
}

.sparkleWhite-gz1n4J {
    background-image: url(/assets/c7539bb38577495f5021c8ea455c7145.png)
}

.sparkleGrey-1LDjEP {
    background-image: url(/assets/22a50c5f66884ef5762f0a0b96d1ef08.png)
}

.sparkleBlurple-3h4AXz {
    background-image: url(/assets/a66f45abf930caa0b221315ebbc031de.png)
}

.popBlurple-1CEE47,.popGrey-3q5BdX,.popWhite-15m_Jl {
}

.popWhite-15m_Jl {
    background-image: url(/assets/237a2f9325a83d230fb30b2cd63bbfe6.png)
}

.popGrey-3q5BdX {
    background-image: url(/assets/0e773bb475b552235a800e6424e43e6b.png)
}

.popBlurple-1CEE47 {
    background-image: url(/assets/cf13db31abf9a13e54f5f43599eef59a.png)
}

.lightBlurple-3_hqU2,.lightGrey-3YLC20,.lightWhite-1P6-9_ {
}

.lightWhite-1P6-9_ {
    background-image: url(/assets/1c20f6ecd2d83c1844a3fd6da306d239.png)
}

.lightGrey-3YLC20 {
    background-image: url(/assets/64aaf58241b1f4a6c9655564d0f0b028.png)
}

.lightBlurple-3_hqU2 {
    background-image: url(/assets/07c7a85ef9cb930a3797629fc9a537cd.png)
}

.crossBlurple-2BmJic,.crossGrey-1R8oH2,.crossWhite-3vchy8 {
}

.crossWhite-3vchy8 {
    background-image: url(/assets/c13a0b03a798023c27155fad5f0c7a61.png)
}

.crossGrey-1R8oH2 {
    background-image: url(/assets/eb0e7f0b11970eca575cbdc7718e8482.png)
}

.crossBlurple-2BmJic {
    background-image: url(/assets/18d708afcc8653f148927a308b203be2.png)
}

@-webkit-keyframes sparkle-22mYYy {
    0% {
        background-position: 0
    }

    40% {
        background-position: -731px
    }

    to {
        background-position: -731px
    }
}

@keyframes sparkle-22mYYy {
    0% {
        background-position: 0
    }

    40% {
        background-position: -731px
    }

    to {
        background-position: -731px
    }
}

@-webkit-keyframes pop-3daf8f {
    0% {
        background-position: 0
    }

    40% {
        background-position: -816px
    }

    to {
        background-position: -816px
    }
}

@keyframes pop-3daf8f {
    0% {
        background-position: 0
    }

    40% {
        background-position: -816px
    }

    to {
        background-position: -816px
    }
}

@-webkit-keyframes light-2zyfcF {
    0% {
        background-position: 0
    }

    40% {
        background-position: -600px
    }

    to {
        background-position: -600px
    }
}

@keyframes light-2zyfcF {
    0% {
        background-position: 0
    }

    40% {
        background-position: -600px
    }

    to {
        background-position: -600px
    }
}

@-webkit-keyframes cross-3-VXae {
    0% {
        background-position: 0
    }

    40% {
        background-position: -600px
    }

    to {
        background-position: -600px
    }
}

@keyframes cross-3-VXae {
    0% {
        background-position: 0
    }

    40% {
        background-position: -600px
    }

    to {
        background-position: -600px
    }
}

.joinVideoCallButton-2Pohj0 {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box;
    align-items: center;
    background-color: #43b581;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    justify-content: center;
    overflow: hidden;
    padding: 0 14px;
    position: relative
}

.joinVideoCallButton-2Pohj0 .icon-3tOP24 {
    height: 16px;
    width: 16px
}

.joinVideoCallButton-2Pohj0 .buttonText-1b8lyZ {
    color: #f6f6f7;
    font-size: 14px;
    margin-left: 8px;
    margin-right: 8px;
    text-transform: uppercase
}

.joinVideoCallButton-2Pohj0 .underlay-1LCk7B {
    -webkit-transition: opacity .1s ease;
    background-color: #69c49a;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    margin: 2px;
    position: absolute;
    top: 0;
    transition: opacity .1s ease;
    width: 50%
}

.joinVideoCallButton-2Pohj0 .inner-1e8n63 {
    cursor: pointer;
    z-index: 1
}

.joinVideoCallButton-2Pohj0 .callDivider-_hMb9n {
    background-color: #69c49a;
    height: 20px;
    margin: 0 2px;
    opacity: .6;
    width: 2px
}

.joinVideoCallButton-2Pohj0 .callButton-205P-D {
    line-height: 36px
}

.joinVoiceCallButton-2amUDc {
    margin-bottom: 2px;
    margin-top: 2px;
    text-transform: uppercase
}

.wrapper-1hFz4R {
    position: relative
}

.flex-10FtK5 {
}

.vertical-dBpEJN {
}

.horizontal-V15fsF {
}

.content-1fMjil {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.wrapper-31F9np {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    background-color: #000;
    border-radius: 3px;
    flex: 1;
    margin: 6px;
    overflow: hidden;
    position: relative
}

.overlay-2dxVvR {
    background-color: rgba(0,0,0,.8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.poorConnection-1eghHp {
    background-color: #f04747;
    border-radius: 50%;
    padding: 8px
}

.status-3y2xDH {
    background-color: rgba(0,0,0,.3);
    border-radius: 50%;
    padding: 4px;
    right: 8px;
    top: 8px
}

.content-E-fxjB,.status-3y2xDH {
    position: absolute
}

.content-E-fxjB {
    bottom: 0;
    left: 0;
    overflow: hidden;
    right: 0;
    top: 0
}

.video-30TWsj {
    border-radius: 3px
}

.size-ee09Zu {
    overflow: hidden;
    width: 440px
}

.container-xmAaA9 {
    padding: 0 20px
}

.image-23RBgi {
}

.title-2lS8Wf {
    line-height: 30px
}

.description-3M6Yzv,.title-2lS8Wf {
    font-size: 16px;
    text-align: center
}

.description-3M6Yzv {
    line-height: 24px
}

.footer-XPgXYX {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 20px
}

.button-2JDZyy {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.theme-light .title-2lS8Wf {
    color: #4f545c
}

.theme-light .description-3M6Yzv {
    color: #72767d
}

.theme-light .footer-XPgXYX {
    background-color: #f6f6f7
}

.theme-dark .title-2lS8Wf {
    color: #f6f6f7
}

.theme-dark .description-3M6Yzv {
    color: #dcddde
}

.theme-dark .footer-XPgXYX {
    background-color: #2f3136
}

.regionSelectPopout-2lEN-u {
    direction: rtl
}

.check-1YAc4r {
    background: url(/assets/6acb20d5e709b34b6a7f36ec13648666.svg);
    display: block;
    height: 12px;
    width: 16px
}

.regionSelectFlag-3kl8ne {
    -ms-flex-negative: 0;
    background-color: #7289da;
    background-size: cover;
    border-radius: 2px;
    flex-shrink: 0;
    height: 16px;
    position: relative;
    width: 24px
}

.regionSelectName-3TFrf4 {
    direction: ltr;
    font-size: 13px;
    font-weight: 500;
    height: 16px;
    line-height: 18px;
    margin: 0 6px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px
}

.theme-light .regionSelectName-3TFrf4 {
    color: #72767d
}

.theme-dark .regionSelectName-3TFrf4 {
    color: #b9bbbe
}

.search-results-wrap {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    background-color: #f1f1f1;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    width: 418px
}

.search-results-wrap,.search-results-wrap .search-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.search-results-wrap .search-header {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,10%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
    color: #737f8d;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 0 20px;
    z-index: 2
}

.search-results-wrap .search-header a {
    color: #737f8d
}

.search-results-wrap .search-header a:hover {
    text-decoration: underline
}

.search-results-wrap .search-header .tab,.search-results-wrap .search-header .total-results {
    opacity: .3;
    padding: 15px 0
}

.search-results-wrap .search-header .tab .total-results-wrapper,.search-results-wrap .search-header .total-results .total-results-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-results-wrap .search-header .tab {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 12px;
    padding: 15px 5px;
    text-align: center
}

.search-results-wrap .search-header .tab.selected,.search-results-wrap .search-header .tab:hover {
    border-bottom: 2px solid #737f8d
}

.search-results-wrap .search-header .tab.selected {
    opacity: 1
}

.search-results-wrap .search-header .tab:last-of-type {
    margin-right: 0
}

.search-results-wrap .search-header .total-results {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    padding-right: 1px
}

.search-results-wrap .search-header .spinner-wrapper {
    height: 16px;
    margin-left: 8px;
    width: 16px
}

.search-results-wrap .search-header .spinner-wrapper .spinner {
    height: 100%;
    width: 100%
}

.search-results-wrap .search-header .spinner-wrapper .spinner .path {
    stroke: #4f545c
}

.search-results-wrap .search-header .indexing-icon {
    background-image: url(/assets/a093d455e6045216e09c76753574ed37.svg);
    height: 15px;
    margin-left: 8px;
    width: 15px
}

.search-results-wrap .scroller-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0
}

.search-results-wrap .scroller-wrap .scroller {
    padding: 10px 0 0 16px
}

.search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
    background-color: #dbdde1!important
}

.search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-thumb {
    background-color: #7289da!important;
    border: 3px solid #f3f3f3!important
}

.search-results-wrap .error-wrap,.search-results-wrap .spinner-wrap {
    -ms-flex: 1;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    align-items: center;
    color: #737f8d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    justify-content: center
}

.search-results-wrap .error-wrap .spinner,.search-results-wrap .spinner-wrap .spinner {
    margin-top: -42px
}

.search-results-wrap .error-wrap .spinner circle,.search-results-wrap .spinner-wrap .spinner circle {
    stroke: rgba(0,0,0,.3)
}

.search-results-wrap .channel-separator {
    position: relative
}

.search-results-wrap .channel-separator:before {
    border-bottom: 1px solid rgba(0,0,0,.1);
    content: "";
    left: 0;
    position: absolute;
    right: 4px;
    top: 50%;
    z-index: 0
}

.search-results-wrap .channel-separator .channel-name {
    background-color: #f1f1f1;
    color: #4f545c;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    padding: 8px 8px 8px 0;
    position: relative;
    z-index: 1
}

.search-results-wrap .channel-separator .channel-name:hover {
    text-decoration: underline
}

.search-results-wrap .results-wrapper {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-left: 10px
}

.search-results-wrap .search-results {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.search-results-wrap .search-result {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-right: 2px;
    overflow: hidden;
    position: relative
}

.search-results-wrap .search-result:after,.search-results-wrap .search-result:before {
    content: "";
    height: 20px;
    position: absolute;
    width: 100%
}

.search-results-wrap .search-result:before {
    background-image: -webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,95%,0)),to(#f1f1f1));
    background-image: linear-gradient(0deg,hsla(0,0%,95%,0),#f1f1f1);
    top: 0;
    z-index: 1
}

.search-results-wrap .search-result:after {
    background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,95%,0)),to(#f1f1f1));
    background-image: linear-gradient(180deg,hsla(0,0%,95%,0),#f1f1f1);
    bottom: 0
}

.search-results-wrap .search-result .search-result-message {
    -webkit-transform: scale(.98);
    -webkit-transition: opacity .2s cubic-bezier(.19,1,.22,1),-webkit-transform .2s cubic-bezier(.19,1,.22,1);
    background-color: transparent;
    border: 2px solid rgba(28,36,43,.08);
    border-radius: 5px;
    max-height: 58px;
    opacity: 0;
    overflow: hidden;
    position: relative;
    position: absolute;
    transform: scale(.98);
    transition: opacity .2s cubic-bezier(.19,1,.22,1),-webkit-transform .2s cubic-bezier(.19,1,.22,1);
    transition: transform .2s cubic-bezier(.19,1,.22,1),opacity .2s cubic-bezier(.19,1,.22,1);
    visibility: hidden
}

.search-results-wrap .search-result .search-result-message.after,.search-results-wrap .search-result .search-result-message.before {
    border: 2px solid transparent;
    opacity: .4
}

.search-results-wrap .search-result .search-result-message.after:hover,.search-results-wrap .search-result .search-result-message.before:hover {
    cursor: pointer
}

.search-results-wrap .search-result .search-result-message.before {
    -webkit-transform: scale(.98) translateY(8px);
    -webkit-transform-origin: 50% 100%;
    transform: scale(.98) translateY(8px);
    transform-origin: 50% 100%
}

.search-results-wrap .search-result .search-result-message.after {
    -webkit-transform: scale(.98) translateY(-8px);
    -webkit-transform-origin: 50% 0;
    transform: scale(.98) translateY(-8px);
    transform-origin: 50% 0
}

.search-results-wrap .search-result .search-result-message.hit,.search-results-wrap .search-result .search-result-message.sibling {
    opacity: 1;
    position: relative;
    visibility: visible
}

.search-results-wrap .search-result .search-result-message.hit {
    -webkit-box-shadow: 0 0 10px 6px #f1f1f1;
    -webkit-transform: none;
    background-color: #fff;
    box-shadow: 0 0 10px 6px #f1f1f1;
    max-height: none;
    transform: none;
    z-index: 100
}

.search-results-wrap .search-result .search-result-message:hover .action-buttons {
    opacity: 1
}

.search-results-wrap .search-result .search-result-message .message-group {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    margin: 0;
    overflow: hidden;
    padding: 10px;
    user-select: none
}

.search-results-wrap .search-result.expanded {
    border: 2px solid rgba(28,36,43,.06);
    border-radius: 5px
}

.search-results-wrap .search-result.expanded:after,.search-results-wrap .search-result.expanded:before {
    display: none
}

.search-results-wrap .search-result.expanded .after,.search-results-wrap .search-result.expanded .before {
    margin-bottom: 0;
    margin-top: 0;
    opacity: 1
}

.search-results-wrap .search-result.expanded .search-result-message {
    -webkit-transform: scale(1) translateZ(0);
    background-color: transparent;
    border: none;
    border-radius: 0;
    max-height: none;
    overflow: hidden;
    transform: scale(1) translateZ(0)
}

.search-results-wrap .search-result.expanded .search-result-message,.search-results-wrap .search-result.expanded .search-result-message.hit,.search-results-wrap .search-result.expanded .search-result-message.sibling {
    opacity: 1;
    position: relative;
    visibility: visible
}

.search-results-wrap .search-result.expanded .search-result-message:first-of-type {
    border-radius: 3px 3px 0 0
}

.search-results-wrap .search-result.expanded .search-result-message:last-of-type {
    border-bottom: none;
    border-radius: 0 0 3px 3px!important
}

.search-results-wrap .search-result.expanded .search-result-message.hit {
    -webkit-box-shadow: none;
    background-color: #fff;
    border-bottom: 2px solid #ebebeb;
    border-radius: 0;
    border-top: 2px solid #ebebeb;
    box-shadow: none
}

.search-results-wrap .action-buttons {
    -webkit-box-shadow: 0 0 6px 4px transparent;
    -webkit-transition: background-color .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    background-color: transparent;
    box-shadow: 0 0 6px 4px transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: background-color .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out,background-color .1s ease-in-out
}

.search-results-wrap .action-buttons .jump-button {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: opacity .1s ease-in-out,color .1s ease-in-out;
    -webkit-user-select: none;
    background-color: #ebebeb;
    border-radius: 3px;
    color: rgba(115,127,141,.6);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    font-weight: 500;
    height: 14px;
    line-height: 14px;
    margin-left: 6px;
    margin-right: 4px;
    padding: 2px 8px;
    position: relative;
    text-align: center;
    transition: opacity .1s ease-in-out,color .1s ease-in-out;
    user-select: none
}

.search-results-wrap .action-buttons .jump-button:hover {
    color: #737f8d
}

.search-results-wrap .action-buttons .jump-button:active {
    -webkit-transform: translate3d(0,1px,0);
    transform: translate3d(0,1px,0)
}

.search-results-wrap .pagination {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    color: #737f8d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    justify-content: center;
    line-height: 20px;
    margin-bottom: 24px;
    margin-top: 20px
}

.search-results-wrap .pagination .pagination-next,.search-results-wrap .pagination .pagination-previous {
    -webkit-transform: rotate(0deg);
    background: url(/assets/425c04911bfea22eaaed168b8ff19634.svg) 50% 50% no-repeat;
    background-position: 50%;
    background-size: 6px 12px;
    border: 1px solid rgba(79,84,92,.16);
    border-radius: 2px;
    cursor: pointer;
    height: 18px;
    left: 20px;
    opacity: .7;
    top: 20px;
    transform: rotate(0deg);
    width: 18px
}

.search-results-wrap .pagination .pagination-next:hover,.search-results-wrap .pagination .pagination-previous:hover {
    opacity: 1
}

.search-results-wrap .pagination .pagination-next.disabled,.search-results-wrap .pagination .pagination-previous.disabled {
    cursor: default;
    opacity: .3
}

.search-results-wrap .pagination .pagination-previous {
    -webkit-transform: rotate(180deg);
    margin-right: 30px;
    transform: rotate(180deg)
}

.search-results-wrap .pagination .pagination-next {
    margin-left: 30px
}

.search-results-wrap .results-blocked {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-transition: background-color .1s ease-in-out;
    align-items: center;
    background-color: transparent;
    border: 1px solid rgba(79,84,92,.06);
    border-radius: 3px;
    color: rgba(79,84,92,.6);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 6px 18px;
    transition: background-color .1s ease-in-out;
    width: 100%
}

.search-results-wrap .results-blocked:hover {
    background-color: rgba(79,84,92,.06)
}

.search-results-wrap .results-blocked .results-blocked-image {
    background-image: url(/assets/5394ee87ee70ed19baa541daa689210c.svg);
    height: 32px;
    margin-right: 20px;
    width: 32px
}

.search-results-wrap .empty-results-wrap {
    -ms-flex: 1;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box;
    align-items: center;
    box-sizing: border-box;
    color: #737f8d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 24px;
    padding: 20px;
    text-align: center
}

.search-results-wrap .empty-results-wrap .empty-results-content {
    margin: auto;
    padding-bottom: 40px;
    position: relative
}

.search-results-wrap .empty-results-wrap .empty-results-text {
    font-size: 18px;
    font-weight: 400;
    margin: 40px auto 0
}

.search-results-wrap .empty-results-wrap .still-indexing {
    width: 300px
}

.search-results-wrap .empty-results-wrap .search-index-animation {
    height: 280px;
    position: relative;
    width: 320px
}

.search-results-wrap .empty-results-wrap .search-index-background {
    background-image: url(/assets/f9b7cc1482468c130d968400ba20f598.svg)
}

.search-results-wrap .empty-results-wrap .no-results-image {
    background-image: url(/assets/3e0be9639d8d4f7fee2266ec79a9af90.svg);
    height: 160px;
    margin: 0 auto;
    width: 160px
}

.search-results-wrap .empty-results-wrap .no-results-image.alt {
    background-image: url(/assets/53a5882c841b71e9786d6f84c21f8018.svg)
}

.search-results-wrap .empty-results-wrap .error-image {
    background: url(/assets/a96ad48450382ff5df965439222d1459.svg);
    height: 160px;
    margin: 0 auto;
    width: 160px
}

.search-results-wrap .empty-results-wrap .error-message {
    width: 300px
}

.search-results-wrap .empty-results-wrap .no-results {
    width: 280px
}

.search-results-wrap .empty-results-wrap .no-results.alt {
    width: 200px
}

.search-results-wrap .empty-results-wrap .search-index-background,.search-results-wrap .empty-results-wrap .search-index-foreground {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.search-results-wrap .empty-results-wrap .search-index-background .background,.search-results-wrap .empty-results-wrap .search-index-background .magnifying-glass,.search-results-wrap .empty-results-wrap .search-index-background .mask,.search-results-wrap .empty-results-wrap .search-index-foreground .background,.search-results-wrap .empty-results-wrap .search-index-foreground .magnifying-glass,.search-results-wrap .empty-results-wrap .search-index-foreground .mask {
    -webkit-transform-origin: center;
    transform-origin: center
}

.theme-dark .search-results-wrap {
    background-color: #2f3136
}

.theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
    background-color: #282b30!important
}

.theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-thumb {
    background-color: #1e2124!important;
    border: 3px solid #2f3136!important
}

.theme-dark .search-results-wrap .search-header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,20%);
    background-color: #2f3136;
    box-shadow: 0 1px 0 rgba(0,0,0,.2)
}

.theme-dark .search-results-wrap .search-header a {
    color: #fff
}

.theme-dark .search-results-wrap .search-header .border {
    background-color: hsla(0,0%,100%,.3)
}

.theme-dark .search-results-wrap .search-header .tab,.theme-dark .search-results-wrap .search-header .total-results {
    color: #fff
}

.theme-dark .search-results-wrap .search-header .tab.selected,.theme-dark .search-results-wrap .search-header .tab:hover {
    border-bottom: 2px solid #fff
}

.theme-dark .search-results-wrap .search-header .spinner .path {
    stroke: #99aab5
}

.theme-dark .search-results-wrap .search-header .indexing-icon {
    background-image: url(/assets/ee195eca3506d256e03deb1908046b25.svg)
}

.theme-dark .search-results-wrap .channel-separator:before {
    border-color: hsla(0,0%,100%,.1)
}

.theme-dark .search-results-wrap .channel-separator .channel-name {
    background-color: #2f3136;
    color: #fff
}

.theme-dark .search-results-wrap .search-result:before {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(47,49,54,0)),to(#2f3136));
    background-image: linear-gradient(0deg,rgba(47,49,54,0),#2f3136)
}

.theme-dark .search-results-wrap .search-result:after {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(47,49,54,0)),to(#2f3136));
    background-image: linear-gradient(180deg,rgba(47,49,54,0),#2f3136)
}

.theme-dark .search-results-wrap .search-result .search-result-message.hit {
    border: 2px solid rgba(28,36,43,.6)
}

.theme-dark .search-results-wrap .search-result .search-result-message.after,.theme-dark .search-results-wrap .search-result .search-result-message.before {
    opacity: .3
}

.theme-dark .search-results-wrap .search-result .hit {
    -webkit-box-shadow: 0 0 10px 6px #2f3136;
    background-color: #36393e;
    box-shadow: 0 0 10px 6px #2f3136
}

.theme-dark .search-results-wrap .search-result.expanded {
    border: 2px solid rgba(28,36,43,.6)
}

.theme-dark .search-results-wrap .search-result.expanded .search-result-message {
    background-color: transparent;
    border: none;
    opacity: 1
}

.theme-dark .search-results-wrap .search-result.expanded .search-result-message.hit {
    -webkit-box-sizing: border-box;
    background-color: #36393e;
    border-bottom: 2px solid rgba(28,36,43,.6);
    border-top: 2px solid rgba(28,36,43,.6);
    box-sizing: border-box
}

.theme-dark .search-results-wrap .search-result.expanded .search-result-message:last-of-type {
    border-bottom: none
}

.theme-dark .search-results-wrap .action-buttons .jump-button {
    background-color: #535559;
    color: hsla(0,0%,100%,.6)
}

.theme-dark .search-results-wrap .action-buttons .jump-button:hover {
    color: #fff
}

.theme-dark .search-results-wrap .pagination {
    color: hsla(0,0%,100%,.6)
}

.theme-dark .search-results-wrap .pagination .pagination-next,.theme-dark .search-results-wrap .pagination .pagination-previous {
    background-image: url(/assets/ca1d0b393ba2e47bc538233e342af587.svg);
    border: 1px solid hsla(0,0%,100%,.16)
}

.theme-dark .search-results-wrap .results-blocked {
    border-color: #1e2124;
    color: hsla(0,0%,100%,.3)
}

.theme-dark .search-results-wrap .results-blocked:hover {
    background-color: rgba(30,33,36,.3)
}

.theme-dark .search-results-wrap .results-blocked .results-blocked-image {
    background-image: url(/assets/7490848d1fcddf075abeb71e2d1aaff3.svg)
}

.theme-dark .search-results-wrap .empty-results-wrap,.theme-dark .search-results-wrap .error-wrap {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .search-results-wrap .empty-results-wrap .no-results-image,.theme-dark .search-results-wrap .error-wrap .no-results-image {
    background-image: url(/assets/af4424ffab53593f696947192ff1854a.svg)
}

.theme-dark .search-results-wrap .empty-results-wrap .no-results-image.alt,.theme-dark .search-results-wrap .error-wrap .no-results-image.alt {
    background-image: url(/assets/f0a2cc54695a7064a1f02e5ca8b95ccc.svg)
}

.theme-dark .search-results-wrap .empty-results-wrap .search-index-background,.theme-dark .search-results-wrap .error-wrap .search-index-background {
    background-image: url(/assets/e695cb4a18202a6053674a346e6ba4c2.svg)
}

.theme-dark .search-results-wrap .empty-results-wrap .error-image,.theme-dark .search-results-wrap .error-wrap .error-image {
    background-image: url(/assets/29462d0b6c33d2ed874aa982f6f99326.svg)
}

.modal-KwRiOq {
    font-size: 13px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.size-2pbXxj {
    max-height: 800px;
    width: 490px
}

.content-3KEfmo {
    font-size: 16px;
    line-height: 20px
}

.content-3KEfmo .emoji {
    -o-object-fit: contain;
    height: 22px;
    object-fit: contain;
    width: 22px
}

.content-3KEfmo h1 {
    font-size: 16px;
    line-height: 20px
}

.content-3KEfmo h1,.content-3KEfmo h2,.content-3KEfmo strong {
    font-weight: 700
}

.content-3KEfmo em,.content-3KEfmo i {
    font-style: italic
}

.content-3KEfmo p+p {
    margin-top: 10px
}

.content-3KEfmo ul {
    margin: 20px 0 8px 20px
}

.content-3KEfmo ul ul {
    margin-top: 8px
}

.content-3KEfmo ul li {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    list-style: none;
    margin-bottom: 8px;
    position: relative;
    user-select: text
}

.content-3KEfmo ul li:last-child {
    margin-bottom: 0
}

.content-3KEfmo ul li:before {
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -15px;
    margin-left: -3px;
    margin-top: -4px;
    opacity: .3;
    position: absolute;
    top: 10px;
    width: 6px
}

.content-3KEfmo ul li li:before {
    border-radius: 0;
    height: 2px;
    top: 12px
}

.content-3KEfmo img {
    width: 100%
}

.content-3KEfmo a {
    -webkit-transition: .05s;
    color: #00b0f4;
    text-decoration: none;
    transition: .05s
}

.content-3KEfmo a:hover {
    text-decoration: underline
}

.theme-dark .content-3KEfmo p,.theme-dark .content-3KEfmo ul li {
    color: #b9bbbe
}

.theme-dark .content-3KEfmo ul li:before {
    background-color: #dcddde
}

.theme-light .content-3KEfmo p,.theme-light .content-3KEfmo ul li {
    color: #72767d
}

.theme-light .content-3KEfmo ul li:before {
    background-color: #72767d
}

.nsfw-1APjPl {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 440px;
    width: 100%
}

.image-2XJctU {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 250px;
    width: 250px
}

.title-2mmhgH {
    font-size: 24px;
    text-align: center
}

.description-15n-1L {
    font-size: 16px;
    text-align: center
}

.separator-3Ozi37 {
    background-color: #4f545c;
    height: 1px;
    width: 100px
}

.action-2mLTX4 {
    margin-left: 8px;
    margin-right: 8px
}

.actionRed-sT3Bw5 {
    background-color: #a33030;
    color: #fff
}

.actionRed-sT3Bw5:hover {
    background-color: #932b2b
}

.actionRed-sT3Bw5:active {
    background-color: #822626
}

.theme-light .image-2XJctU {
    background-image: url(/assets/c834f632477ae77b1e4b36c14e32c400.svg)
}

.theme-light .title-2mmhgH {
    color: #4f545c
}

.theme-light .description-15n-1L {
    color: #72767d
}

.theme-dark .image-2XJctU {
    background-image: url(/assets/a36505883459aecf5df0ae54c6d7495f.svg)
}

.theme-dark .title-2mmhgH {
    color: #fff
}

.theme-dark .description-15n-1L {
    color: #b9bbbe
}

.channelTextArea-os01xC {
    margin: 20px 0 30px
}

.titleWrapper-3Vi_wz {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    position: relative;
    z-index: 100
}

.noChannel-2EQ0a9 {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    position: relative
}

.editPartyIcon-JxCCSD {
    -webkit-transition: opacity .2s ease;
    cursor: pointer;
    margin-right: 4px;
    opacity: .6;
    transition: opacity .2s ease
}

.editPartyIcon-JxCCSD:hover {
    opacity: 1
}

.title-qAcLxz,.titleCall-3X0yGQ {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0 8px 0 12px
}

.platform-osx .title-qAcLxz,.platform-osx .titleCall-3X0yGQ {
    -webkit-app-region: drag
}

.title-qAcLxz .input-autosize-inner,.titleCall-3X0yGQ .input-autosize-inner {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    padding: 0
}

.title-qAcLxz .input-autosize-input,.titleCall-3X0yGQ .input-autosize-input {
    -webkit-app-region: no-drag;
    -webkit-box-sizing: border-box;
    background: transparent;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: pre
}

.title-qAcLxz .input-autosize-input:focus,.titleCall-3X0yGQ .input-autosize-input:focus {
    color: #4f545c;
    outline: none
}

.title-qAcLxz .status,.titleCall-3X0yGQ .status {
    margin-left: 2px;
    position: relative;
    top: 2px
}

.stop-animations .title-qAcLxz {
    -webkit-app-region: no-drag
}

.titleText-2IfpkV {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -ms-flex-negative: 1;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: center;
    color: #4f545c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-shrink: 1;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px
}

.channelName-1G03vu,.titleText-2IfpkV {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.channelName-1G03vu {
    height: 22px;
    margin-right: 4px
}

.channelName-1G03vu svg {
    display: inline-block;
    line-height: 22px
}

.private-38vo6h {
    cursor: pointer
}

.channelIcon-1KtcMW {
    color: #8a8e94;
    margin-right: 3px;
    position: relative;
    top: 2px
}

.channelIcon-1KtcMW .background-IqrPsg {
    opacity: .6
}

.groupDM-3gzbyG {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.groupDM-3gzbyG .channelName-1G03vu {
    height: 30px
}

.groupDMManaged-2z2S1A {
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto
}

.titleText-2IfpkV.groupDM-3gzbyG {
    margin-left: -4px
}

.noTopic-3Rq-dz,.topic-1KFf6J {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.topic-1KFf6J {
    font-size: 14px;
    font-weight: 500;
    height: 22px;
    line-height: 22px;
    margin-left: 8px;
    overflow: hidden;
    padding-left: 12px;
    position: relative;
    text-overflow: ellipsis;
    top: 1px;
    vertical-align: bottom;
    white-space: nowrap;
    width: 100%
}

.topic-1KFf6J:before {
    content: "";
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.topic-1KFf6J a:hover {
    text-decoration: underline
}

.aka-2Ba14Z {
    -ms-flex-negative: 0;
    background: #72767d;
    border-radius: 3px;
    color: #fff;
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 8px;
    padding: 1px 3px;
    position: relative;
    text-transform: uppercase;
    top: 2px;
    vertical-align: top
}

.topic-1KFf6J.expandable-1er6r1 {
    cursor: pointer
}

.theme-light .noChannel-2EQ0a9 {
    background: #fff
}

.theme-light .title-qAcLxz {
    -webkit-box-shadow: 0 1px 0 #eceeef,0 2px 0 hsla(200,9%,93%,.25);
    background: #fff;
    box-shadow: 0 1px 0 #eceeef,0 2px 0 hsla(200,9%,93%,.25)
}

.theme-light .channelName-1G03vu,.theme-light .groupDM-3gzbyG .channelName-1G03vu,.theme-light .groupDMManaged-2z2S1A .channelName-1G03vu,.theme-light .input-autosize-input {
    color: #4f545c
}

.theme-light .input-autosize:hover .input-autosize-input,.theme-light .input-autosize-input:focus {
    -webkit-box-shadow: inset 0 0 0 1px #dcddde;
    box-shadow: inset 0 0 0 1px #dcddde
}

.theme-light .input-autosize-input:focus {
    background-color: #f6f6f7
}

.theme-light .topic-1KFf6J {
    color: hsla(218,5%,47%,.6)
}

.theme-light .topic-1KFf6J:before {
    background-color: hsla(218,5%,47%,.3)
}

.theme-dark .noChannel-2EQ0a9 {
    background: #36393f
}

.theme-dark .title-qAcLxz {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2),0 2px 0 rgba(0,0,0,.06);
    background: #36393f;
    box-shadow: 0 1px 0 rgba(0,0,0,.2),0 2px 0 rgba(0,0,0,.06)
}

.theme-dark .channelName-1G03vu,.theme-dark .groupDM-3gzbyG .channelName-1G03vu,.theme-dark .groupDMManaged-2z2S1A .channelName-1G03vu,.theme-dark .input-autosize-input,.theme-dark .input-autosize-input:focus {
    color: #fff
}

.theme-dark .input-autosize:hover .input-autosize-input,.theme-dark .input-autosize-input:focus {
    -webkit-box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.1);
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.1)
}

.theme-dark .input-autosize-input:focus {
    background-color: #2f3136
}

.theme-dark .topic-1KFf6J {
    color: hsla(240,6%,97%,.6)
}

.theme-dark .topic-1KFf6J a {
    color: #0096cf
}

.theme-dark .topic-1KFf6J:before {
    background-color: hsla(240,6%,97%,.1)
}

.wrapper-FOHcde {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: center;
    background-color: hsla(0,0%,100%,.06);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    height: 52px;
    margin: 13px 0;
    padding: 0 16px;
    position: relative
}

.wrapper-FOHcde .btn {
    margin: 0!important;
    padding: 7px 16px!important
}

.wrapper-FOHcde .btn:disabled {
    background-color: #7289da;
    color: #fff;
    opacity: .5;
    pointer-events: none
}

.addFriendInput-wjMghP {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    background-color: transparent;
    border: none;
    color: #737f8d;
    flex: 1;
    line-height: 52px;
    margin-right: 16px;
    padding: 0;
    z-index: 1
}

.addFriendInput-wjMghP:focus {
    outline: none
}

.addFriendInput-wjMghP::-webkit-input-placeholder {
    color: #dadddf
}

.addFriendHint-3YUuew {
    background-color: transparent;
    color: #dadddf;
    cursor: text;
    left: 16px;
    line-height: 52px;
    position: absolute;
    top: 0
}

.addFriendHint-3YUuew,.addFriendInput-wjMghP {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .04em;
    white-space: pre
}

.theme-dark .wrapper-FOHcde {
    background-color: rgba(36,39,43,.2);
    border-color: rgba(0,0,0,.3)
}

.theme-dark .wrapper-FOHcde .addFriendInput-wjMghP {
    color: #fff
}

.theme-dark .wrapper-FOHcde .addFriendInput-wjMghP::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.2)
}

.theme-dark .wrapper-FOHcde .addFriendHint-3YUuew {
    color: hsla(0,0%,100%,.2)
}

#friends {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%
}

#friends .btn {
    background-color: #7289da;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
    padding: 4px 8px
}

#friends .btn:hover {
    background-color: #697ec4
}

#friends .add-friend {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#friends .scroller {
    overflow-x: hidden
}

#friends .tab-bar {
    -ms-flex: 1;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px
}

#friends .tab-bar .tab-bar-item {
    border-radius: 4px;
    color: #99aab5;
    cursor: pointer;
    line-height: 18px;
    margin: 0 8px;
    min-width: 40px;
    padding: 2px 8px;
    text-align: center
}

#friends .tab-bar .tab-bar-item.tab-bar-item-primary {
    background-color: #7289da;
    color: #fff
}

#friends .tab-bar .tab-bar-item.tab-bar-item-primary .badge {
    background-color: #fff;
    color: #7289da
}

#friends .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) {
    background-color: #697ec4
}

#friends .tab-bar .tab-bar-item .badge {
    -webkit-box-shadow: none;
    background-color: #99aab5;
    box-shadow: none;
    color: #fff;
    font-weight: 700;
    margin-left: 4px;
    padding: 3px 5px;
    text-shadow: none;
    vertical-align: top
}

#friends .tab-bar .tab-bar-item.selected {
    background-color: #99aab5;
    color: #fff;
    cursor: default
}

#friends .tab-bar .tab-bar-item.selected .badge {
    background-color: #fff;
    color: #99aab5
}

#friends .tab-bar .tab-bar-item:hover:not(.selected) {
    background-color: rgba(153,170,181,.2)
}

#friends .tab-bar-separator {
    -ms-flex-negative: 0;
    background-color: #e9e7e7;
    flex-shrink: 0;
    height: 22px;
    width: 1px
}

#friends .friends-table {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-transform: translateZ(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 8px;
    overflow: hidden;
    position: relative;
    transform: translateZ(0)
}

#friends .friends-table .friend-table-add-wrapper h2 {
    color: #737f8d;
    font-size: 16px;
    font-weight: 700;
    margin: 5px 0;
    text-transform: uppercase
}

#friends .friends-table .friend-table-add-wrapper .friend-table-add-description {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    color: rgba(153,170,181,.9);
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#friends .friends-table .friend-table-add-wrapper .friend-table-add-description strong {
    font-weight: 700
}

#friends .friends-table .friend-table-add-wrapper .friend-table-add-description.error {
    color: #f04747!important
}

#friends .friends-table .friend-table-add-wrapper .friend-table-add-description.success {
    color: #43b581!important
}

#friends .friends-table .friend-table-add-wrapper .friend-table-add-header {
    -ms-flex: row;
    -webkit-box-flex: row;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(3%,#fff),to(hsla(0,0%,92%,.21)));
    background: linear-gradient(-180deg,#fff 3%,hsla(0,0%,92%,.21));
    border-bottom: 1px solid rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: row
}

#friends .friends-table .friend-table-add-wrapper .friend-table-add-header .friends-table-add {
    -ms-flex: 1;
    -ms-flex-direction: column;
    -ms-flex-negative: 0;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-shrink: 0;
    padding: 8px 30px
}

#friends .friends-table .friend-table-add-wrapper .friend-table-add-header .connect-accounts {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 8px 18px;
    width: 255px
}

#friends .friends-table .friend-table-add-wrapper .friend-table-add-header .connect-accounts h3 {
    color: rgba(153,170,181,.9);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin: 5px 0
}

#friends .friends-table .friend-table-add-wrapper .friend-table-add-header .connect-accounts .connect-account-btn-group {
    -ms-flex: 1;
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: row;
    margin-top: 13px
}

@media (max-width: 1220px) {
    #friends .friends-table .friend-table-add-wrapper .friend-table-add-header .connect-accounts {
        display:none
    }
}

#friends .friends-table .friend-table-add-wrapper .friend-table-suggestions-header {
    border-bottom: 1px solid rgba(0,0,0,.06);
    padding: 40px 30px 16px
}

#friends .friends-table .friends-table-header {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: center;
    border-bottom: 1px solid #e9e7e7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    padding: 8px 30px
}

#friends .friends-table .friends-table-header .friends-column {
    -ms-flex-negative: 0;
    color: #99aab5;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .025em;
    text-transform: uppercase
}

#friends .friends-table .friends-table-header .friends-column-separator {
    -ms-flex-negative: 0;
    background-color: #e9e7e7;
    content: " ";
    display: inline-block;
    flex-shrink: 0;
    height: 18px;
    margin: 0 20px;
    width: 1px
}

#friends .friends-table .friends-table-body {
    overflow-x: hidden;
    padding-bottom: 20px;
    padding-top: 2px
}

#friends .friends-table .friends-row {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 30px;
    margin-right: 12px;
    overflow: hidden
}

#friends .friends-table .friends-row .avatar-large,#friends .friends-table .friends-row .avatar-small {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0
}

#friends .friends-table .friends-row .discord-tag {
    -ms-flex-align: end;
    -ms-flex-positive: 1;
    -webkit-box-align: end;
    -webkit-box-flex: 1;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    overflow: hidden
}

#friends .friends-table .friends-row .discord-tag .username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#friends .friends-table .friends-row .discord-tag .discriminator {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    opacity: .6;
    visibility: hidden
}

#friends .friends-table .friends-row+.friends-row {
    border-top: 1px solid #e9e7e7
}

#friends .friends-table .friends-row .friends-suggestion-inner {
    -ms-flex: 1;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1
}

#friends .friends-table .friends-row .friends-suggestion-inner .avatar-large {
    margin-right: 20px
}

#friends .friends-table .friends-row .friends-suggestion-inner .friends-suggestion-info {
    -ms-flex: 1;
    -ms-flex-direction: column;
    -ms-flex-pack: distribute;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    color: #737f8d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-around
}

#friends .friends-table .friends-row .friends-suggestion-inner .friends-suggestion-info .friends-suggestion-name {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1
}

#friends .friends-table .friends-row .friends-suggestion-inner .friends-suggestion-info .friends-suggestion-platforms {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    margin-top: 6px
}

#friends .friends-table .friends-row .friends-suggestion-inner .friends-suggestion-info .friends-suggestion-platforms .friends-suggestion-platform {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#friends .friends-table .friends-row .friends-suggestion-inner .friends-suggestion-info .friends-suggestion-platforms .friends-suggestion-platform-icon {
    height: 14px;
    margin-right: 6px;
    width: 14px
}

#friends .friends-table .friends-row .friends-suggestion-inner .friends-suggestion-info .friends-suggestion-platforms .friends-suggestion-platform-name {
    color: #737f8d;
    font-size: 11px;
    font-weight: 500;
    margin-right: 10px
}

#friends .friends-table .friends-row .friends-column {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0
}

#friends .friends-table .friends-row .friends-column+.friends-column {
    margin-left: 41px
}

#friends .friends-table .friends-row .friends-column-name {
    color: #737f8d
}

#friends .friends-table .friends-row .friends-column-name .avatar-small {
    margin-right: 10px
}

#friends .friends-table .friends-row .friends-column-status {
    color: rgba(115,127,141,.6);
    font-weight: 400
}

#friends .friends-table .friends-row .friends-column-status .status {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

#friends .friends-table .friends-row .friends-column-status .friend-activity-text,#friends .friends-table .friends-row .friends-column-status .status-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#friends .friends-table .friends-row .friends-column-status .friend-activity-icon {
    margin-left: 2px;
    min-height: 16px;
    min-width: 16px
}

#friends .friends-table .friends-row .friends-column-status .friend-activity-icon-foreground {
    fill: rgba(115,127,141,.6)
}

#friends .friends-table .friends-row .friends-column-guilds .avatar-small {
    background-color: #7289da;
    color: #fff
}

#friends .friends-table .friends-row .friends-column-guilds .avatar-small,#friends .friends-table .friends-row .friends-column-guilds .more-mutual-guilds-btn {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    justify-content: center
}

#friends .friends-table .friends-row .friends-column-guilds .more-mutual-guilds-btn {
    -webkit-box-sizing: border-box;
    border: 2px solid rgba(0,0,0,.2);
    border-radius: 50%;
    box-sizing: border-box;
    color: rgba(0,0,0,.6);
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 30px;
    margin-left: 6px;
    width: 30px
}

#friends .friends-table .friends-row .friends-column-guilds .more-mutual-guilds-btn:hover {
    border-color: rgba(0,0,0,.6);
    color: #000
}

#friends .friends-table .friends-row .friends-column-guilds a+a {
    margin-left: 6px
}

#friends .friends-table .friends-row .friends-column-actions {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-right: 30px;
    visibility: hidden
}

#friends .friends-table .friends-row .friends-column-actions.friends-column-actions-visible {
    visibility: visible
}

#friends .friends-table .friends-row .friends-column-actions .friends-action {
    -webkit-transition: background-color .2s;
    background-color: #99aab5;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    border-radius: 3px;
    cursor: pointer;
    height: 36px;
    transition: background-color .2s;
    width: 36px
}

#friends .friends-table .friends-row .friends-column-actions .friends-action:hover {
    background-color: #8a99a3
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.disabled {
    opacity: .3;
    pointer-events: none
}

#friends .friends-table .friends-row .friends-column-actions .friends-action+div {
    margin-left: 10px
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-add {
    background-image: url(/assets/1a29aa3cd2ca85699e434eeae3ea2648.svg)
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-add:hover {
    background-color: #43b581!important
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-remove {
    background-image: url(/assets/45d5302b5588415c8e9c53416951078d.svg)
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-remove:hover {
    background-color: #f04747!important
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-voice-call {
    background-image: url(/assets/a062b56f7e5d802b91c7910fedc298e0.svg)
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-video-call {
    background-image: url(/assets/f67374a8fd6b116362596d65cc516747.svg)
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-accept {
    background-image: url(/assets/fed46a58755daec50d51bcde2333edc4.svg)
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-accept:hover {
    background-color: #43b581!important
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-cancel,#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-ignore {
    background-image: url(/assets/b1c929f9160a3fe04306b6aef6fa1c02.svg)
}

#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-cancel:hover {
    background-color: #f04747!important
}

#friends .friends-table .friends-row:hover+.friends-row {
    border-color: transparent
}

#friends .friends-table .friends-row:hover {
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.1);
    background: rgba(153,170,181,.2);
    border-color: transparent;
    border-radius: 3px;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.1);
    margin: 0 20px;
    padding: 16px 10px
}

#friends .friends-table .friends-row:hover .friends-column-actions {
    padding-right: 12px;
    visibility: visible
}

#friends .friends-table .friends-row:hover .discriminator {
    visibility: visible
}

#friends .friends-table .friends-column-name {
    width: 200px
}

@media (max-width: 1300px) {
    #friends .friends-table .friends-column-name {
        width:180px
    }
}

#friends .friends-table .friends-column-status {
    width: 250px
}

@media (max-width: 1300px) {
    #friends .friends-table .friends-column-status {
        width:225px
    }
}

#friends .friends-table .friends-column-guilds {
    width: 200px
}

@media (max-width: 1300px) {
    #friends .friends-table .friends-column-guilds {
        display:none!important
    }

    #friends .friends-table .friends-column-guilds+.friends-column-separator {
        display: none
    }
}

#friends .friends-table .friends-column-actions {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

#friends .friends-empty {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

#friends .friends-empty .empty-state-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
    margin-top: 20px;
    width: 300px
}

#friends .friends-empty.section-add-friend-no-connection .empty-state-image {
    background-image: url(/assets/68a317c6902c4e5b5b6940a66aa54785.png)
}

#friends .friends-empty.section-add-friend-no-suggestion .empty-state-image {
    background-image: url(/assets/59b98e8d90d73527ec88485dbb6b1793.png)
}

#friends .friends-empty.section-all .empty-state-image {
    background-image: url(/assets/02f8bf2a04474c1a7cf33c2be911e91b.png)
}

#friends .friends-empty.section-online .empty-state-image {
    background-image: url(/assets/e52f6b5dcfa283a43b78312fa3511460.png)
}

#friends .friends-empty.section-blocked .empty-state-image {
    background-image: url(/assets/fed3c2dcbbb79837d568cb8d648c86d6.png)
}

#friends .friends-empty.section-pending .empty-state-image {
    background-image: url(/assets/8b2623dcfd6bbf07e6a6b8f8402cd21f.png)
}

#friends .friends-empty p {
    color: rgba(0,0,0,.4);
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin: 20px 50px
}

#friends .friends-empty .btn {
    font-size: 16px;
    padding: 8px 20px
}

#friends .experiment-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 6px;
    text-transform: uppercase
}

#friends .experiment-description {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px;
    width: 300px
}

#friends .btn.experiment {
    background-color: rgba(0,0,0,.05);
    background-image: url(/assets/8184269cedf5d60b32020823397fc8c1.png);
    background-position: 8px 50%;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    color: #2d3283;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin: 0 5px 20px;
    padding-left: 38px;
    padding-right: 0;
    text-align: left;
    width: 164px
}

.theme-dark #friends {
    background-color: #36393e
}

.theme-dark #friends .tab-bar.tab-bar-desktop .tab-bar-item {
    -webkit-app-region: no-drag
}

.theme-dark #friends .tab-bar .tab-bar-item {
    color: hsla(0,0%,100%,.6)
}

.theme-dark #friends .tab-bar .tab-bar-item .badge {
    background-color: hsla(0,0%,100%,.6);
    color: #36393e
}

.theme-dark #friends .tab-bar .tab-bar-item.selected {
    background-color: #fff;
    color: #36393e
}

.theme-dark #friends .tab-bar .tab-bar-item.selected .badge {
    background-color: #7289da;
    color: #fff
}

.theme-dark #friends .tab-bar .tab-bar-item:hover:not(.selected) {
    background-color: #2f3136
}

.theme-dark #friends .tab-bar .tab-bar-item:hover:not(.selected) .badge {
    color: #2f3136
}

.theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary {
    background-color: #7289da;
    color: #fff
}

.theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary .badge {
    background-color: #fff;
    color: #7289da
}

.theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) {
    background-color: #697ec4
}

.theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) .badge {
    color: #697ec4
}

.theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected {
    background-color: #fff;
    color: #7289da
}

.theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected .badge {
    background-color: #7289da;
    color: #fff
}

.theme-dark #friends .tab-bar .tab-bar-separator {
    background-color: hsla(0,0%,100%,.1)
}

.theme-dark #friends .friends-table .friend-table-add-wrapper h2 {
    color: #fff
}

.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(54,57,62,.3)),to(rgba(47,49,54,.3)));
    background: linear-gradient(-180deg,rgba(54,57,62,.3),rgba(47,49,54,.3));
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header .connect-accounts h3 {
    color: hsla(0,0%,100%,.6)
}

.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header .connect-accounts .connect-account-btn-inner {
    border-color: hsla(0,0%,100%,.1)
}

.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header .connect-accounts .connect-account-btn-inner:hover {
    background-color: hsla(0,0%,100%,.1);
    border-color: transparent
}

.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-suggestions-header {
    border-bottom: 1px solid hsla(0,0%,100%,.08)
}

.theme-dark #friends .friends-table .friend-table-add-description {
    color: hsla(0,0%,100%,.6)
}

.theme-dark #friends .friends-table .friends-table-header {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.theme-dark #friends .friends-table .friends-table-header .friends-column {
    color: hsla(0,0%,100%,.3)
}

.theme-dark #friends .friends-table .friends-table-header .friends-column-separator {
    background-color: hsla(0,0%,100%,.1)
}

.theme-dark #friends .friends-table .friends-row+.friends-row {
    border-top: 1px solid hsla(0,0%,100%,.1)
}

.theme-dark #friends .friends-table .friends-row .friends-column-name {
    color: hsla(0,0%,100%,.6)
}

.theme-dark #friends .friends-table .friends-row .friends-column-status {
    color: hsla(0,0%,100%,.4)
}

.theme-dark #friends .friends-table .friends-row .friends-column-status .friend-activity-icon-foreground {
    fill: hsla(0,0%,100%,.4)
}

.theme-dark #friends .friends-table .friends-row .friends-column-guilds .more-mutual-guilds-btn {
    border-color: hsla(0,0%,100%,.1);
    color: hsla(0,0%,100%,.6)
}

.theme-dark #friends .friends-table .friends-row .friends-column-guilds .more-mutual-guilds-btn:hover {
    border-color: hsla(0,0%,100%,.6);
    color: #fff
}

.theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action {
    background-color: #2f3136
}

.theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action:hover {
    background-color: #4f545c
}

.theme-dark #friends .friends-table .friends-row .friends-suggestion-info,.theme-dark #friends .friends-table .friends-row .friends-suggestion-info .friends-suggestion-platform .friends-suggestion-platform-name {
    color: #fff
}

.theme-dark #friends .friends-table .friends-row:hover {
    background: #414449;
    border-color: transparent
}

.theme-dark #friends .friends-table .friends-row:hover+.friends-row {
    border-color: transparent
}

.theme-dark #friends .friends-empty.section-add-friend-no-connection .empty-state-image {
    background-image: url(/assets/e93cf1e3ece608112277cbfaf4ee15e0.png)
}

.theme-dark #friends .friends-empty.section-add-friend-no-suggestion .empty-state-image {
    background-image: url(/assets/1d76c9fe892c2009ccabc0dde6a9f790.png)
}

.theme-dark #friends .friends-empty.section-all .empty-state-image {
    background-image: url(/assets/330e9ef5f4803d08baae91a861e3264f.png)
}

.theme-dark #friends .friends-empty.section-online .empty-state-image {
    background-image: url(/assets/12ce59260e50f1f80302bb73f06cc8c0.png)
}

.theme-dark #friends .friends-empty.section-blocked .empty-state-image {
    background-image: url(/assets/3fc1e006a5e1857cdaeff54204a3dd72.png)
}

.theme-dark #friends .friends-empty.section-pending .empty-state-image {
    background-image: url(/assets/895c4e785aea2c4ce6d05abdef6936cd.png)
}

.theme-dark #friends .friends-empty p {
    color: hsla(0,0%,100%,.4)
}

.theme-dark #friends .experiment-title {
    color: #b9bbbe
}

.theme-dark #friends .experiment-description {
    color: hsla(0,0%,100%,.4)
}

.theme-dark #friends .btn.experiment {
    background-color: #fff
}

.button-2ZR58H {
    -webkit-transform: translate3d(0,3px,0);
    -webkit-transition: -webkit-transform .2s ease;
    margin-left: 4px;
    opacity: .6;
    transform: translate3d(0,3px,0);
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.button-2ZR58H.open-3KjR1l {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.button-2ZR58H.open-3KjR1l path {
    stroke-dasharray: 14
}

.button-2ZR58H path {
    -webkit-transition: stroke-dasharray .2s ease;
    stroke-dasharray: 7;
    stroke-dashoffset: 1;
    stroke-width: 2px;
    transition: stroke-dasharray .2s ease
}

.container-3NvGrL,.header-1tSljs {
    cursor: pointer;
    position: relative
}

.header-1tSljs {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2),0 2px 0 rgba(0,0,0,.06);
    -webkit-box-sizing: border-box;
    -webkit-transition: background-color .15s ease;
    align-items: center;
    box-shadow: 0 1px 0 rgba(0,0,0,.2),0 2px 0 rgba(0,0,0,.06);
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 500;
    height: 48px;
    padding: 0 12px 0 16px;
    transition: background-color .15s ease;
    z-index: 3
}

.header-1tSljs:hover {
    background-color: rgba(0,0,0,.1)
}

.name-3gtcmp {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popout-open .header-1tSljs {
    background-color: rgba(0,0,0,.1)
}

.verified-2LvuDq {
    margin-left: -3px;
    margin-right: 3px
}

.containerDefault-7RImuF,.containerDragAfter-3rB7mB,.containerDragBefore-12YyA9,.containerUserOver-2YhVL6 {
    -webkit-transition: opacity .2s ease-in-out;
    position: relative;
    transition: opacity .2s ease-in-out
}

.containerDragAfter-3rB7mB:after,.containerDragBefore-12YyA9:before {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
    background-color: #43b581;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(0,0,0,.4);
    content: "";
    height: 4px;
    left: 8px;
    position: absolute;
    right: 0;
    z-index: 1
}

.containerDragBefore-12YyA9:before {
    top: -2px
}

.containerDragAfter-3rB7mB:after {
    bottom: -2px
}

.containerUserOver-2YhVL6:after {
    -webkit-box-sizing: border-box;
    background-color: rgba(67,181,129,.1);
    border: 2px solid rgba(67,181,129,.5);
    border-radius: 4px;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 8px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.iconSpacing-5GIHkT {
    margin-left: 4px;
    position: relative
}

.disableClick-27xtcz {
    pointer-events: none
}

.disabled-3EyH5p>div {
    opacity: .3
}

.actionIcon-2JXNvo {
    color: #fff;
    cursor: pointer;
    display: block;
    height: 18px;
    opacity: .3;
    width: 18px
}

.actionIcon-2JXNvo:active {
    -webkit-transform: translateY(.5px);
    transform: translateY(.5px)
}

.actionIcon-2JXNvo:hover {
    opacity: .6
}

.message-3gHzqQ {
    cursor: default
}

.message-3gHzqQ strong {
    background-color: rgba(114,137,218,.1);
    color: #7289da
}

.buttonSpacing-3R7DSg {
    margin-left: 10px
}

.draggable-3SphXU {
    position: relative
}

.draggable-3SphXU:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.containerDefault-1bbItS,.containerDragAfter-3O-noP,.containerDragBefore-2hcouM,.containerUserOver-3O3u5c {
    -webkit-transition: opacity .2s ease-in-out;
    padding-top: 28px;
    position: relative;
    transition: opacity .2s ease-in-out
}

.containerDefault-1bbItS:active,.containerDragAfter-3O-noP:active,.containerDragBefore-2hcouM:active,.containerUserOver-3O3u5c:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.containerDragAfter-3O-noP:before,.containerDragBefore-2hcouM:before {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
    background-color: #43b581;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(0,0,0,.4);
    content: "";
    height: 4px;
    left: 8px;
    position: absolute;
    right: 0;
    z-index: 1
}

.containerDragBefore-2hcouM:before {
    top: -2px
}

.containerDragAfter-3O-noP:before {
    bottom: -2px
}

.containerUserOver-3O3u5c:after {
    -webkit-box-sizing: border-box;
    background-color: rgba(67,181,129,.1);
    border: 2px solid rgba(67,181,129,.5);
    border-radius: 4px;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 8px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.iconSpacing-28Pbkt {
    margin-left: 4px;
    position: relative
}

.disableClick-2NgIVg {
    pointer-events: none
}

.disabled-2mFdm9>div {
    opacity: .3
}

.container-3dgtdN {
    padding-left: 16px
}

.voiceUserSummaryItem-9OrlHw {
    height: 34px
}

.channelNotices-3AUnoM .channelNotice-cQsVXw {
    -webkit-box-shadow: inset 0 -1px 3px rgba(0,0,0,.1);
    box-shadow: inset 0 -1px 3px rgba(0,0,0,.1);
    padding: 73px 20px 20px;
    position: relative;
    text-align: center
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.guildMFAWarning-3XQius {
    background: #282b30 url(/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) no-repeat center 20px
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.guildMFAWarning-3XQius .message-1SsTiA {
    margin: 10px
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.invite-1D-l1h {
    background: #282b30 url(/assets/bf625d222187f542b9d7179109422e2c.svg) no-repeat center 20px
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.invite-1D-l1h.new-R6EGhf {
    background: #4e5d94 url(/assets/40ac1103a43bb382be737519b26f37fa.svg) no-repeat center 20px
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.invite-1D-l1h.new-R6EGhf .headerTint-2TF8xq {
    background-color: #435180;
    height: 56px;
    left: 0;
    position: absolute;
    top: -56px;
    width: 240px;
    z-index: 2
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.invite-1D-l1h.new-R6EGhf .message-1SsTiA {
    color: #f8f9fd
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.invite-1D-l1h.new-R6EGhf .message-1SsTiA .description-3U1DOt {
    margin: 10px 0 20px
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.invite-1D-l1h.new-R6EGhf .message-1SsTiA .description-3U1DOt .title-2e6rSR {
    font-weight: 700;
    text-transform: uppercase
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.invite-1D-l1h.new-R6EGhf .message-1SsTiA .generate-3yukfw {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.invite-1D-l1h.new-R6EGhf .message-1SsTiA .inviteInput-10_P2g {
    background-color: rgba(46,55,87,.1);
    border-color: rgba(46,55,87,.3);
    color: #f8f9fd;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    padding: 8px
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.invite-1D-l1h.new-R6EGhf .message-1SsTiA .inviteInput-10_P2g.centered-1SbGT3 {
    text-align: center
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.invite-1D-l1h.new-R6EGhf .message-1SsTiA .copyLinkButton-22Y2RO {
    border-color: #2e3757;
    line-height: 18px;
    padding: 8px 0;
    text-transform: uppercase;
    width: 100%
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.quickswitcher-3-ck0i {
    background: #282b30 url(/assets/8fdb69b7684b8e1ecb3fdde909daca41.svg) no-repeat center 35px;
    padding: 100px 20px 20px
}

.channelNotices-3AUnoM .channelNotice-cQsVXw.quickswitcher-3-ck0i .btn-3y-iNt {
    font-weight: 500;
    text-transform: uppercase
}

.channelNotices-3AUnoM .channelNotice-cQsVXw .close-1c8cqv {
    background: url(/assets/eb69ec9fdd30653a3ade1ab501a7cd3d.svg);
    cursor: pointer;
    height: 18px;
    opacity: .3;
    position: absolute;
    right: 16px;
    top: 12px;
    width: 18px
}

.channelNotices-3AUnoM .channelNotice-cQsVXw .message-1SsTiA {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    color: hsla(0,0%,100%,.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 0
}

.channelNotices-3AUnoM .channelNotice-cQsVXw .message-1SsTiA .btn-3y-iNt {
    background-color: #36393e;
    border: 1px solid rgba(0,0,0,.6);
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
    padding: 8px 0
}

.channelNotices-3AUnoM .channelNotice-cQsVXw .message-1SsTiA .btn-3y-iNt:active {
    background-color: #313338
}

.channelNotices-3AUnoM .channelNotice-cQsVXw a {
    cursor: pointer
}

.container-RYiLUQ {
    background-color: #2f3136;
    contain: layout;
    min-height: 0;
    position: relative
}

.scroller-NXV0-d {
    padding-bottom: 20px
}

.unread-3nyKcq {
    left: 0;
    right: 0
}

.unreadBar-3lDSDn {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2)
}

.unreadBar-3lDSDn:before {
    bottom: 0;
    content: "";
    left: -8px;
    position: absolute;
    right: -8px;
    top: 0
}

.unreadBottom-2LxhSR {
    bottom: 0
}

.unreadBottom-2LxhSR .unreadBar-3lDSDn:before {
    bottom: -8px
}

.positionedContainer-1vzMMH {
    position: relative
}

.unreadTop-25fmEL {
    top: 0
}

.unreadTop-25fmEL .unreadBar-3lDSDn:before {
    top: -8px
}

.private-channels {
    -moz-user-select: none;
    -ms-flex: 1;
    -ms-flex-direction: column;
    -ms-user-select: none;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-sizing: border-box;
    -webkit-transform: translateZ(0);
    -webkit-user-select: none;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
    user-select: none
}

.private-channels .no-private-channels {
    background-image: url(/assets/9fa9376ff1c2321755aeabfa5d8d6cb7.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 230px;
    margin-left: 20px;
    margin-top: 9px;
    opacity: .8;
    width: 171px
}

.private-channels .status {
    border: 2px solid #2f3136
}

.private-channels header {
    -webkit-transition: opacity .15s ease;
    color: #fff;
    cursor: default;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-top: 12px;
    opacity: .3;
    overflow: hidden;
    padding: 9px 20px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: opacity .15s ease;
    white-space: nowrap
}

.private-channels header:not(:first-of-type) {
    margin-top: 20px
}

.private-channels li {
    padding: 0 6px 0 20px
}

.private-channels .search-bar {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2),0 2px 0 rgba(0,0,0,.06);
    background-color: transparent;
    border-radius: 0;
    box-shadow: 0 1px 0 rgba(0,0,0,.2),0 2px 0 rgba(0,0,0,.06);
    height: 48px;
    padding: 0 12px;
    position: relative;
    z-index: 1
}

.private-channels .search-bar .search-bar-inner input {
    cursor: pointer
}

.private-channels .channel {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.25em;
    overflow: hidden;
    position: relative
}

.private-channels .channel a {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-sizing: border-box;
    align-items: center;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    height: 40px;
    margin: 1px 0 1px 8px;
    padding: 8px;
    text-decoration: none
}

.private-channels .channel .channel-name {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    color: #f6f6f7;
    flex-grow: 1;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    opacity: .3;
    overflow: hidden;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.private-channels .channel .channel-activity {
    color: #b9bbbe;
    font-size: 10px;
    line-height: 10px
}

.private-channels .channel .channel-activity strong {
    font-weight: 700
}

.private-channels .channel .channel-activity-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.private-channels .channel .channel-activity-icon {
    margin-left: 2px;
    min-height: 16px;
    min-width: 16px
}

.private-channels .channel .channel-activity-icon-foreground {
    fill: #b9bbbe
}

.private-channels .channel .close {
    background: url(/assets/9cc98e0a595df904b11a7824bb421778.svg) 50% no-repeat;
    background-size: 18px 18px;
    content: " ";
    display: none;
    height: 18px;
    width: 18px
}

.private-channels .channel .close:hover {
    opacity: 1!important
}

.private-channels .channel .avatar-small {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    margin-top: 0
}

.private-channels .channel .avatar-small:hover {
    z-index: 2
}

.private-channels .channel .link-button-icon {
    -webkit-transition: opacity .05s;
    height: 24px;
    margin-right: 18px;
    opacity: .6;
    transition: opacity .05s;
    width: 24px
}

.private-channels .channel:hover {
    color: #fff
}

.private-channels .channel:hover .channel-name,.private-channels .channel:hover .link-button-icon {
    opacity: 1
}

.private-channels .channel:hover .channel-activity-icon-foreground {
    fill: #fff
}

.private-channels .channel:hover .channel-activity {
    color: #fff
}

.private-channels .channel:hover a {
    background-color: #36393f;
    color: #fff
}

.private-channels .channel:hover .close {
    display: block
}

.private-channels .channel:hover .status {
    border-color: #36393f
}

.private-channels .channel.selected {
    color: #fff
}

.private-channels .channel.selected .channel-name {
    opacity: 1
}

.private-channels .channel.selected .channel-activity-icon-foreground {
    fill: #fff
}

.private-channels .channel.selected a {
    background-color: rgba(79,84,92,.6);
    color: #fff
}

.private-channels .channel.selected .link-button-icon {
    opacity: 1
}

.private-channels .channel.selected .status {
    border-color: #42464d
}

.card-2WxYqG {
    -webkit-box-sizing: border-box;
    -webkit-transform: translateZ(0);
    border: 1px solid transparent;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: default;
    overflow: hidden;
    transform: translateZ(0)
}

.header-1qeJfQ {
    border-bottom: 1px solid transparent;
    padding: 20px;
    position: relative
}

.headerButtonColor-2ZJMqn {
    background: #4f545c;
    color: #fff
}

.splashArt-va7TI- {
    -webkit-filter: grayscale(100%);
    -webkit-mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,0) 100%);
    background-position-x: 50%;
    background-position-y: 40%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    filter: grayscale(100%);
    left: 0;
    mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,0) 100%);
    opacity: .3;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 300px
}

.theme-dark .card-2WxYqG {
    background-color: #36393f;
    border-color: rgba(32,34,37,.6);
    color: #f6f6f7
}

.theme-dark .header-1qeJfQ {
    background-color: #2f3136;
    border-bottom-color: rgba(32,34,37,.6)
}

.theme-dark .header-1qeJfQ:hover {
    background-color: rgba(32,34,37,.6)
}

.theme-dark .splashArt-va7TI- {
    background-image: url(/assets/976b56da8d86af63aef4f55afb553a9f.png)
}

.theme-dark .body-8pBSC7 {
    background-color: rgba(79,84,92,.3)
}

.theme-light .card-2WxYqG {
    background-color: #f6f6f7;
    border-color: hsla(216,4%,74%,.6);
    color: #36393f
}

.theme-light .header-1qeJfQ {
    background-color: hsla(210,3%,87%,.6);
    border-bottom-color: hsla(216,4%,74%,.6)
}

.theme-light .header-1qeJfQ:hover {
    background-color: #dcddde
}

.theme-light .splashArt-va7TI- {
    background-image: url(/assets/171a53265b4d807b208e80f1acba3762.png)
}

.theme-light .body-8pBSC7 {
    background-color: #fff
}

.section-fQIEsd {
    -ms-flex: 1 0 calc(50% - 20px);
    -webkit-box-flex: 1;
    flex: 1 0 calc(50% - 20px)
}

.sectionTitle-3zroJb {
    text-transform: uppercase
}

.sectionLine-3PSnnJ {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    height: 1px;
    margin-left: 20px
}

.theme-dark .sectionTitle-3zroJb {
    color: #b9bbbe
}

.theme-dark .sectionLine-3PSnnJ {
    background-color: #36393f
}

.theme-light .sectionTitle-3zroJb {
    color: #72767d
}

.theme-light .sectionLine-3PSnnJ {
    background-color: hsla(210,3%,87%,.6)
}

.ellipsis-1CUWFi {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card-_xTeYB {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    margin-top: 20px
}

.cardBody-30vFjj {
    overflow: hidden;
    padding: 20px 20px 0
}

.cardHeader-scsddN:hover .headerActions-1pFuL9,.headerContent-1ZLJIB,.headerOverflowOpen-fsvjbT .headerActions-1pFuL9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerContent-1ZLJIB {
    -ms-flex: 1;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    flex: 1;
    overflow: hidden
}

.headerTitle-34W0V4 {
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-left: 20px
}

.headerTitle-34W0V4:hover {
    text-decoration: underline
}

.headerActions-1pFuL9 {
    display: none
}

.overflowMenu-3PycX8 {
    -webkit-transition: opacity .2s linear;
    cursor: pointer;
    height: 24px;
    margin-left: 8px;
    opacity: .3;
    transition: opacity .2s linear;
    width: 24px
}

.overflowMenu-3PycX8:hover {
    opacity: 1
}

.player-3apN7h,.playerBottomPadding-uRf6Tk,.sectionBottomPadding-38xKlA {
    padding-bottom: 20px
}

.player-3apN7h {
    border-bottom: 1px solid transparent
}

.player-3apN7h+.player-3apN7h {
    padding-top: 20px
}

.player-3apN7h:last-child {
    border-bottom: none
}

.sectionGutter-5C5YIO {
    margin-left: 40px
}

.overflownPlayers-3cS8aw {
    margin-top: 20px
}

.soloAvatar-1it2kn {
    cursor: pointer;
    margin-right: -6px
}

.soloAvatarNotLast-a3oQMD {
}

.soloAvatarLast-1OwVbU {
}

.soloAvatarTooltip-us30sx {
    text-align: center
}

.soloAvatarTooltipTimestamp-3PEx-u {
    opacity: .6
}

.overflowUserOverflow-3HgAj2 {
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    min-width: 14px;
    padding: 0 8px;
    position: relative
}

.info-3j2tzl {
    -ms-flex: 1;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin-left: 20px;
    min-width: 0
}

.tag-1hQ75m {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 16px;
    max-width: 100%
}

.username-uKoqtE:hover {
    cursor: pointer;
    text-decoration: underline
}

.avatar-3IyHrv {
    cursor: pointer
}

.avatar-3IyHrv:hover {
    opacity: .8
}

.playTime-36Dvr8 {
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news-XQhS0- {
    background-color: #202225;
    border-radius: 3px;
    margin-top: 20px
}

.theme-dark .overflowUserOverflow-3HgAj2 {
    background-color: #4f545c;
    color: #b9bbbe
}

.theme-dark .player-3apN7h {
    border-bottom-color: #36393f
}

.theme-dark .tag-1hQ75m {
    color: #dcddde
}

.theme-dark .discriminator-2GlhWJ,.theme-dark .playTime-36Dvr8 {
    color: #72767d
}

.theme-light .overflowUserOverflow-3HgAj2 {
    background-color: #f6f6f7;
    color: #72767d
}

.theme-light .player-3apN7h {
    border-bottom-color: hsla(210,3%,87%,.6)
}

.theme-light .tag-1hQ75m {
    color: #4f545c
}

.theme-light .discriminator-2GlhWJ,.theme-light .playTime-36Dvr8 {
    color: #b9bbbe
}

.column-15htTH {
    margin-left: 20px;
    vertical-align: top
}

.column-15htTH:first-child {
    margin-left: 0
}

.measureWrapper-2kf33G {
    height: 0;
    overflow: hidden;
    position: absolute
}

.feed-jRZy6x {
    padding: 0 20px 20px
}

.body-AtujeI {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px
}

.carousel-3dWxBM {
    -webkit-transform: translateZ(0);
    background-color: #202225;
    border-radius: 3px;
    height: 300px;
    transform: translateZ(0)
}

.header-3lra3f {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    width: 100%
}

.headerManageIcon-23t9Jh {
    -webkit-transition: color .2s ease;
    cursor: pointer;
    height: 22px;
    transition: color .2s ease;
    width: 22px
}

.headerText-2y0gdT {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    font-size: 18px;
    line-height: 22px
}

.emptyImage-E6Wq2u {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 218px;
    width: 100%
}

.sectionTitle-3XW8WD {
}

.sectionBlurb-2dKs-4 {
}

.theme-dark .headerManageIcon-23t9Jh {
    color: #72767d
}

.theme-dark .headerManageIcon-23t9Jh:hover {
    color: #b9bbbe
}

.theme-dark .headerManageIcon-23t9Jh:active,.theme-dark .headerText-2y0gdT {
    color: #dcddde
}

.theme-dark .emptyImage-E6Wq2u {
    background-image: url(/assets/9216d9cf9e2660d3400e03f438bcdd7e.svg)
}

.theme-dark .sectionTitle-3XW8WD {
    color: #dcddde
}

.theme-dark .sectionBlurb-2dKs-4,.theme-light .headerManageIcon-23t9Jh {
    color: #72767d
}

.theme-light .headerManageIcon-23t9Jh:hover {
    color: #4f545c
}

.theme-light .headerManageIcon-23t9Jh:active {
    color: #36393f
}

.theme-light .headerText-2y0gdT {
    color: #4f545c
}

.theme-light .emptyImage-E6Wq2u {
    background-image: url(/assets/957e5890f369f6c3fbc90cea40b2a393.svg)
}

.theme-light .sectionTitle-3XW8WD {
    color: #4f545c
}

.theme-light .sectionBlurb-2dKs-4 {
    color: #72767d
}

.emptyImage-2K8XCt {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 218px;
    margin-top: 40px;
    width: 100%
}

.header-1qcq0D {
    border-top: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding-top: 28px;
    width: 100%
}

.theme-dark .header-1qcq0D {
    border-top-color: rgba(47,49,54,.6)
}

.theme-dark .emptyImage-2K8XCt {
    background-image: url(/assets/9216d9cf9e2660d3400e03f438bcdd7e.svg)
}

.theme-light .header-1qcq0D {
    border-top-color: hsla(210,3%,87%,.6)
}

.theme-light .emptyImage-2K8XCt {
    background-image: url(/assets/957e5890f369f6c3fbc90cea40b2a393.svg)
}

.clickable-KtKGQC {
    cursor: pointer
}

.partyMember-1e9xNJ {
    margin: 0 4px
}

.partyMemberBackground-2fL5nF {
    -ms-flex-negative: 0;
    -webkit-box-sizing: border-box;
    border-radius: 50%;
    box-sizing: border-box;
    flex-shrink: 0;
    height: 30px;
    width: 30px
}

.partyMemberEmpty-3918Dx,.partyMemberUnknown-25cHNU {
}

.partyMemberUnknown-25cHNU {
    padding: 3px
}

.partyMemberUnknownIcon-1XyPZD {
    height: 24px;
    width: 24px
}

.partyMemberOverflow-1KPQrR {
    border-radius: 50%;
    height: 30px;
    margin: 0 4px;
    min-width: 30px;
    text-align: center;
    width: 30px
}

.theme-dark .partyMemberOverflow-1KPQrR {
    background-color: #4f545c;
    color: #fff
}

.theme-dark .partyMemberBackground-2fL5nF {
    background-color: #4f545c
}

.theme-dark .partyMemberUnknownIcon-1XyPZD {
    color: #72767d
}

.theme-light .partyMemberOverflow-1KPQrR {
    background-color: #f6f6f7;
    color: #72767d
}

.theme-light .partyMemberBackground-2fL5nF {
    background-color: #f6f6f7
}

.theme-light .partyMemberUnknownIcon-1XyPZD {
    color: #b9bbbe
}

.card-g5R7uo {
}

.avatar-2eVNVv {
    -webkit-transition: opacity .2s ease;
    cursor: pointer;
    margin-right: 20px;
    transition: opacity .2s ease
}

.avatar-2eVNVv:hover {
    opacity: .8
}

.cardHeader-Mtn1H2:hover .headerActions-9CR0uj,.header-2xSyzI,.headerOverflowOpen-34WcGf .headerActions-9CR0uj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-2xSyzI {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%
}

.headerGroupIconBackground-1uCKyu {
    background-color: #7289da;
    border-radius: 50%;
    height: 24px;
    padding: 8px;
    width: 24px
}

.headerGroupIcon-2d9-ab {
    color: #fff;
    height: 24px;
    width: 24px
}

.headerText-34U9bm {
    margin-left: 20px;
    overflow: hidden
}

.headerTitle-bQW2j8 {
}

.headerSubtitle-1Wy5FL {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.username-2ub86s {
    cursor: pointer;
    font-weight: 500
}

.username-2ub86s:hover {
    text-decoration: underline
}

.userNamePartied-1ab9Yt {
    cursor: pointer
}

.userNamePartied-1ab9Yt:hover {
    text-decoration: underline
}

.usernameSpacing-22W4RZ {
    margin-right: 4px
}

.discriminator-22PaLt {
}

.headerActions-9CR0uj {
    display: none;
    margin-left: 8px
}

.overflowMenu-2f8KyJ {
    -webkit-transition: opacity .2s linear;
    cursor: pointer;
    height: 24px;
    margin-left: 8px;
    opacity: .3;
    transition: opacity .2s linear;
    width: 24px
}

.overflowMenu-2f8KyJ:hover {
    opacity: 1
}

.cardBody-282PbY {
    padding: 0 20px
}

.sectionTopPadding-1kITDv {
    padding-top: 20px
}

.bottomSeparator-nS4vMF {
    border-bottom: 1px solid transparent;
    padding-bottom: 20px
}

.gameIcon-1EcVt- {
    -ms-flex-negative: 0;
    background-size: 100%;
    border-radius: 3px;
    flex-shrink: 0;
    height: 40px;
    width: 40px
}

.game-1kcFlg {
    padding: 20px 0
}

.gameInfo-6hAckR {
    margin-left: 20px;
    min-width: 0
}

.gameInfoRich-13tZMB {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.gameInfoRich-13tZMB,.gameNameWrapper-kINZSS {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1
}

.gameName-XYXxkg,.gameNameWrapper-kINZSS {
    overflow: hidden
}

.gameName-XYXxkg {
    cursor: pointer;
    margin-right: 10px;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gameName-XYXxkg:hover {
    text-decoration: underline
}

.playTime-2FVt-9 {
}

.richActivity-1BxQwj {
}

.guildIconEmptyBackground-1YbRho {
    border-radius: 50%;
    height: 24px;
    padding: 8px;
    width: 24px
}

.guildIconEmptyIcon-3Y0IWh {
    height: 24px;
    width: 24px
}

.guildIconWrapper-2MiaiM {
    position: relative
}

.guildIcon-1F259u {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.guildIcon-1F259u:hover {
    opacity: .8
}

.voiceGuildIcon-18JPdU {
    -webkit-mask: url(/assets/fbba238bbe79aad95bc3d69e21e63452.svg);
    mask: url(/assets/fbba238bbe79aad95bc3d69e21e63452.svg)
}

.voiceChannel-2d2axS {
    padding-top: 20px
}

.voiceChannelIcon-36iB0o {
    bottom: 0;
    height: 16px;
    position: absolute;
    right: 0;
    width: 16px
}

.partyAvatars-1jsl3K {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    margin-left: 10px;
    min-width: 0
}

.channelName-YJxyTV {
    cursor: pointer;
    margin-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.channelName-YJxyTV:hover {
    text-decoration: underline
}

.theme-dark .headerTitle-bQW2j8 {
    color: #dcddde
}

.theme-dark .headerSubtitle-1Wy5FL {
    color: #72767d
}

.theme-dark .username-2ub86s {
    color: #dcddde
}

.theme-dark .discriminator-22PaLt {
    color: #72767d
}

.theme-dark .overflowMenu-2f8KyJ {
    color: #fff
}

.theme-dark .bottomSeparator-nS4vMF {
    border-color: #36393f
}

.theme-dark .gameName-XYXxkg {
    color: #dcddde
}

.theme-dark .playTime-2FVt-9 {
    color: #72767d
}

.theme-dark .guildIconEmptyBackground-1YbRho {
    background-color: #4f545c
}

.theme-dark .guildIconEmptyIcon-3Y0IWh,.theme-dark .voiceChannelIcon-36iB0o {
    color: #b9bbbe
}

.theme-dark .channelName-YJxyTV {
    color: #dcddde
}

.theme-light .headerTitle-bQW2j8 {
    color: #4f545c
}

.theme-light .headerSubtitle-1Wy5FL {
    color: #72767d
}

.theme-light .username-2ub86s {
    color: #4f545c
}

.theme-light .discriminator-22PaLt {
    color: #b9bbbe
}

.theme-light .overflowMenu-2f8KyJ {
    color: #4f545c
}

.theme-light .bottomSeparator-nS4vMF {
    border-color: hsla(210,3%,87%,.6)
}

.theme-light .gameName-XYXxkg {
    color: #4f545c
}

.theme-light .playTime-2FVt-9 {
    color: #72767d
}

.theme-light .guildIconEmptyBackground-1YbRho {
    background-color: #f6f6f7
}

.theme-light .channelName-YJxyTV,.theme-light .guildIconEmptyIcon-3Y0IWh,.theme-light .voiceChannelIcon-36iB0o {
    color: #72767d
}

.article-2abys7 {
    -webkit-box-sizing: border-box;
    background-color: #202225;
    border-radius: 5px;
    box-sizing: border-box;
    height: 300px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.background-1DPBdk {
    -webkit-mask: -webkit-gradient(linear,left top,right top,from(transparent),to(#000));
    -webkit-mask: linear-gradient(90deg,transparent,#000);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    mask: -webkit-gradient(linear,left top,right top,from(transparent),to(#000));
    mask: linear-gradient(90deg,transparent,#000);
    max-width: 700px;
    min-width: 300px;
    position: absolute;
    right: 0;
    top: 0;
    width: 90%
}

.iconArea-1hSeYd {
}

.gameArea-3bkau6 {
    margin-left: 20px;
    position: relative
}

.gameName-1x1uaa {
    color: #dcddde
}

.gameName-1x1uaa:hover {
    text-decoration: underline
}

.articleType-2EgwJa {
    color: #72767d;
    text-transform: uppercase
}

.details-1nPJAE {
    margin-left: 60px;
    position: relative;
    width: 40%
}

.title-2xL5qS {
    text-overflow: ellipsis;
    white-space: nowrap
}

.description-1PaS9z,.title-2xL5qS {
    color: #fff;
    display: block;
    overflow: hidden
}

.description-1PaS9z {
    max-height: 80px;
    opacity: .8
}

.readLink-l7ywwv {
    display: inline-block
}

.emptyState-1HDDkN {
    -webkit-box-sizing: border-box;
    border: 1px solid;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 20px 0;
    padding: 20px;
    width: 100%
}

.title-2QJ6-n {
    font-size: 16px;
    line-height: 20px
}

.subtitle-1diHGV {
    font-size: 14px
}

.theme-light .emptyState-1HDDkN {
    background-color: #fff;
    border-color: #dcddde
}

.theme-light .title-2QJ6-n {
    color: #36393f
}

.theme-light .subtitle-1diHGV {
    color: #72767d
}

.theme-dark .emptyState-1HDDkN {
    background-color: rgba(79,84,92,.3);
    border-color: #2f3136
}

.theme-dark .title-2QJ6-n {
    color: #dcddde
}

.theme-dark .subtitle-1diHGV {
    color: #72767d
}

.activityFeed--1mYMS {
    -ms-flex: 1 1 auto;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden
}

.header-fORkNi {
    margin-left: 8px
}

.theme-dark .activityFeed--1mYMS {
    background-color: #36393f
}

.theme-light .activityFeed--1mYMS {
    background-color: #f6f6f7
}

.container-1WaXoH {
    width: 250px
}

.container-1WaXoH section {
    padding: 14px 20px
}

.container-1WaXoH section p {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    color: #8a8e94;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    user-select: text
}

.container-1WaXoH section p strong {
    font-weight: 700
}

.container-1WaXoH section p+p {
    margin-top: 3px
}

.container-1WaXoH section a {
    color: #00b0f4;
    text-decoration: none
}

.container-1WaXoH section a:hover {
    text-decoration: underline
}

.container-1WaXoH hr {
    border: 1px solid #f0f0f0;
    border-bottom: none;
    margin: 14px -15px
}

.container-1WaXoH .debugButton-2WuKUX {
    color: #99aab5;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500
}

.sparkline-cj9TYi {
    height: 30px;
    margin-bottom: 8px
}

.secured-8kQyAY {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    color: #43b581;
    flex: 1;
    font-size: 12px;
    font-weight: 500
}

.secured-8kQyAY:before {
    background: url(/assets/0c89a0b25036b406bcbcf37701ec738f.svg) 50% no-repeat;
    background-size: 9px 12px;
    content: " ";
    display: inline-block;
    height: 12px;
    margin-right: 4px;
    vertical-align: bottom;
    width: 9px
}

.popoutBottom-SMkDcV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 14px
}

.listeningAlong-13-Udx {
    -ms-flex-negative: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-shrink: 0;
    margin-bottom: 2px;
    padding: 12px 10px;
    width: 100%
}

.textWrap-3N6IUC {
}

.title-WW3neA {
}

.subtitle-2BzAeG {
}

.party-crmygl {
    margin-left: 8px
}

.clickable-3_1wEB {
    cursor: pointer
}

.icons-2d4ZT1 {
    margin-left: 4px
}

.iconLink-2ClDw6,.icons-2d4ZT1 {
}

.actionIcon-JJUStF {
    border-radius: 3px;
    height: 20px;
    padding: 6px;
    width: 20px
}

.theme-light .listeningAlong-13-Udx {
    background-color: rgba(32,34,37,.3)
}

.theme-light .title-WW3neA {
    color: #fff
}

.theme-light .subtitle-2BzAeG {
    color: hsla(0,0%,100%,.4)
}

.theme-light .actionIcon-JJUStF {
    color: #fff;
    opacity: .6
}

.theme-light .actionIcon-JJUStF:hover {
    background-color: rgba(24,25,28,.3);
    opacity: 1
}

.theme-dark .listeningAlong-13-Udx {
    background-color: rgba(32,34,37,.3)
}

.theme-dark .title-WW3neA {
    color: #fff
}

.theme-dark .subtitle-2BzAeG {
    color: hsla(0,0%,100%,.4)
}

.theme-dark .actionIcon-JJUStF {
    color: #fff;
    opacity: .6
}

.theme-dark .actionIcon-JJUStF:hover {
    background-color: rgba(24,25,28,.3);
    opacity: 1
}

.listeningAlongList-ESfwTE {
    border: 1px solid transparent;
    border-radius: 3px;
    min-width: 250px;
    position: relative
}

.listeningAlongList-ESfwTE:before {
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
    -webkit-transform: translate3d(4px,-4px,0) rotate(45deg);
    border: 1px solid transparent;
    box-shadow: 2px 2px 4px rgba(0,0,0,.2);
    content: "";
    height: 8px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 100%;
    transform: translate3d(4px,-4px,0) rotate(45deg);
    width: 8px
}

.header-9Qyhnu {
    padding: 12px;
    text-align: center;
    text-transform: uppercase
}

.content-1EHejo {
    max-height: 260px
}

.user-2BX_XG {
    padding: 10px
}

.discriminator-3kG9yL,.user-2BX_XG {
}

.tag-2pi26z {
    margin-left: 8px
}

.theme-dark .listeningAlongList-ESfwTE {
    border-color: #202225
}

.theme-dark .listeningAlongList-ESfwTE:before {
    background-color: #2f3136;
    border-bottom-color: #202225;
    border-right-color: #202225
}

.theme-dark .header-9Qyhnu {
    background-color: #202225;
    color: #fff
}

.theme-dark .content-1EHejo {
    background-color: #2f3136
}

.theme-dark .username-lF3rQo {
    color: #dcddde
}

.theme-dark .discriminator-3kG9yL {
    color: #72767d
}

.theme-light .listeningAlongList-ESfwTE {
    border-color: #f6f6f7
}

.theme-light .listeningAlongList-ESfwTE:before {
    background-color: #fff;
    border-bottom-color: #f6f6f7;
    border-right-color: #f6f6f7
}

.theme-light .header-9Qyhnu {
    background-color: #f6f6f7;
    color: #4f545c
}

.theme-light .content-1EHejo {
    background-color: #fff
}

.theme-light .username-lF3rQo {
    color: #4f545c
}

.theme-light .discriminator-3kG9yL {
    color: #b9bbbe
}

.spacer-3Dkonz {
    min-height: 1px
}

.container-2OU7Cz {
    background-color: #202225
}

.channels-3g2vYe {
    -ms-flex-negative: 0;
    background-color: #2f3136;
    flex-shrink: 0;
    width: 240px
}

.base-3AoPqv {
    border-radius: 5px 0 0 5px;
    overflow: hidden
}

.platform-web .base-3AoPqv {
    border-radius: 0
}

.wrapper-2PXjeM {
    height: 385px
}

.modal-_aE5JX {
    max-height: 455px
}

.inviteRow-1OabNn {
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    box-sizing: border-box;
    height: 44px;
    margin-right: -10px;
    padding: 7px 10px
}

.inviteRowAvatar-1_gJxs {
    margin-top: 0
}

.inviteRowInfo-3TXWjG {
}

.inviteRowButton-2nAzPY {
    height: 32px
}

.theme-light .inviteRow-1OabNn:hover {
    background-color: #f6f6f7
}

.theme-light .inviteRowName-uHzNmr {
    color: #4f545c
}

.theme-dark .inviteRow-1OabNn:hover {
    background-color: #4f545c
}

.theme-dark .inviteRowName-uHzNmr {
    color: #f6f6f7
}

.button {
    -webkit-transition: background-color .2s ease;
    background-color: #7289da;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    padding: 10px 20px;
    position: relative;
    transition: background-color .2s ease;
    width: auto
}

.button:hover {
    background-color: #697ec4
}

.tutorial-indicators .indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: auto;
    position: absolute;
    z-index: 999
}

.tutorial-indicators .indicator .animation-container {
    -webkit-transition: opacity .2s ease-out;
    height: 36px;
    position: relative;
    transition: opacity .2s ease-out;
    width: 36px
}

.tutorial-indicators .indicator .animation-container.animating {
    opacity: 1
}

.tutorial-indicators .indicator .animation-container.not-animating {
    opacity: 0
}

.tutorial-indicators .indicator .animation-container .top {
    background: url(/assets/e1969c99c7929450baa3c88fab8e244c.svg) 50% no-repeat;
    background-size: contain;
    height: 22px;
    left: 18.5px;
    position: absolute;
    top: -10px;
    width: 9px
}

.tutorial-indicators .indicator .animation-container .top.animating {
    -webkit-animation: exclaim-loop 1.5s infinite ease-in-out forwards;
    animation: exclaim-loop 1.5s infinite ease-in-out forwards
}

.tutorial-indicators .indicator .animation-container .top.not-animating {
    -webkit-animation: quick-fade-out .2s forwards;
    animation: quick-fade-out .2s forwards
}

.tutorial-indicators .indicator .animation-container .bottom {
    background: url(/assets/91efb70de850b7180044d04def863f07.svg) 50% no-repeat;
    background-size: contain;
    height: 8px;
    left: 14px;
    position: absolute;
    top: 14px;
    width: 8px
}

.tutorial-indicators .indicator .animation-container .bottom.animating {
    -webkit-animation: dot-loop 1.5s infinite ease-in-out forwards;
    animation: dot-loop 1.5s infinite ease-in-out forwards
}

.tutorial-indicators .indicator .animation-container .bottom.not-animating {
    -webkit-animation: quick-fade-out .2s forwards;
    animation: quick-fade-out .2s forwards
}

.tutorial-indicators .indicator .animation-container .inner-circle {
    background: url(/assets/5d7b0c4b2a82d63d829b6ea591853c22.svg) 50% no-repeat;
    background-size: contain;
    height: 30px;
    left: 3px;
    opacity: .1;
    position: absolute;
    top: 3px;
    width: 30px
}

.tutorial-indicators .indicator .animation-container .inner-circle.animating {
    -webkit-animation: inner-circle-loop 1.5s infinite;
    animation: inner-circle-loop 1.5s infinite;
    opacity: .1
}

.tutorial-indicators .indicator .animation-container .inner-circle.animating.high-priority {
    -webkit-animation: inner-circle-loop-high-priority 1.5s infinite;
    animation: inner-circle-loop-high-priority 1.5s infinite
}

.tutorial-indicators .indicator .animation-container .inner-circle.not-animating {
    -webkit-animation: quick-fade-out .2s forwards;
    animation: quick-fade-out .2s forwards
}

.tutorial-indicators .indicator .animation-container .outer-circle {
    background: url(/assets/2cf1ec0c044e0a2bdf7d818a1c8a7101.svg) 50% no-repeat;
    background-size: contain;
    height: 36px;
    opacity: .1;
    position: absolute;
    width: 36px
}

.tutorial-indicators .indicator .animation-container .outer-circle.animating {
    -webkit-animation: outer-circle-loop 1.5s infinite;
    animation: outer-circle-loop 1.5s infinite;
    opacity: 0
}

.tutorial-indicators .indicator .animation-container .outer-circle.animating.high-priority {
    -webkit-animation: outer-circle-loop-high-priority 1.5s infinite;
    animation: outer-circle-loop-high-priority 1.5s infinite
}

.tutorial-indicators .indicator .animation-container .outer-circle.not-animating {
    -webkit-animation: quick-fade-out .2s forwards;
    animation: quick-fade-out .2s forwards
}

.tutorial-popout {
    line-height: 120%;
    margin-top: -18px;
    width: 400px
}

.tutorial-popout .content em {
    font-style: italic
}

.tutorial-popout .content strong {
    font-weight: 700
}

.tutorial-popout header {
    -ms-flex-align: start;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: flex-start;
    background-image: url(/assets/a06bb83a39e51be0176045976178253d.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 400px 60px;
    flex-direction: column;
    font-size: 20px;
    height: 40px;
    justify-content: center;
    padding: 18px;
    text-transform: none
}

.tutorial-popout section {
    padding: 18px
}

.tutorial-popout .button-area {
    -ms-flex-align: end;
    -ms-flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 18px
}

.tutorial-popout .button-area .skip-tips {
    color: #99aab5;
    font-size: 12px
}

.tutorial-popout .button-area .skip-tips a {
    color: #7289da;
    cursor: pointer;
    text-decoration: none
}

.popout-invert>.tutorial-popout {
    margin-top: 40px!important
}

@-webkit-keyframes exclaim-loop {
    0% {
        top: -10px
    }

    21% {
        top: -14px
    }

    46%,51% {
        top: -10px
    }

    72% {
        top: -14px
    }

    to {
        top: -10px
    }
}

@keyframes exclaim-loop {
    0% {
        top: -10px
    }

    21% {
        top: -14px
    }

    46%,51% {
        top: -10px
    }

    72% {
        top: -14px
    }

    to {
        top: -10px
    }
}

@-webkit-keyframes dot-loop {
    0% {
        top: 14px
    }

    19% {
        top: 9px
    }

    44%,49% {
        top: 14px
    }

    70% {
        top: 9px
    }

    95%,to {
        top: 14px
    }
}

@keyframes dot-loop {
    0% {
        top: 14px
    }

    19% {
        top: 9px
    }

    44%,49% {
        top: 14px
    }

    70% {
        top: 9px
    }

    95%,to {
        top: 14px
    }
}

@-webkit-keyframes inner-circle-loop {
    0% {
        -webkit-transform: scale(1.1);
        opacity: .1;
        transform: scale(1.1)
    }

    42% {
        -webkit-transform: scale(.9);
        opacity: .25;
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1.1);
        opacity: .1;
        transform: scale(1.1)
    }
}

@keyframes inner-circle-loop {
    0% {
        -webkit-transform: scale(1.1);
        opacity: .1;
        transform: scale(1.1)
    }

    42% {
        -webkit-transform: scale(.9);
        opacity: .25;
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1.1);
        opacity: .1;
        transform: scale(1.1)
    }
}

@-webkit-keyframes outer-circle-loop {
    0% {
        -webkit-transform: scale(1.1);
        opacity: 0;
        transform: scale(1.1)
    }

    51% {
        -webkit-transform: scale(.9);
        opacity: .2;
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1.1);
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes outer-circle-loop {
    0% {
        -webkit-transform: scale(1.1);
        opacity: 0;
        transform: scale(1.1)
    }

    51% {
        -webkit-transform: scale(.9);
        opacity: .2;
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1.1);
        opacity: 0;
        transform: scale(1.1)
    }
}

@-webkit-keyframes inner-circle-loop-high-priority {
    0% {
        -webkit-transform: scale(1.1);
        opacity: .1;
        transform: scale(1.1)
    }

    42% {
        -webkit-transform: scale(.9);
        opacity: .5;
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1.1);
        opacity: .1;
        transform: scale(1.1)
    }
}

@keyframes inner-circle-loop-high-priority {
    0% {
        -webkit-transform: scale(1.1);
        opacity: .1;
        transform: scale(1.1)
    }

    42% {
        -webkit-transform: scale(.9);
        opacity: .5;
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1.1);
        opacity: .1;
        transform: scale(1.1)
    }
}

@-webkit-keyframes outer-circle-loop-high-priority {
    0% {
        -webkit-transform: scale(1.1);
        opacity: 0;
        transform: scale(1.1)
    }

    51% {
        -webkit-transform: scale(.9);
        opacity: .4;
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1.1);
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes outer-circle-loop-high-priority {
    0% {
        -webkit-transform: scale(1.1);
        opacity: 0;
        transform: scale(1.1)
    }

    51% {
        -webkit-transform: scale(.9);
        opacity: .4;
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1.1);
        opacity: 0;
        transform: scale(1.1)
    }
}

@-webkit-keyframes quick-fade-out {
    to {
        opacity: 0
    }
}

@keyframes quick-fade-out {
    to {
        opacity: 0
    }
}

.small-popout-box {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    position: relative
}

.option-popout {
    padding: 2px 0;
    width: 64px
}

.option-popout .btn-item {
    color: #87909c;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 0;
    text-align: center
}

.option-popout .btn-item:hover {
    background-color: rgba(0,0,0,.05);
    color: #2f3136;
    cursor: pointer
}

.chat {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    color: #fff;
    contain: layout;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    position: relative
}

.chat .content {
    background: #fff
}

.chat .user-name {
    cursor: pointer
}

.chat .user-name:hover {
    text-decoration: underline
}

.chat .avatar-large {
    -webkit-transition: opacity .2s ease;
    cursor: pointer;
    opacity: 1;
    transition: opacity .2s ease
}

.chat .avatar-large:hover {
    opacity: .8
}

.chat .divider {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #fff;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    margin-left: 20px;
    margin-right: 6px;
    position: relative;
    z-index: 0
}

.chat .divider:before {
    background-color: #fff;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%;
    z-index: 0
}

.chat .divider.divider-red {
    z-index: 1
}

.chat .divider.divider-red>span {
    color: #f04747;
    line-height: 16px;
    text-transform: uppercase
}

.chat .divider.divider-red>div {
    background: #f04747;
    opacity: .2
}

.chat .divider>span {
    background-color: #fff;
    border-radius: 8px;
    color: #99aab5;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    padding: 0 10px;
    position: relative;
    z-index: 2
}

.chat .divider>div {
    background: #eceeef;
    content: "";
    height: 1px;
    z-index: 1
}

.chat .divider>div,.chat .messages-wrapper {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    position: relative
}

.chat .messages-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    z-index: 0
}

.chat .messages-wrapper .scroller-wrap {
    overflow: hidden
}

.chat .messages {
    margin: 0;
    overflow-x: hidden
}

.chat .loading-more {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.chat .loading-more .spinner {
    display: inline-block;
    margin: 0
}

.chat .has-more,.chat .loading-more {
    height: 36px;
    margin-top: 10px
}

.chat .has-more {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.chat .has-more button {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    background: #fcfcfc;
    border: 1px solid #e3e5e7;
    border-radius: 3px;
    color: #7289da;
    flex-grow: 1;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    margin: 6px 6px 6px 19px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.chat .has-more button:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 1px 3px rgba(0,0,0,.08)
}

.chat .jump-to-present-bar {
    -webkit-transition: background-color .2s;
    background-color: rgba(153,170,181,.9);
    border-radius: 5px 5px 0 0;
    bottom: 0;
    color: hsla(0,0%,100%,.6);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    left: 20px;
    position: absolute;
    right: 20px;
    text-transform: capitalize;
    transition: background-color .2s;
    z-index: 2
}

.chat .jump-to-present-bar .spinner {
    padding-right: 7px
}

.chat .jump-to-present-bar .spinner .spinner-item {
    background-color: #fff
}

.chat .jump-to-present-bar button {
    background: none;
    color: #fff;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 14px;
    padding: 6px 10px;
    text-align: left
}

.chat .jump-to-present-bar button:first-child {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    font-size: 14px
}

.chat .jump-to-present-bar button:last-child {
    -webkit-transition: color .2s;
    color: hsla(0,0%,100%,.6);
    font-size: 12px;
    text-transform: uppercase;
    transition: color .2s
}

.chat .jump-to-present-bar button:last-child:hover {
    color: #fff
}

.chat .jump-to-present-bar:hover {
    background-color: #99aab5
}

.chat .jump-to-present-bar:active {
    margin-bottom: -1px
}

.chat .new-messages-bar {
    -webkit-transition: background-color .2s;
    background-color: rgba(114,137,218,.9);
    border-radius: 0 0 5px 5px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    left: 20px;
    position: absolute;
    right: 20px;
    text-transform: capitalize;
    top: 0;
    transition: background-color .2s;
    z-index: 2
}

.chat .new-messages-bar button {
    background: none;
    color: #fff;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 14px;
    padding: 6px 10px;
    text-align: left
}

.chat .new-messages-bar button:first-child {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    font-size: 14px
}

.chat .new-messages-bar button:last-child {
    -webkit-transition: color .2s;
    color: #c9d2f0;
    font-size: 12px;
    text-transform: uppercase;
    transition: color .2s
}

.chat .new-messages-bar button:last-child:hover {
    color: #fff
}

.chat .new-messages-bar:hover {
    background-color: #7289da
}

.chat .new-messages-bar:active {
    padding-top: 1px
}

.chat form {
    -ms-flex-negative: 0;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 0 -1px 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    margin: 0 20px;
    position: relative
}

.chat ::-webkit-input-placeholder {
    color: #dadddf
}

.message-group-blocked {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    background: #fcfcfc;
    border: 1px solid #e3e5e7;
    border-radius: 3px;
    justify-content: center;
    margin: 6px 6px 6px 19px
}

.message-group-blocked:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 1px 3px rgba(0,0,0,.08)
}

.message-group-blocked.revealed {
    background: #fafafa;
    border: 1px solid #dbe0e4
}

.message-group-blocked .message-group {
    margin-left: 15px;
    margin-right: 0
}

.message-group-blocked .message-group-blocked-btn {
    color: #99aab5;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 0;
    text-align: center;
    text-transform: uppercase
}

.message-group-blocked .message-group-blocked-btn:hover {
    background: #f2f2f2
}

.message-group-blocked+.divider {
    margin-top: 12px
}

.message-group-blocked:last-child {
    margin-bottom: 12px
}

.divider+.message-group-blocked {
    margin-top: 12px
}

.hide-overflow {
    overflow: hidden
}

.theme-dark .chat {
    background-color: #36393e
}

.theme-dark .chat .jump-to-present-bar {
    background-color: rgba(115,127,141,.9)
}

.theme-dark .chat .jump-to-present-bar:hover {
    background-color: #737f8d
}

.theme-dark .chat .has-more button {
    background: #32353a;
    border: 1px solid #2f3136
}

.theme-dark .chat .has-more button:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.16);
    box-shadow: 0 1px 3px rgba(0,0,0,.16)
}

.theme-dark .chat form {
    -webkit-box-shadow: 0 -1px 0 hsla(0,0%,100%,.06);
    background-color: #36393f;
    box-shadow: 0 -1px 0 hsla(0,0%,100%,.06)
}

.theme-dark .chat>.content {
    background-color: #36393e
}

.theme-dark .btn-option {
    background-image: url(/assets/d260979c53d0cb8e8a1f6e88e34f0056.svg)
}

.theme-dark .btn-reaction {
    background-image: url(/assets/24e5837679a970699e904d047c741540.svg)
}

.mention {
    -webkit-transition: background-color .05s,color .05s;
    background: #f1f3fb;
    color: #7289da;
    font-weight: 500;
    transition: background-color .05s,color .05s
}

.mention:hover {
    background-color: #7289da;
    color: #fff;
    cursor: pointer
}

.mention:active {
    top: 1px
}

.theme-dark .mention {
    background-color: rgba(115,139,215,.1)
}

.theme-dark .mention:hover {
    background-color: rgba(115,139,215,.7)
}

.mentioned .mention,.mentioned .mention:hover {
    background: transparent!important
}

.mentioned .mention:hover {
    color: #7289da;
    text-decoration: underline
}

.highlight {
    background: rgba(250,166,26,.3)
}

.emoji {
    -o-object-fit: contain;
    height: 1rem;
    margin: 0 .05em 0 .1em!important;
    min-height: 22px;
    min-width: 22px;
    object-fit: contain;
    vertical-align: -.4em;
    width: 1rem
}

.emoji.jumboable {
    height: 32px;
    width: 32px
}

.container-R8e4H4 {
    position: absolute
}

.incomingCall-RRwwEi {
    pointer-events: all;
    position: fixed;
    width: 240px;
    z-index: 2001
}

.incomingCallInner-1LQbjf {
    border: 1px solid;
    border-radius: 5px;
    text-align: center
}

.incomingCallInner-1LQbjf .subtitle-3es__m {
    color: #72767d;
    font-size: 14px
}

.incomingCallInner-1LQbjf .members-39w8ve {
    font-size: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.incomingCallInner-1LQbjf .actionButtons-1sJyD9 {
    text-transform: uppercase;
    width: 100%
}

.incomingCallInner-1LQbjf .actionIcon-3gPI3I {
    height: 18px;
    margin-right: 4px;
    width: 18px
}

.theme-dark .incomingCallInner-1LQbjf {
    background: #202225;
    border-color: #18191c;
    padding: 20px 10px 10px
}

.theme-dark .incomingCallInner-1LQbjf .members-39w8ve {
    color: #fff
}

.theme-light .incomingCallInner-1LQbjf {
    background: #f6f6f7;
    border-color: #dcddde;
    padding: 20px 10px 10px
}

.theme-light .incomingCallInner-1LQbjf .members-39w8ve {
    color: #4f545c
}

.mirror-375_tW {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.video-1qLO_p {
    background-color: #000;
    position: relative
}

.media-3xRcJu,.video-1qLO_p {
    height: 100%;
    width: 100%
}

.media-3xRcJu {
    -o-object-fit: contain;
    object-fit: contain
}

.pictureInPictureVideo-2w62Uz {
    height: 180px;
    pointer-events: all;
    width: 320px
}

.overlay-3hR73C {
    -webkit-box-shadow: inset 0 0 200px rgba(0,0,0,.9);
    -webkit-transition: opacity .2s ease;
    border: 1px solid #202225;
    bottom: 0;
    box-shadow: inset 0 0 200px rgba(0,0,0,.9);
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s ease
}

.overlay-3hR73C:hover {
    opacity: 1
}

.overlayTop-2QNtcu {
    padding-top: 8px
}

.overlayLeft-3R4E2L {
    padding-left: 8px
}

.overlayRight-uHXbje {
    padding-right: 8px
}

.overlayBottom-IS74c2 {
    padding-bottom: 8px
}

.channel-1wgtPC {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin-right: 2px;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.channel-1wgtPC:hover {
    text-decoration: underline
}

.icon-1d4Bon {
    cursor: pointer
}

.iconButton-23ZMpe {
    -webkit-transition: opacity .2s ease;
    opacity: .6;
    transition: opacity .2s ease
}

.iconButton-23ZMpe:hover {
    opacity: 1
}

.iconButtonDisabled-33srvh {
    opacity: .3
}

.iconButtonMargin-3k5x3x {
    margin-left: 8px
}

.iconButtonForeground-1wy8a5 {
    fill: #fff
}

.theme-light .pictureInPictureVideo-2w62Uz {
    background-color: #dcddde
}

.theme-dark .pictureInPictureVideo-2w62Uz {
    background-color: #202225
}

.pictureInPicture-Ryvh67 {
    left: 0;
    position: absolute;
    top: 0
}

.pictureInPictureWindow-3BoWYS {
    position: absolute;
    z-index: 1000
}

.card-MdjsU4 {
    padding: 10px
}

.iconContainer-3ntXwY {
    margin-right: 5px
}

.noticeText-3yN3qk {
    font-size: 13px;
    line-height: 18px
}

.noticeText-3yN3qk strong {
    font-weight: 600
}

.button-yZBPFS {
}

.container-_pT5TY {
    min-height: 100vh
}

.sidebarHeader-382ZJJ {
    -webkit-transition: opacity .2s ease;
    opacity: .9;
    transition: opacity .2s ease
}

.sidebarHeader-382ZJJ:hover,.sidebarHeader-382ZJJ:hover .addRoleIcon-3-SDBd {
    opacity: 1
}

.sidebarHeaderDefault-eNUQbV {
    cursor: pointer
}

.sidebarHeaderLocked-2paf56 {
    cursor: default
}

.addRoleIcon-3-SDBd {
    -webkit-transition: opacity .2s ease;
    opacity: .8;
    transition: opacity .2s ease
}

.username-3pb1_f {
    margin-left: 8px
}

.description-3IFuRr {
}

.button-2RjRbd {
    margin: 0 auto
}

.category-1yRcQ0 {
    font-size: 10px;
    font-weight: 600;
    margin-left: 4px;
    opacity: .6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: nowrap
}

.channelIcon-3nvBCW {
    display: inline;
    margin-right: 2px;
    position: relative;
    top: 2px;
    vertical-align: top
}

.background-23WKvN {
    opacity: .6
}

.username-Hp1FAV {
    padding-left: 4px
}

.item-OAPdSG {
}

.itemValue-2MZR07 {
}

.valueIcon-363rRl {
    float: left;
    position: relative;
    top: -1px
}

.theme-dark .item-OAPdSG {
    color: #f6f6f7
}

.theme-dark .itemValue-2MZR07 {
    color: #b9bbbe
}

.theme-light .item-OAPdSG {
    color: #4f545c
}

.theme-light .itemValue-2MZR07 {
    color: #72767d
}

.title-1meAc0 {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    cursor: default;
    flex: 1;
    overflow: hidden;
    word-wrap: break-word
}

.graph-dMjdKC {
}

.divider-2--TFA {
}

.videoPreview-3IIfvB {
    border-radius: 5px;
    height: 640px;
    width: 100%
}

.theme-dark .videoPreview-3IIfvB {
    background-color: #2f3136;
    border: 1px solid #202225
}

.theme-light .videoPreview-3IIfvB {
    background-color: #f6f6f7;
    border: 1px solid #dcddde
}

.verification-3gqNNa {
    height: 100%;
    width: 100%
}

.container-3C8nyj {
    width: 500px
}

.image-2Uz24z {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80%;
    height: 300px;
    width: 400px
}

.title-1fw3H_ {
    font-size: 24px;
    line-height: 30px
}

.body-3yTG1G,.title-1fw3H_ {
    text-align: center
}

.body-3yTG1G {
    font-size: 16px;
    line-height: 24px
}

.footer-2HiYjS {
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.footerBullet-1UYeHq {
    opacity: .3
}

.footerAction-2evRHF {
    font-weight: 600;
    margin-left: 12px;
    margin-right: 12px
}

.logoutButton-3Vy5pJ {
    bottom: 40px;
    position: relative
}

.verificationBlock-3CCVQ8 {
    border-radius: 3px;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px
}

.verificationBlock-3CCVQ8 .image-2Uz24z {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80%;
    height: 160px;
    width: 180px
}

.verificationBlock-3CCVQ8 .body-3yTG1G {
    text-transform: uppercase
}

.theme-light .verification-3gqNNa .image-2Uz24z {
    background-image: url(/assets/a10842455004efe987e0a27f5209cb4b.svg)
}

.theme-light .verification-3gqNNa .title-1fw3H_ {
    color: #4f545c
}

.theme-light .verification-3gqNNa .body-3yTG1G,.theme-light .verification-3gqNNa .footer-2HiYjS {
    color: #72767d
}

.theme-light .verificationBlock-3CCVQ8 {
    border: 1px solid #b9bbbe
}

.theme-light .verificationBlock-3CCVQ8:hover {
    background-color: #f6f6f7
}

.theme-light .verificationBlock-3CCVQ8 .image-2Uz24z.email-1QG8Oi {
    background-image: url(/assets/890ba09792d4b17f9cffacdd81df6b71.svg)
}

.theme-light .verificationBlock-3CCVQ8 .image-2Uz24z.phone-2R5H_h {
    background-image: url(/assets/5f8406a9cccbd48676551b6250e295e4.svg)
}

.theme-light .verificationBlock-3CCVQ8 .body-3yTG1G {
    color: #72767d
}

.theme-dark .verification-3gqNNa .image-2Uz24z {
    background-image: url(/assets/c290235278e128e94ae5ac37e58c5cbb.svg)
}

.theme-dark .verification-3gqNNa .title-1fw3H_ {
    color: #fff
}

.theme-dark .verification-3gqNNa .body-3yTG1G,.theme-dark .verification-3gqNNa .footer-2HiYjS {
    color: #b9bbbe
}

.theme-dark .verificationBlock-3CCVQ8 {
    border: 1px solid #202225
}

.theme-dark .verificationBlock-3CCVQ8:hover {
    background-color: #202225
}

.theme-dark .verificationBlock-3CCVQ8 .image-2Uz24z.email-1QG8Oi {
    background-image: url(/assets/cefc9c14adce616059f519c581331b32.svg)
}

.theme-dark .verificationBlock-3CCVQ8 .image-2Uz24z.phone-2R5H_h {
    background-image: url(/assets/ca452f5271ebcc7132db59f60a2a9cfe.svg)
}

.theme-dark .verificationBlock-3CCVQ8 .body-3yTG1G {
    color: #b9bbbe
}

.layers-20RVFW {
    position: relative
}

.layers-20RVFW,.layers-20RVFW>.layer-kosS71 {
    contain: layout;
    overflow: hidden
}

.layers-20RVFW>.layer-kosS71 {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.layers-20RVFW>.layer-kosS71.animating-XaAvB3 {
    pointer-events: none;
    will-change: transform,opacity
}

.platform-win .layer-kosS71 {
    padding-top: 22px;
    top: -22px
}

.stop-animations * {
    -webkit-animation: none!important;
    -webkit-transition-property: none!important;
    animation: none!important;
    transition-property: none!important
}

.theme-light .layer-kosS71,.theme-light .layers-20RVFW {
    background: #fff
}

.theme-dark .layer-kosS71,.theme-dark .layers-20RVFW {
    background: #36393f
}

.video-3wNpnk {
    border-radius: 3px
}

.container-1kADKt {
    padding-bottom: 20px
}

.container-1kADKt p>img {
    border-radius: 5px
}

.title-1PW5Fd {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.lead-1pXq9w {
    border-radius: 5px
}

.added-3Q7OGu,.fixed-2XWtYH,.improved-2HhjlK,.progress-2GXXO5 {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.added-3Q7OGu.marginTop-4_cfcL,.fixed-2XWtYH.marginTop-4_cfcL,.improved-2HhjlK.marginTop-4_cfcL,.progress-2GXXO5.marginTop-4_cfcL {
    margin-top: 20px
}

.added-3Q7OGu:after,.fixed-2XWtYH:after,.improved-2HhjlK:after,.progress-2GXXO5:after {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    content: "";
    flex: 1 1 auto;
    height: 1px;
    margin-left: 4px;
    opacity: .6
}

.added-3Q7OGu {
    color: #43b581
}

.added-3Q7OGu:after {
    background-color: #43b581
}

.fixed-2XWtYH {
    color: #f04747
}

.fixed-2XWtYH:after {
    background-color: #f04747
}

.progress-2GXXO5 {
    color: #faa61a
}

.progress-2GXXO5:after {
    background-color: #faa61a
}

.improved-2HhjlK {
    color: #7289da
}

.improved-2HhjlK:after {
    background-color: #7289da
}

.theme-dark .date-1aJe8- {
    color: #b9bbbe
}

.theme-dark .video-3wNpnk {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.theme-light .date-1aJe8- {
    color: #72767d
}

.theme-light .video-3wNpnk {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
}

.create-guild-container.deprecated {
    -webkit-box-sizing: border-box;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 420px;
    overflow: hidden;
    position: relative;
    width: 520px
}

.create-guild-container.deprecated .form.deprecated {
    -ms-flex: 1;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column
}

.create-guild-container.deprecated .form.deprecated .form-inner {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.create-guild-container.deprecated .form-actions {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.create-guild-container.deprecated .form-actions .btn-default {
    color: #99aab5;
    font-size: 12px;
    text-transform: uppercase
}

.create-guild-container.deprecated .form-actions .btn-default:before {
    background-image: url(/assets/eb57a76361c43375bf23207ad2acc631.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 18px,12px;
    content: " ";
    margin-right: 10px;
    padding-right: 18px
}

.create-guild-container.deprecated p {
    color: #99aab5;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    padding: 10px 0;
    text-align: center
}

.create-guild-container.deprecated h5 {
    color: #7289da;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase
}

.create-guild-container.deprecated .join-server h5 {
    color: #43b581
}

.create-guild-container.deprecated .join-server .form-inner {
    padding-bottom: 0;
    padding-left: 75px;
    padding-right: 75px
}

.create-guild-container.deprecated .join-server .btn-primary {
    background-color: #43b581;
    width: 100px
}

.create-guild-container.deprecated .join-server .btn-primary:hover {
    background-color: #3ca374
}

.create-guild-container.deprecated .join-server .instructions {
    margin-top: 14px
}

.create-guild-container.deprecated .join-server .instructions p {
    margin-bottom: 4px
}

.create-guild-container.deprecated .join-server .error {
    color: #f04747
}

.create-guild-container.deprecated .join-server .sample-link {
    color: #7289da;
    font-size: 14px;
    margin-bottom: 3px;
    padding: 0
}

.create-guild-container.deprecated .join-server .link-container {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.create-guild-container.deprecated .join-server .link-container input {
    -webkit-box-sizing: border-box;
    border: 1px solid #99aab5;
    border-radius: 3px;
    box-sizing: border-box;
    height: 44px;
    margin-top: 20px;
    padding: 0 10px
}

.create-guild-container.deprecated .join-server .link-container input:focus {
    border-bottom: 1px solid #99aab5;
    margin-bottom: 1px
}

.create-guild-container.deprecated .join-server .link-container input.error {
    border-color: #f04747
}

.create-guild-container.deprecated .join-server .link-container label {
    color: #99aab5;
    font-weight: 400;
    margin-top: 4px;
    text-transform: none
}

.create-guild-container.deprecated .create-guild .form-inner {
    padding-bottom: 0
}

.create-guild-container.deprecated .create-guild .guild-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 14px;
    overflow: hidden
}

.create-guild-container.deprecated .create-guild .guild-form .control-group {
    margin-top: 32px
}

.create-guild-container.deprecated .create-guild .guild-form .control-group input[disabled] {
    background-color: transparent;
    cursor: not-allowed;
    font-style: italic
}

.create-guild-container.deprecated .create-guild .guild-form .control-group:first-child {
    margin-top: 0
}

.create-guild-container.deprecated .create-guild .guild-form li {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0
}

.create-guild-container.deprecated .create-guild .guild-form li:first-child {
    -ms-flex: 1.2 0 0px;
    -webkit-box-flex: 1.2;
    flex: 1.2 0 0
}

.create-guild-container.deprecated .create-guild .guild-form .help-text {
    font-size: 11px
}

.create-guild-container.deprecated .create-guild .guild-form .help-text a {
    font-weight: 600
}

.create-guild-container.deprecated .create-or-join {
    left: 0;
    position: absolute;
    top: 0
}

.create-guild-container.deprecated .create-or-join .form-inner {
    -webkit-box-sizing: border-box;
    background-color: #fff;
    background-image: url(/assets/19494428f3a5649ffd64818fc75d0e76.png),url(/assets/6906eb345e3aeb89322c5167db31c1f6.png);
    background-position: 0 100%,100% 100%;
    background-repeat: no-repeat;
    background-size: 155px auto,75px auto;
    box-sizing: border-box;
    height: 420px;
    padding: 30px 24px;
    width: 520px
}

.create-guild-container.deprecated .create-or-join header {
    font-size: 18px;
    margin-bottom: 40px;
    margin-top: 6px;
    padding: 0;
    text-align: center
}

.create-guild-container.deprecated .create-or-join .actions {
    -ms-flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.create-guild-container.deprecated .create-or-join .actions .or {
    background-image: url(/assets/b9cf5548cc5a23a6943f194a0ace88f8.svg);
    background-position: 50%,50%;
    background-repeat: no-repeat;
    background-size: 52px,52px;
    color: #99aab5;
    font-size: 22px;
    font-weight: 500;
    height: 100%;
    left: 0;
    line-height: 368px;
    padding-top: 48px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.create-guild-container.deprecated .action {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    -webkit-box-sizing: border-box;
    background: hsla(0,0%,100%,.75);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    width: 228px
}

.create-guild-container.deprecated .action:hover.join .btn {
    background-color: #369368!important
}

.create-guild-container.deprecated .action:hover.create .btn {
    background-color: #677bc4
}

.create-guild-container.deprecated .action+.action {
    margin-left: 16px
}

.create-guild-container.deprecated .action .action-header {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    text-transform: uppercase
}

.create-guild-container.deprecated .action .action-body {
    color: #99aab5;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px;
    padding: 0 15px
}

.create-guild-container.deprecated .action .action-icon {
    margin: 26px 0;
    width: 100%
}

.create-guild-container.deprecated .action .btn {
    padding: 14px 20px;
    width: 100%
}

.create-guild-container.deprecated .action.create .action-header {
    color: #7289da
}

.create-guild-container.deprecated .action.create .action-icon {
    background: url(/assets/845d431ebfc24e13a0b31f7e64fc612b.png) 50% no-repeat;
    background-size: 112px 78px;
    height: 78px
}

.create-guild-container.deprecated .action.join .action-header {
    color: #3ca374
}

.create-guild-container.deprecated .action.join .action-icon {
    background: url(/assets/8fb52ec5260dfe6c5b93d211d3b6ecde.png) 50% no-repeat;
    background-size: 178.5px 78px;
    height: 78px
}

.create-guild-container.deprecated .action.join .btn {
    background-color: #3ca374
}

.modal-2CasLk {
    width: 440px
}

.footer-w0OtXb {
    padding: 20px
}

.description-3Ijq-M,.name-1Wcbmy,.type-3ssCB5 {
}

.cloneInfo-1dFeUI {
}

.icon-3gb2vv {
    fill: #b9bbbe;
    margin-right: 6px;
    opacity: .6
}

.error-1yt9Eg {
}

.header-1QhgLG {
}

.clone-LqhN1K {
    opacity: .6
}

.permissionsTitle-vmWX61 {
}

.foreground-2GKNZG {
    opacity: 1
}

.background-1BDvMy,.lockIcon-1WssTQ {
    opacity: .6
}

.lockIcon-1WssTQ {
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: 2px
}

.theme-dark .cloneInfo-1dFeUI strong,.theme-dark .subtitle-312j52 {
    color: #b9bbbe
}

.theme-light .cloneInfo-1dFeUI strong {
    color: #36393f
}

.theme-light .subtitle-312j52 {
    color: #72767d
}

.spacing-3Nfz3_ {
}

.smallSpacing-jYVjlw {
}

.largeSpacing-MwF-lr {
}

.lighten-12lCSM {
    opacity: .6
}

.marginReset-2tTc4H {
    margin: 0
}

.checkboxContainer-1sZ9eo {
    position: relative
}

.checkboxContainer-1sZ9eo:before {
    content: "";
    height: 100%;
    left: -26px;
    position: absolute;
    top: 0;
    width: 1px
}

.checkboxMute-2C_Srg {
    position: relative
}

.checkboxMute-2C_Srg:before {
    background-color: rgba(0,0,0,.1);
    bottom: -16px;
    content: "";
    left: -26px;
    position: absolute;
    right: -26px;
    top: -16px
}

.checkboxContainerMuted-1QR9pI {
    opacity: .3
}

.checkboxGroup-cfXSvT {
    width: 300px
}

.overrideList-1eeJcg {
    padding-bottom: 12px
}

.override-251XCL,.overrideHighlight-2DXyuU {
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    -webkit-transition: background-color .1s ease-in-out;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 10px 10px;
    position: relative;
    transition: background-color .1s ease-in-out
}

.override-251XCL:hover .removeOverride-2kSxAp,.overrideHighlight-2DXyuU:hover .removeOverride-2kSxAp {
    opacity: 1
}

.overridePlaceholder-1S5xQW {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    justify-content: center;
    text-align: center
}

.iconContainer-2D0TGh {
    height: 20px
}

.icon-3w_81G {
}

.header-3PUHh9 {
    margin-bottom: 8px;
    text-transform: uppercase
}

.headerSize-22dv1R {
}

.headerName-19cfu8 {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin-left: 8px
}

.headerOption-1UZDCb {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    cursor: default;
    flex: 0 0 auto;
    text-align: center;
    width: 75px
}

.removeOverride-2kSxAp {
    opacity: 0;
    position: absolute;
    right: -12px;
    top: -12px
}

.channelNameByline-1v_o14 {
}

.channelNameCategory-3sFLC_ {
    font-size: 11px;
    font-weight: 500;
    opacity: .3;
    text-transform: uppercase
}

.theme-dark .channelName-g_kAQT {
    color: #f6f6f7
}

.theme-dark .guildName-1u0hy7,.theme-dark .override-251XCL,.theme-dark .overrideHighlight-2DXyuU {
    color: #b9bbbe
}

.theme-dark .override-251XCL:hover {
    background-color: rgba(32,34,37,.1)
}

.theme-dark .overrideHighlight-2DXyuU,.theme-dark .overrideHighlight-2DXyuU:hover {
    background-color: rgba(32,34,37,.3)
}

.theme-dark .checkboxContainer-1sZ9eo:before {
    background-color: rgba(32,34,37,.6)
}

.theme-dark .overridePlaceholder-1S5xQW {
    border: 1px dashed #18191c
}

.theme-light .channelName-g_kAQT {
    color: #4f545c
}

.theme-light .guildName-1u0hy7,.theme-light .override-251XCL,.theme-light .overrideHighlight-2DXyuU {
    color: #72767d
}

.theme-light .override-251XCL:hover {
    background-color: hsla(240,6%,97%,.1)
}

.theme-light .overrideHighlight-2DXyuU,.theme-light .overrideHighlight-2DXyuU:hover {
    background-color: hsla(240,6%,97%,.3)
}

.theme-light .checkboxContainer-1sZ9eo:before {
    background-color: hsla(210,3%,87%,.6)
}

.theme-light .overridePlaceholder-1S5xQW {
    border: 1px dashed #b9bbbe
}

.modal-new-user {
    min-height: 446px;
    overflow: hidden
}

.modal-new-user strong {
    font-weight: 700
}

.modal-new-user>.steps {
    background: #fff;
    border-radius: 5px 5px 0 0;
    height: 371px;
    overflow: hidden;
    width: 520px
}

.modal-new-user>.steps>li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 371px;
    left: 0;
    padding: 28px 40px;
    position: absolute;
    top: 0;
    width: 520px
}

.modal-new-user>.steps .step-1 {
    background: url(/assets/0c78ea6377b186e6675fed771165efc0.png) no-repeat bottom
}

.modal-new-user>.steps .step-2 .guild-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    overflow: hidden
}

.modal-new-user>.steps .step-2 .guild-form .control-group {
    margin-top: 32px
}

.modal-new-user>.steps .step-2 .guild-form .control-group input[disabled] {
    background-color: transparent;
    cursor: not-allowed;
    font-style: italic
}

.modal-new-user>.steps .step-2 .guild-form .control-group:first-child {
    margin-top: 0
}

.modal-new-user>.steps .step-2 .guild-form li {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0
}

.modal-new-user>.steps .step-2 .guild-form li:first-child {
    -ms-flex: 1.2 1 0px;
    -webkit-box-flex: 1.2;
    flex: 1.2 1 0
}

.modal-new-user p {
    color: #99aab5;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    padding: 20px;
    text-align: center
}

.modal-new-user h5 {
    color: #7289da;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase
}

.modal-new-user .steps-wrap {
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -ms-flex-positive: 1;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.modal-new-user .steps-wrap,.modal-new-user .steps-wrap .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-new-user .steps-wrap .steps .divider {
    background-color: #dbdde1;
    border-radius: 0;
    height: 4px;
    margin: 0;
    width: 16px;
    z-index: 0
}

.modal-new-user .steps-wrap .steps li {
    -ms-flex-item-align: center;
    -webkit-transition: all .75s cubic-bezier(.64,0,.355,1.27);
    align-self: center;
    background-color: #dbdde1;
    border-radius: 10px;
    height: 12px;
    position: relative;
    transition: all .75s cubic-bezier(.64,0,.355,1.27);
    width: 12px;
    z-index: 1
}

.modal-new-user .steps-wrap .steps li.on,.modal-new-user .steps-wrap .steps li.on+.divider,.modal-new-user .steps-wrap .steps li.on:before {
    background-color: #7289da
}

.modal-new-user .steps-wrap .steps li.active {
    -webkit-transform: scale3d(1.666,1.666,1);
    background-color: #7289da;
    transform: scale3d(1.666,1.666,1)
}

.modal-new-user .steps-wrap .steps li.active+.divider {
    background-color: #dbdde1
}

.modal-new-user .steps-wrap .steps li:first-child {
    margin-left: 0
}

.modal-new-user .steps-wrap .steps li:first-child:before {
    display: none
}

.modal-new-user .form-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-new-user .hide {
    display: none
}

.spacing-HBhdI2 {
}

.root-2sNHUF {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    width: 600px
}

.topSectionStreaming-3rIBIm {
    background: #593695
}

.topSectionSpotify-3744IX {
    background: #1db954
}

.topSectionPlaying-3jAH9b {
    background: #7289da
}

.topSectionPlaying-3jAH9b .profileBadgePartner-x-646F {
    background-image: url(/assets/a0e288a458c48dfcf548dadc277e42e6.svg)
}

.header-2Lg0Oe {
    padding: 20px
}

.headerInfo-Gkqcz9 {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.headerBotTag-nrre2Z {
    position: relative;
    top: 2px
}

.nameTag-2n-N0D {
    padding-right: 20px;
    white-space: normal;
    word-break: break-word
}

.avatar-4g_GO6 {
    margin-right: 20px
}

.username-24t9uh {
    color: #fff
}

.discriminator-3KVlLu {
    color: hsla(0,0%,100%,.6)
}

.profileBadges-2B6TBS {
    margin-top: 8px
}

.profileBadge-kI8nxa {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 16px;
    margin-right: 6px
}

.profileBadgeStaff-p_ZKoD {
    background-image: url(/assets/7cfd90c8062139e4804a1fa59f564731.svg);
    width: 16px
}

.profileBadgePartner-x-646F {
    background-image: url(/assets/a0e288a458c48dfcf548dadc277e42e6.svg);
    width: 21px
}

.profileBadgeHypesquad-1z0hV_ {
    background-image: url(/assets/0aae6033ad41cdda515a62cf72075afa.svg);
    width: 17px
}

.profileBadgePremium-3Lp76B {
    background-image: url(/assets/379d2b3171722ef8be494231234da5d1.svg);
    width: 21px
}

.profileBadgeBugHunter-2GYW5s {
    background-image: url(/assets/df26f079738a4dcd07cbce6eb3c957f1.svg);
    width: 17px
}

.topSectionNormal-2LlRG1 .profileBadgeStaff-p_ZKoD {
    background-image: url(/assets/4358ad1fb423b346324516453750f569.svg)
}

.topSectionNormal-2LlRG1 .profileBadgePartner-x-646F {
    background-image: url(/assets/33fedf082addb91d88abc272b4b18daa.svg)
}

.topSectionNormal-2LlRG1 .profileBadgeHypesquad-1z0hV_ {
    background-image: url(/assets/17ebd99540a6e983bade13c3afff7946.svg)
}

.topSectionNormal-2LlRG1 .profileBadgePremium-3Lp76B {
    background-image: url(/assets/386884eecd36164487505ddfbac35a9d.svg)
}

.topSectionNormal-2LlRG1 .profileBadgeBugHunter-2GYW5s {
    background-image: url(/assets/f61b8981e92feead854f52e5a1ba14f0.svg)
}

.actionButton-3SG1Zj {
    min-height: 32px
}

.actionRightButton-3-NnI2 {
    margin-left: 10px
}

.buttonInvertedPurple-15OGid {
    background-color: #f8f9fd;
    color: #593695
}

.buttonInvertedPurple-15OGid:active {
    background-color: #e3e7f8
}

.headerFill-TTyrtz {
    background-color: rgba(0,0,0,.05)
}

.additionalActionsIcon-WiVlux {
    background: url(/assets/c75b049cb25ec007efd22d608a0c9c0a.svg) no-repeat 50%;
    cursor: pointer;
    height: 24px;
    margin-left: 8px;
    width: 24px
}

.tabBarContainer-3RVZc- {
    border-top: 1px solid hsla(0,0%,100%,.1);
    padding-left: 20px
}

.tabBar-2z50ux {
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-3B1Tl4;
    height: 55px
}

.tabBarItem-1Lg555 {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 2px solid transparent;
    font-size: 13px
}

.tab-bar.tabBar-2z50ux {
    border: 0;
    margin: 0
}

.tab-bar.tabBar-2z50ux .tabBarItem-1Lg555 {
    color: hsla(0,0%,100%,.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-3B1Tl4;
    margin-bottom: 0;
    padding: 1px 0 0
}

.tab-bar.tabBar-2z50ux .tabBarItem-1Lg555:hover {
    border-bottom-color: hsla(0,0%,100%,.2)
}

.tab-bar.tabBar-2z50ux .tabBarItem-1Lg555.selected {
    border-bottom-color: #fff;
    color: #fff
}

.tab-bar.tabBar-2z50ux .tabBarItem-1Lg555+.tabBarItem-1Lg555 {
    margin-left: 40px
}

.activity-1Sr8Y2 {
    padding: 20px
}

.body-3_tdh6 {
    height: 240px
}

.listScroller-1M3aYe {
    padding: 20px 0
}

.userInfoSection-2WJxMm {
    margin: 0 20px;
    padding: 20px 0
}

.userInfoSection-2WJxMm+.userInfoSection-2WJxMm {
    border-top: 1px solid
}

.userInfoSectionHeader-pmdPGs {
    color: #72767d;
    margin-bottom: 10px;
    text-transform: uppercase
}

.note-39NEdV {
    margin: -4px
}

.note-39NEdV textarea {
    border-radius: 3px;
    font-size: 14px;
    line-height: 16px;
    padding: 4px
}

.note-39NEdV textarea,.note-39NEdV textarea::-webkit-input-placeholder {
    color: #b9bbbe
}

.note-39NEdV textarea,.note-39NEdV textarea:-ms-input-placeholder {
    color: #b9bbbe
}

.note-39NEdV textarea,.note-39NEdV textarea::placeholder {
    color: #b9bbbe
}

.connectedAccounts-3WWAND {
    margin-top: -20px
}

.connectedAccount-3mKaTA {
    border: 1px solid;
    border-radius: 3px;
    margin-top: 20px;
    padding: 8px 14px 8px 8px;
    width: 240px
}

.connectedAccountIcon-2nYV8J {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 30px;
    width: 30px
}

.connectedAccountNameInner-5SSb62 {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1
}

.connectedAccountName-3EFj01,.connectedAccountNameInner-5SSb62 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.connectedAccountName-3EFj01 {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    color: #b9bbbe;
    margin-left: 10px;
    user-select: text
}

.connectedAccountVerifiedIcon-1Ms4J8 {
    margin: 0 5px
}

.connectedAccountOpenIcon-2J8hDS {
    -ms-flex-negative: 0;
    background: url(/assets/84591cd2a7c7aca2aca6871b28ad8f8b.svg) no-repeat 50%;
    flex-shrink: 0;
    height: 18px;
    width: 18px
}

.listAvatar-MpHQ5z {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-3B1Tl4;
    flex-shrink: 0;
    justify-content: center;
    margin-right: 10px
}

.guildAvatarWithoutIcon-2fkmLX {
    background-color: #7289da
}

.listRow-1wEi-U {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    line-height: 30px;
    padding: 5px 16px 5px 20px
}

.listRowContent-3pOfag {
    overflow: hidden
}

.listName-1Xr1Jk {
}

.guildNick-1oZKE3,.listName-1Xr1Jk {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.guildNick-1oZKE3 {
    color: #9099a4;
    font-size: 11px;
    line-height: 13px
}

.listDiscriminator-yFeQU- {
    opacity: .6
}

.empty-2dxE7O {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex: 1;
    min-height: 100%;
    padding: 20px 0
}

.emptyIcon-3pD-im {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 130px;
    width: 240px
}

.emptyIconFriends-2q_v-C,.emptyIconGuilds-3jp5gX,.emptyIconStreamerMode-JSeTNu {
}

.emptyText-AUFSH0 {
    color: #72767d;
    margin-top: 12px;
    text-transform: uppercase
}

.theme-dark .topSectionNormal-2LlRG1 {
    background-color: #202225
}

.theme-dark .body-3_tdh6 {
    background-color: #2f3136
}

.theme-dark .connectedAccount-3mKaTA,.theme-dark .userInfoSection-2WJxMm+.userInfoSection-2WJxMm {
    border-color: #202225
}

.theme-dark .emptyIconStreamerMode-JSeTNu {
    background-image: url(/assets/e18336bc1141d8a5e88379e41e91cacb.svg)
}

.theme-dark .emptyIconGuilds-3jp5gX {
    background-image: url(/assets/87ad02315e38924402c7fb5017cf11ab.svg)
}

.theme-dark .emptyIconFriends-2q_v-C {
    background-image: url(/assets/ca3f5ec71bb86c6aeb015bb0d54a10fa.svg)
}

.theme-dark .listRow-1wEi-U {
    color: #b9bbbe
}

.theme-dark .listRow-1wEi-U:hover {
    background: -webkit-gradient(linear,left top,right top,color-stop(90%,hsla(0,0%,100%,.05)),to(hsla(0,0%,100%,0)));
    background: linear-gradient(90deg,hsla(0,0%,100%,.05) 90%,hsla(0,0%,100%,0));
    color: #b9bbbe
}

.theme-dark .root-2sNHUF .note-39NEdV textarea:focus {
    background-color: #202225
}

.theme-light .topSectionNormal-2LlRG1 {
    background-color: #f6f6f7
}

.theme-light .topSectionNormal-2LlRG1 .username-24t9uh {
    color: #36393f
}

.theme-light .topSectionNormal-2LlRG1 .discriminator-3KVlLu {
    color: hsla(216,4%,74%,.6)
}

.theme-light .topSectionNormal-2LlRG1 .additionalActionsIcon-WiVlux {
    background-image: url(/assets/fc2d4ed3e7f228217105736457652b99.svg)
}

.theme-light .topSectionNormal-2LlRG1 .profileBadgeText-3obufS,.theme-light .topSectionNormal-2LlRG1 .tab-bar.tabBar-2z50ux .tabBarItem-1Lg555 {
    color: rgba(54,57,63,.6)
}

.theme-light .topSectionNormal-2LlRG1 .tab-bar.tabBar-2z50ux .tabBarItem-1Lg555:hover {
    border-bottom-color: rgba(54,57,63,.2)
}

.theme-light .topSectionNormal-2LlRG1 .tab-bar.tabBar-2z50ux .tabBarItem-1Lg555.selected {
    border-bottom-color: #36393f;
    color: #36393f
}

.theme-light .body-3_tdh6 {
    background-color: #fff
}

.theme-light .userInfoSection-2WJxMm+.userInfoSection-2WJxMm {
    border-top-color: #dcddde
}

.theme-light .connectedAccount-3mKaTA {
    border-color: #dcddde
}

.theme-light .connectedAccountName-3EFj01 {
    color: #72767d
}

.theme-light .emptyIconStreamerMode-JSeTNu {
    background-image: url(/assets/40311479d87be9ab59aef9571750cd5f.svg)
}

.theme-light .emptyIconGuilds-3jp5gX {
    background-image: url(/assets/38af48da1542dfedce582fc5e8042285.svg)
}

.theme-light .emptyIconFriends-2q_v-C {
    background-image: url(/assets/898a7791572e9e050735eeec7e25739d.svg)
}

.theme-light .emptyText-AUFSH0 {
    color: #b9bbbe
}

.theme-light .listRow-1wEi-U {
    color: #72767d
}

.theme-light .listRow-1wEi-U:hover {
    background: -webkit-gradient(linear,left top,right top,color-stop(90%,hsla(216,4%,74%,.05)),to(hsla(216,4%,74%,0)));
    background: linear-gradient(90deg,hsla(216,4%,74%,.05) 90%,hsla(216,4%,74%,0));
    color: #36393f
}

.theme-light .listAvatarStatus-1Egz5B {
    border: 2px solid #fff
}

.card-3DqQLt {
    line-height: 20px;
    padding: 10px
}

.input-3VBhvk {
}

.reset-folylf {
    opacity: .6;
    text-transform: capitalize
}

.reset-folylf:hover {
    cursor: pointer;
    opacity: 1;
    text-decoration: underline
}

.error-1P-rpV {
}

.card-icon {
    display: block;
    height: 22px;
    position: relative;
    width: 32px
}

.card-icon:before {
    background-image: url(/assets/cd0d0b191b8251c1351a5747038011af.svg);
    background-size: 100% 100%;
    border-radius: 2px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.visa.card-icon:before {
    background-image: url(/assets/b614d13eb16fbcdbeacd6bad8b63460f.svg)
}

.american-express.card-icon:before,.amex.card-icon:before {
    background-image: url(/assets/c1dcb16867925c58352de56605ee348d.svg)
}

.discover.card-icon:before {
    background-image: url(/assets/f88725d12c605f4875d3d57151c6f691.svg)
}

.master-card.card-icon:before,.mastercard.card-icon:before {
    background-image: url(/assets/9a3ebeaac711b37a91b7de9b3ae55b21.svg)
}

.paypal.card-icon:before {
    background-image: url(/assets/b5f7a9a2a7229d09a35be506bac28cfc.svg)
}

.fancy-credit-input,.fancy-credit-input * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancy-credit-input {
    -ms-flex-align: stretch;
    -ms-flex-direction: row;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -webkit-transition: background-color .3s ease-out .3s,-webkit-box-shadow .3s ease-out .3s;
    align-items: stretch;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    height: 44px;
    justify-content: flex-start;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: background-color .3s ease-out .3s,-webkit-box-shadow .3s ease-out .3s;
    transition: box-shadow .3s ease-out .3s,background-color .3s ease-out .3s;
    width: 340px
}

.fancy-credit-input .card-icon-wrapper,.fancy-credit-input .input-wrapper {
    -webkit-transition: opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out,opacity .3s ease-in-out
}

.fancy-credit-input.has-errors {
    -webkit-animation: error-shake .82s cubic-bezier(.36,.07,.19,.97) both;
    animation: error-shake .82s cubic-bezier(.36,.07,.19,.97) both
}

.fancy-credit-input.disabled .card-icon-wrapper,.fancy-credit-input.disabled .input-wrapper {
    opacity: .8
}

.fancy-credit-input.form-state-closed {
    -webkit-box-shadow: 0 2px 4px transparent;
    background-color: hsla(0,0%,100%,0);
    box-shadow: 0 2px 4px transparent
}

.fancy-credit-input.form-state-closed .card-icon-wrapper {
    -webkit-transform: translate3d(-340px,0,0);
    transform: translate3d(-340px,0,0)
}

.fancy-credit-input.form-state-closed .input-wrapper {
    -webkit-transform: translate3d(340px,0,0);
    transform: translate3d(340px,0,0)
}

.fancy-credit-input .expiration-placeholder,.fancy-credit-input input {
    background: transparent;
    border: none;
    color: #36393e;
    display: block;
    font-family: SourceCodePro;
    font-size: 17px;
    font-weight: 500;
    height: 100%;
    line-height: 46px;
    margin: 0 0 0 10px;
    outline: none;
    padding: 3px 0 0
}

.fancy-credit-input .expiration-placeholder.error,.fancy-credit-input input.error {
    color: #f04747
}

.fancy-credit-input .input-wrapper {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative
}

.fancy-credit-input .card-icon-wrapper {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    -webkit-perspective: 130px;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 11px 0 0 12px;
    perspective: 130px;
    position: relative
}

.fancy-credit-input .card-icon {
    -webkit-box-shadow: none;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -webkit-transform: translateZ(0);
    -webkit-transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    box-shadow: none;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    text-indent: -9999em;
    transform: translateZ(0);
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.fancy-credit-input .card-icon.flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.fancy-credit-input .card-icon:after,.fancy-credit-input .card-icon:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancy-credit-input .card-icon:before {
    -webkit-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0)
}

.fancy-credit-input .card-icon:after {
    -webkit-transform: rotateY(180deg) translateZ(0);
    background: url(/assets/7d1147d903beea4a0654d2b60837a1d6.svg);
    background-size: 100% 100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotateY(180deg) translateZ(0);
    width: 100%
}

.fancy-credit-input .cc-number-wrapper {
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    -webkit-transform-origin: 0 0;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: 0 0;
    width: 100%;
    z-index: 0
}

.fancy-credit-input .cc-number-wrapper .cc-number {
    margin-left: 8px;
    position: relative;
    width: 100%;
    z-index: 1
}

.fancy-credit-input .cc-number-wrapper .cc-number-placeholder {
    -webkit-transition: opacity .1s ease-in-out;
    color: #000;
    color: rgba(54,57,62,.2);
    font-family: SourceCodePro;
    font-size: 17px;
    font-weight: 500;
    height: 100%;
    left: 0;
    line-height: 46px;
    margin-left: 10px;
    opacity: 1;
    padding: 1px 0 0;
    position: absolute;
    text-align: left;
    top: 0;
    transition: opacity .1s ease-in-out;
    white-space: pre;
    width: auto;
    width: 100%;
    z-index: 0
}

.mode-info.fancy-credit-input .cc-number-wrapper .cc-number-placeholder {
    opacity: 0
}

.fancy-credit-input .cc-number-wrapper .cc-number-continue {
    -webkit-transition: opacity .1s ease-in-out;
    background: transparent url(/assets/a21b4178141a347b80d9784fa63787b5.svg) no-repeat 50% 50%;
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -9999em;
    transition: opacity .1s ease-in-out;
    width: 40px;
    z-index: 3
}

.fancy-credit-input .cc-number-wrapper .cc-number-continue:active {
    -webkit-transform: translate3d(0,1px,0);
    transform: translate3d(0,1px,0)
}

.fancy-credit-input .cc-number-wrapper .cc-number-continue:disabled {
    cursor: default;
    opacity: 0
}

.mode-info.fancy-credit-input .cc-number-wrapper .cc-number-continue {
    opacity: 0
}

.fancy-credit-input .cc-info-wrapper {
    -ms-flex-pack: distribute;
    -webkit-transform-origin: 0 0;
    background-color: #fff;
    background-color: transparent;
    border-radius: 0 5px 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: space-around;
    left: 100%;
    padding-left: 10px;
    position: absolute;
    top: 0;
    transform-origin: 0 0;
    width: 100%;
    z-index: 1
}

.fancy-credit-input .cc-info-wrapper input {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 0;
    position: relative;
    z-index: 1
}

.fancy-credit-input .cc-info-wrapper input::-webkit-input-placeholder {
    color: rgba(54,57,62,.2)
}

.fancy-credit-input .cc-info-wrapper input::-moz-placeholder {
    color: rgba(54,57,62,.2)
}

.fancy-credit-input .cc-info-wrapper input:-ms-input-placeholder {
    color: rgba(54,57,62,.2)
}

.fancy-credit-input .cc-info-wrapper input:-moz-placeholder {
    color: rgba(54,57,62,.2)
}

.fancy-credit-input .cc-info-wrapper .expiration-wrapper {
    position: relative
}

.fancy-credit-input .cc-info-wrapper .cvv-code,.fancy-credit-input .cc-info-wrapper .expiration-date {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.fancy-credit-input .cc-info-wrapper .expiration-placeholder {
    color: rgba(54,57,62,.2);
    left: 0;
    margin-left: 0;
    padding-top: 1px;
    position: absolute;
    top: 0;
    white-space: pre;
    z-index: 0
}

.fancy-credit-input .cc-info-wrapper .zip-code {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 10px;
    min-width: 80px;
    text-align: center
}

.fancy-credit-input .cc-info-wrapper .zip-code:focus::-webkit-input-placeholder {
    color: transparent
}

.fancy-credit-input .cc-info-wrapper .zip-code:focus::-moz-placeholder {
    color: transparent
}

.fancy-credit-input .cc-info-wrapper .zip-code:focus:-ms-input-placeholder {
    color: transparent
}

.fancy-credit-input .cc-info-wrapper .zip-code:focus:-moz-placeholder {
    color: transparent
}

@-webkit-keyframes error-shake {
    10%,90% {
        -webkit-transform: translate3d(-3px,0,0);
        transform: translate3d(-3px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(3px,0,0);
        transform: translate3d(3px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-8px,0,0);
        transform: translate3d(-8px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(8px,0,0);
        transform: translate3d(8px,0,0)
    }
}

@keyframes error-shake {
    10%,90% {
        -webkit-transform: translate3d(-3px,0,0);
        transform: translate3d(-3px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(3px,0,0);
        transform: translate3d(3px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-8px,0,0);
        transform: translate3d(-8px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(8px,0,0);
        transform: translate3d(8px,0,0)
    }
}

.premiumPaymentModal-w4sE7z,.premiumPaymentModal-w4sE7z * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.premiumPaymentModal-w4sE7z {
    -ms-flex-negative: 0;
    -webkit-transition: -webkit-transform 40ms ease-out;
    background-color: #7289da;
    border-radius: 5px;
    color: #fff;
    flex-shrink: 0;
    max-height: 460px;
    min-height: 210px;
    transition: -webkit-transform 40ms ease-out;
    transition: transform 40ms ease-out;
    width: 460px
}

.premiumPaymentModal-w4sE7z .premiumAnimation-kyGkpE {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 218px;
    justify-content: center;
    position: relative;
    width: 460px;
    z-index: 1
}

.premiumPaymentModal-w4sE7z .premiumAnimation-kyGkpE>svg {
    border-radius: 6px 6px 0 0;
    overflow: hidden
}

.premiumPaymentModal-w4sE7z .premiumAnimation-kyGkpE.error-2VkxH6 {
    background: url(/assets/d99717e7daf6c2a7959747e5b2cec30f.svg) no-repeat 50% 50%;
    background-size: 1279px 216px
}

.premiumPaymentModal-w4sE7z .premiumAnimation-kyGkpE .spinnerItem-w29-7w {
    background-color: #fff
}

.premiumPaymentModal-w4sE7z .premiumAnimation-kyGkpE .premiumTitle-2WvEwE {
    background: url(/assets/9328a2df4b542ac8725b57010a52f73b.svg) no-repeat 50% 50%;
    background-size: 200px 52px;
    border-bottom: 2px solid #9cb4f7;
    height: 100%;
    overflow: hidden;
    text-indent: -9999em;
    width: 100%
}

.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI {
    border-radius: 0 0 5px 5px;
    height: 236px;
    margin-top: -27px;
    overflow: hidden;
    padding-top: 27px;
    position: relative;
    text-align: center;
    z-index: 0
}

.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI:before {
    background-color: #697ec4;
    border-radius: 22px;
    content: "";
    display: block;
    height: 44px;
    left: 0;
    left: 50%;
    margin-left: -170px;
    margin-top: -22px;
    position: absolute;
    top: 0;
    top: 52.5%;
    visibility: hidden;
    width: 340px;
    z-index: 1
}

.success-2vJAZz.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI:before {
    -webkit-animation: popOpen-1S-m-H .5s .5s ease-in-out 1 forwards;
    animation: popOpen-1S-m-H .5s .5s ease-in-out 1 forwards;
    visibility: visible
}

.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .fancyInputContainer-2dgjMv {
    position: relative;
    z-index: 2
}

.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .premiumPaymentTitle-1EZFkv {
    font-size: 24px;
    font-weight: 400;
    margin: 16px 0 0;
    position: relative;
    z-index: 0
}

.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .premiumPaymentSubtitle-1fjTtq {
    color: #c7d0f0;
    font-size: 14px;
    font-weight: 500;
    margin: 4px 0 16px;
    position: relative;
    z-index: 0
}

.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .premiumPaymentTypeSelector-3Fuyy1 {
    margin-top: 40px
}

.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .premiumPaymentActionRight-JPVxGz {
    margin-left: 20px
}

.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .premiumPaymentPaypalHint-29W6vL {
    color: #c7d0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 16px
}

.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .premiumPaymentActions-1SLNbz {
    margin-top: 24px
}

.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .premiumPaymentButton-2KKME3 {
    margin-left: 8px;
    position: relative;
    z-index: 0
}

.success-2vJAZz.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .premiumPaymentButton-2KKME3,.success-2vJAZz.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .premiumPaymentSubtitle-1fjTtq,.success-2vJAZz.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .premiumPaymentTitle-1EZFkv {
    -webkit-transition: opacity .4s ease-in-out .3s;
    opacity: 0;
    transition: opacity .4s ease-in-out .3s
}

.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .premiumPaymentPaypalConfirm-2ttfYi {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.premiumPaymentModal-w4sE7z .premiumPaymentForm-1UbSRI .premiumPaymentPaypalConfirmImage-1K56xq {
    background-image: url(/assets/b5f7a9a2a7229d09a35be506bac28cfc.svg);
    background-size: 100%;
    height: 22px;
    margin-right: 8px;
    width: 32px
}

.premiumPaymentModal-w4sE7z .successAnimation-LDAQL7 {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.3);
    align-items: center;
    border-radius: 5px;
    bottom: 0;
    box-shadow: inset 0 0 0 2px hsla(0,0%,100%,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: center;
    left: 75px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px
}

.premiumPaymentModal-w4sE7z .successAnimation-LDAQL7 .premiumActivated-3g3_hP {
    -webkit-transform: translate3d(-200%,0,0);
    transform: translate3d(-200%,0,0)
}

.premiumPaymentModal-w4sE7z .successAnimation-LDAQL7 .shine-19DhFF {
    -webkit-transform: translateZ(0);
    left: -73px;
    margin-top: -4px;
    position: absolute;
    top: 0;
    transform: translateZ(0)
}

@-webkit-keyframes popOpen-1S-m-H {
    0% {
        border-radius: 22px;
        height: 44px;
        margin-left: -170px;
        margin-top: -22px;
        width: 340px
    }

    to {
        border-radius: 260px;
        height: 520px;
        margin-left: -300px;
        margin-top: -260px;
        width: 600px
    }
}

@keyframes popOpen-1S-m-H {
    0% {
        border-radius: 22px;
        height: 44px;
        margin-left: -170px;
        margin-top: -22px;
        width: 340px
    }

    to {
        border-radius: 260px;
        height: 520px;
        margin-left: -300px;
        margin-top: -260px;
        width: 600px
    }
}

.inviteModal-1di4Hk {
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 420px;
    overflow: hidden;
    position: relative
}

.inviteModal-1di4Hk .inviteSplash-mZPaJp {
    background-position: 50% 50%;
    background-size: cover;
    height: 420px;
    width: 520px
}

.inviteModal-1di4Hk .scroller {
    background: #fff url(/assets/29d5ff462afb11bce1979cf694aee3d1.png) repeat;
    background-size: 200px 204px;
    height: 100%;
    position: relative;
    width: 400px
}

.inviteModal-1di4Hk .inviteContent-39Z-bV {
    height: 380px;
    padding: 40px 26px 0 40px;
    position: relative;
    text-align: center
}

.inviteModal-1di4Hk .avatar-xxxlarge {
    background-color: #7289da;
    border-radius: 50%;
    color: #fff;
    line-height: 128px;
    margin: 0 auto;
    position: relative;
    text-align: center
}

.inviteModal-1di4Hk .inviteTitle-2yNtkC {
    font-size: 26px;
    line-height: 34px;
    margin-top: 32px
}

.inviteModal-1di4Hk .inviteBody-1kVhyx {
    color: #4f545c;
    font-size: 18px;
    line-height: 24px;
    margin-top: 8px;
    padding: 0 20px;
    widows: 3
}

.inviteModal-1di4Hk .inviteBody-1kVhyx.error-1upewr {
    color: #f04747
}

.inviteModal-1di4Hk .inviteActions-cvxGuh {
    bottom: 0;
    left: 40px;
    position: absolute;
    right: 25px
}

.inviteModal-1di4Hk .button-3x7jeY {
    width: 320px
}

.inviteModal-1di4Hk .inviteCancel-2dlgcH {
    color: #737f8d;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin: 10px auto
}

.inviteModal-1di4Hk .inviteCancel-2dlgcH:hover {
    text-decoration: underline
}

@media (max-width: 940px) {
    .inviteModal-1di4Hk .inviteSplash-mZPaJp {
        width:300px
    }
}

@media (max-width: 720px) {
    .inviteModal-1di4Hk .inviteSplash-mZPaJp {
        display:none
    }
}

.result-2fJqMr {
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    height: 34px;
    overflow: hidden;
    position: relative
}

.resultDefault-23XrxT,.resultFocused-2geRUA {
}

.content-CKMoWX {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 10px
}

.contentDefault-EFuBhq,.contentUnread-3HdzDL {
}

.iconContainer-2dh1Xh {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -ms-flex-positive: 0;
    -webkit-box-align: center;
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    justify-content: center;
    margin-right: 5px;
    width: 20px
}

.icon-2N00Hg {
    display: block
}

.icon-2N00Hg,.iconBackground-2_f-VT {
    opacity: .6
}

.name-3bOt5b {
    -ms-flex: 1 1 auto;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.misc-2_k3Jb,.name-3bOt5b {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.misc-2_k3Jb {
    -ms-flex: 0 1 auto;
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    margin-left: 4px;
    max-width: 140px
}

.match-2k4Voy {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.badge-3E1jvW,.match-2k4Voy {
    margin-right: 4px
}

.note-1VhFgQ {
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.username-13j1aY {
    font-weight: 300;
    opacity: .6
}

.header-1WeC_O {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .025em;
    line-height: 30px;
    margin-top: 4px;
    text-transform: uppercase
}

.dmIconContainer-BrJm0X,.guildIconContainer-f9-QSh {
}

.dmIconContainer-BrJm0X .guildIcon-3afz4I,.guildIconContainer-f9-QSh .guildIcon-3afz4I {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    background-size: 100% 100%;
    border-radius: 3px;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    text-align: center
}

.theme-dark .resultFocused-2geRUA {
    background-color: rgba(32,34,37,.6)
}

.theme-dark .resultFocused-2geRUA .voiceStates-1kq0q7 .avatar-3OSqxz {
    -webkit-box-shadow: 0 0 0 2px #202225;
    background-color: #202225;
    box-shadow: 0 0 0 2px #202225
}

.theme-dark .voiceStates-1kq0q7 .avatar-3OSqxz {
    -webkit-box-shadow: 0 0 0 2px #2f3136;
    background-color: #2f3136;
    box-shadow: 0 0 0 2px #2f3136
}

.theme-dark .contentUnread-3HdzDL {
    color: #fff
}

.theme-dark .contentUnread-3HdzDL .note-1VhFgQ {
    color: #72767d
}

.theme-dark .contentDefault-EFuBhq {
    color: #b9bbbe
}

.theme-dark .contentDefault-EFuBhq .note-1VhFgQ {
    color: #72767d
}

.theme-dark .icon-2N00Hg {
    color: #b9bbbe
}

.theme-dark .dmIconContainer-BrJm0X .guildIcon-3afz4I,.theme-dark .guildIconContainer-f9-QSh .guildIcon-3afz4I {
    background-color: rgba(0,0,0,.3);
    color: #72767d
}

.theme-dark .header-1WeC_O {
    color: #b9bbbe
}

.theme-light .resultFocused-2geRUA {
    background-color: #fff
}

.theme-light .resultFocused-2geRUA .voiceStates-1kq0q7 .avatar-3OSqxz {
    -webkit-box-shadow: 0 0 0 2px #fff;
    background-color: #fff;
    box-shadow: 0 0 0 2px #fff
}

.theme-light .voiceStates-1kq0q7 .avatar-3OSqxz {
    -webkit-box-shadow: 0 0 0 2px #f6f6f7;
    background-color: #f6f6f7;
    box-shadow: 0 0 0 2px #f6f6f7
}

.theme-light .contentUnread-3HdzDL,.theme-light .contentUnread-3HdzDL .note-1VhFgQ {
    color: #4f545c
}

.theme-light .contentDefault-EFuBhq,.theme-light .contentDefault-EFuBhq .note-1VhFgQ {
    color: rgba(79,84,92,.6)
}

.theme-light .icon-2N00Hg {
    color: #72767d
}

.theme-light .dmIconContainer-BrJm0X .guildIcon-3afz4I,.theme-light .guildIconContainer-f9-QSh .guildIcon-3afz4I {
    background-color: #fff;
    color: #72767d
}

.qs-tutorial {
    -webkit-transition: opacity .2s ease-in-out;
    left: -60px;
    opacity: 0;
    position: absolute;
    right: -60px;
    top: -70px;
    transition: opacity .2s ease-in-out
}

.qs-tutorial.shown {
    opacity: 1
}

.qs-tutorial.has-query .qs-arrow-container.diag-1,.qs-tutorial.has-query .qs-arrow-container.diag-2 {
    opacity: 0
}

.qs-tutorial.has-query .qs-arrow-container.diag-1 {
    -webkit-transform: translate3d(0,12px,0) rotate(40deg);
    transform: translate3d(0,12px,0) rotate(40deg)
}

.qs-tutorial.has-query .qs-arrow-container.diag-2 {
    -webkit-transform: translate3d(85px,-10px,0) rotate(70deg);
    transform: translate3d(85px,-10px,0) rotate(70deg)
}

.qs-tutorial-arrow-group {
    -webkit-transform-origin: 0 0;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: 0 0
}

.qs-tutorial-arrow-group.right {
    -webkit-transform: scaleX(-1);
    left: auto;
    right: 0;
    transform: scaleX(-1)
}

.qs-arrow-container {
    -webkit-transform-origin: 0 0;
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transform-origin: 0 0;
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out
}

.qs-arrow-container.horiz {
    -webkit-transition: none;
    top: 118px;
    transition: none
}

.qs-arrow-container.diag-1 {
    -webkit-transform: translate3d(10px,24px,0) rotate(40deg);
    transform: translate3d(10px,24px,0) rotate(40deg)
}

.qs-arrow-container.diag-2 {
    -webkit-transform: translate3d(85px,0,0) rotate(70deg);
    transform: translate3d(85px,0,0) rotate(70deg)
}

.qs-arrow-icon {
    -webkit-animation: arrow-pulse .82s ease-in-out infinite;
    animation: arrow-pulse .82s ease-in-out infinite
}

.qs-tutorial-messages {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: 60px;
    line-height: 24px;
    overflow: hidden;
    padding-top: 30px;
    position: relative;
    text-align: center;
    top: 10px
}

.qs-tutorial-messages .qs-search-message,.qs-tutorial-messages .qs-select-message {
    -webkit-transition: opacity .15s ease-in-out,-webkit-transform .15s ease-in-out;
    position: absolute;
    transition: opacity .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: opacity .15s ease-in-out,transform .15s ease-in-out;
    width: 100%
}

.qs-tutorial-messages .qs-search-message {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0)
}

.qs-tutorial-messages .qs-select-message {
    -webkit-transform: translate3d(0,100%,0);
    opacity: 0;
    transform: translate3d(0,100%,0)
}

.has-query .qs-tutorial-messages .qs-search-message {
    -webkit-transform: translate3d(0,-100%,0);
    opacity: 0;
    transform: translate3d(0,-100%,0)
}

.has-query .qs-tutorial-messages .qs-select-message {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0)
}

@-webkit-keyframes arrow-pulse {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(3px,0,0);
        transform: translate3d(3px,0,0)
    }
}

@keyframes arrow-pulse {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(3px,0,0);
        transform: translate3d(3px,0,0)
    }
}

.container-3uJcWB {
    height: 365px;
    width: 570px
}

.quickswitcher-2NdiGJ {
    -ms-flex-align: stretch;
    -ms-flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2),0 0 0 1px rgba(28,36,43,60%);
    align-items: stretch;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,.2),0 0 0 1px rgba(28,36,43,.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0;
    position: relative;
    width: 570px
}

.quickswitcher-2NdiGJ,.quickswitcher-2NdiGJ * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.input-MwQhcX {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    border: none;
    border-radius: 5px;
    display: block;
    flex: 1;
    font-size: 22px;
    height: 70px;
    line-height: 70px;
    outline: none;
    padding: 0 12px;
    position: relative;
    z-index: 1
}

.scrollerOuter-ppJFBc {
    margin-right: -17px;
    margin-top: -5px;
    overflow: auto;
    padding-right: 0;
    position: relative;
    z-index: 0
}

.scroller-1WyTN6 {
    max-height: 236px;
    padding-right: 3px
}

.polyfilled-GYnVHZ .scroller-1WyTN6 {
    padding-right: 17px
}

.tipsWithoutResults-202oQR,.tipsWithResults-3TVZGE {
    border-top: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px
}

.tipsWithoutResults-202oQR {
    margin-top: 10px
}

.tipsWithResults-3TVZGE {
    margin-top: 0
}

.tipsListNav-2U56FY {
    height: 23px
}

.tipsListNav-2U56FY,.tipsMiscControls-2b1XcI {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.tipsMiscControls-2b1XcI {
    text-align: right
}

.emptyState-1B1ZoL {
    background: no-repeat 50% 20px;
    font-weight: 500;
    padding-bottom: 20px;
    padding-top: 150px;
    text-align: center
}

.emptyStateNote-_gUBTA {
    font-size: 16px;
    line-height: 20px
}

.emptyStateCTA-20opwr {
    font-size: 14px;
    line-height: 16px;
    opacity: .6
}

.emptyStateCTA-20opwr:hover {
    opacity: 1
}

.miscContainer-VFl8ms {
    font-size: 14px;
    font-weight: 400;
    opacity: .6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.theme-dark .quickswitcher-2NdiGJ {
    background-color: #2f3136;
    color: #dcddde
}

.theme-dark .input-MwQhcX {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.1);
    background-color: #72767d;
    box-shadow: 0 2px 5px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.1);
    color: #fff
}

.theme-dark .input-MwQhcX::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .input-MwQhcX::-moz-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .input-MwQhcX:-ms-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .input-MwQhcX:-moz-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .emptyStateNote-_gUBTA {
    color: #72767d
}

.theme-dark .emptyState-1B1ZoL {
    background-image: url(/assets/0b298968e0a756e25677771fd6b58b34.svg)
}

.theme-dark .tipsWithoutResults-202oQR,.theme-dark .tipsWithResults-3TVZGE {
    border-color: rgba(79,84,92,.3);
    color: #72767d
}

.theme-dark .miscContainer-VFl8ms .avatar-xsmall {
    background-color: rgba(0,0,0,.3)
}

.theme-light .quickswitcher-2NdiGJ {
    background-color: #f6f6f7;
    color: #72767d
}

.theme-light .input-MwQhcX {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1),0 0 0 1px hsla(216,4%,74%,.3);
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.1),0 0 0 1px hsla(216,4%,74%,.3);
    color: #4f545c
}

.theme-light .input-MwQhcX::-webkit-input-placeholder {
    color: rgba(79,84,92,.3)
}

.theme-light .input-MwQhcX::-moz-placeholder {
    color: rgba(79,84,92,.3)
}

.theme-light .input-MwQhcX:-ms-input-placeholder {
    color: rgba(79,84,92,.3)
}

.theme-light .input-MwQhcX:-moz-placeholder {
    color: rgba(79,84,92,.3)
}

.theme-light .emptyStateNote-_gUBTA {
    color: #828385
}

.theme-light .emptyState-1B1ZoL {
    background-image: url(/assets/0900c33038a1b28283644e5870de552f.svg)
}

.theme-light .tipsWithoutResults-202oQR,.theme-light .tipsWithResults-3TVZGE {
    border-top: 1px solid #dcddde
}

.theme-light .miscContainer-VFl8ms .avatar-xsmall {
    background-color: rgba(0,0,0,.1)
}

.item-Q6fJ7r {
    cursor: pointer;
    font-size: 13px;
    margin-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px
}

.theme-dark .container-NpB-K_ {
    color: #72767d
}

.theme-dark .selected-2A0WXO {
    border-bottom: 2px solid #f6f6f7;
    color: #f6f6f7
}

.theme-light .container-NpB-K_ {
    color: #b9bbbe
}

.theme-light .selected-2A0WXO {
    border-bottom: 2px solid #4f545c;
    color: #4f545c
}

.grid-3Iq89E {
    position: relative
}

.tile-3G1_cN {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container-17yccv {
    padding-bottom: 8px;
    padding-top: 8px
}

.size-29enIJ {
    width: 620px
}

.spinner-1OVHXp {
    height: 300px
}

.content-2Jeco_ {
    padding: 0 20px 20px
}

.tiles-3jKTg9 {
    border-radius: 3px;
    height: 300px;
    position: relative
}

.description-2xiZSo {
    padding-left: 30px;
    padding-right: 30px;
    text-align: center
}

.description-2xiZSo p {
    margin: 0
}

.selector-NnLNPs {
}

.selectorButton-1Hpyqf {
    min-width: 36px;
    padding: 6px 10px
}

.selectorButtonSelected-3ApyX9 {
    background-color: #7289da
}

.selectorText-1gAsCy,.selectorTextSelected-HIRWpG {
    text-transform: uppercase
}

.selectorTextSelected-HIRWpG {
    color: #f6f6f7
}

.selectorNitroText-3k4aoc {
    margin-right: 4px;
    opacity: .3;
    text-decoration: line-through
}

.tile-2GUmAV {
    padding: 8px
}

.imageContainerStack-3DemLF,.imageContainerWrap-U8Sg42 {
    position: relative
}

.imageContainerWrap-U8Sg42 {
    height: 165px;
    width: 165px
}

.imageContainerStack-3DemLF {
    height: 240px;
    max-width: 370px
}

.imageStack-1Xm7Eb,.imageWrap-xmwvCB {
    border: 3px solid transparent;
    cursor: pointer;
    height: auto;
    position: relative;
    width: auto
}

.image-23Jft7 {
    -webkit-box-sizing: border-box;
    border: 2px solid transparent;
    box-sizing: border-box;
    display: block
}

.imageWrap-xmwvCB {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    max-height: 165px;
    max-width: 165px
}

.imageStack-1Xm7Eb {
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1);
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    max-height: 240px;
    max-width: 370px
}

.imageSelected-1LY3bZ {
    border: 4px solid #7289da
}

.titleStack-1gbL5h,.titleWrap-1JyZ0i {
    font-size: 14px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.titleStack-1gbL5h {
    width: 370px
}

.titleWrap-1JyZ0i,.wrapImage-1Q9Chq,.wrapText-jjy6Tk {
    width: 165px
}

.wrapImage-1Q9Chq {
    height: 165px
}

.stack-1H59yv {
    height: 240px;
    width: 370px
}

.theme-dark .tiles-3jKTg9 {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2),0 0 0 1px rgba(32,34,37,.6);
    background-color: #2f3136;
    box-shadow: 0 2px 5px rgba(0,0,0,.2),0 0 0 1px rgba(32,34,37,.6)
}

.theme-dark .tile-2GUmAV {
    color: #b9bbbe
}

.theme-dark .titleSelected-3u8i5y {
    color: #f6f6f7
}

.theme-dark .border-39Cu-M {
    border-bottom: 1px solid hsla(240,6%,97%,.1)
}

.theme-dark .selectorText-1gAsCy {
    color: #b9bbbe
}

.theme-light .tiles-3jKTg9 {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,75%,.3);
    background-color: #f6f6f7;
    box-shadow: 0 2px 5px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,75%,.3)
}

.theme-light .tile-2GUmAV {
    color: #72767d
}

.theme-light .titleSelected-3u8i5y {
    color: #4f545c
}

.theme-light .border-39Cu-M {
    border-bottom: 1px solid rgba(79,84,92,.1)
}

.theme-light .selectorText-1gAsCy {
    color: #72767d
}

.emailVerificationModal-2mpb9l {
    padding: 20px;
    position: relative;
    width: 440px
}

.emailVerificationModal-2mpb9l .animationContainer-2XVuBq {
    left: 90px;
    position: absolute;
    right: 90px;
    top: -150px
}

.emailVerificationModal-2mpb9l .title-xojwmV {
    font-size: 20px;
    font-weight: 500;
    margin-top: 100px
}

.emailVerificationModal-2mpb9l .body-35nGdR {
    font-size: 16px;
    letter-spacing: .35px;
    line-height: 20px;
    text-align: center
}

.emailVerificationModal-2mpb9l .container-1jWkWk {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.emailVerificationModal-2mpb9l .fullWidthButton-3i467N {
    width: 100%
}

.theme-light .emailVerificationModal-2mpb9l .title-xojwmV {
    color: #4f545c
}

.theme-light .emailVerificationModal-2mpb9l .body-35nGdR {
    color: #72767d
}

.theme-light .emailVerificationModal-2mpb9l .body-35nGdR.error-17I3Lt {
    color: #f04747
}

.theme-dark .emailVerificationModal-2mpb9l .title-xojwmV {
    color: #f6f6f7
}

.theme-dark .emailVerificationModal-2mpb9l .body-35nGdR {
    color: #72767d
}

.theme-dark .emailVerificationModal-2mpb9l .body-35nGdR.error-17I3Lt {
    color: #f04747
}

.switch-3Y0fRt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    position: relative;
    width: 53px
}

.switch-3Y0fRt input {
    display: none
}

.switch-3Y0fRt .slider-1S7GYD {
    background-color: transparent;
    border: 2px solid hsla(0,0%,100%,.2);
    border-radius: 26px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    right: 0;
    top: 0
}

.switch-3Y0fRt .slider-1S7GYD,.switch-3Y0fRt .slider-1S7GYD:before {
    -webkit-transition: .4s;
    position: absolute;
    transition: .4s
}

.switch-3Y0fRt .slider-1S7GYD:before {
    background-color: #fff;
    border-radius: 36px;
    bottom: -4px;
    content: "";
    height: 32px;
    left: -1px;
    width: 32px
}

.switch-3Y0fRt input:checked+.slider-1S7GYD {
    background-color: #43b581
}

.switch-3Y0fRt input:checked+.slider-1S7GYD:before {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.detected-platform-accounts-modal {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    align-items: center;
    flex-direction: column
}

.detected-platform-accounts-modal,.detected-platform-accounts-modal .icons {
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.detected-platform-accounts-modal .icons {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    background-position: top;
    background-repeat: no-repeat;
    flex-direction: row;
    width: 360px
}

.detected-platform-accounts-modal .icons .icon {
    height: 85px;
    margin: 20px 5px 0;
    width: 85px
}

.detected-platform-accounts-modal .body {
    color: hsla(0,0%,100%,.6);
    font-size: 16;
    font-weight: 500;
    line-height: 20px;
    margin-top: 24px;
    max-width: 400px;
    text-align: center
}

.detected-platform-accounts-modal .body strong {
    color: #fff
}

.detected-platform-accounts-modal .btn-group {
    -ms-flex-direction: row;
    -ms-flex-pack: end;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 16px;
    width: 360px
}

.detected-platform-accounts-modal .btn-group .btn {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.detected-platform-accounts-modal .btn-group .btn+.btn {
    margin-left: 8px
}

.detected-platform-accounts-modal .btn-group .btn:disabled {
    cursor: not-allowed;
    opacity: .3
}

.detected-platform-accounts-modal .btn-group .btn-default {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #fff;
    margin: 0 16px;
    padding: 2px 0 0
}

.detected-platform-accounts-modal .btn-group .btn-default:hover {
    border-bottom: 2px solid #fff
}

.detected-platform-accounts-modal .btn-group .btn-primary {
    background-color: #7289da;
    border-radius: 3px;
    color: #fff;
    padding: 8px 16px
}

.detected-platform-accounts-modal .btn-group .btn-primary:hover:not(:disabled) {
    background-color: #697ec4
}

.detected-platform-accounts-modal .divider {
    -ms-flex-negative: 0;
    background: #f5f5f5;
    flex-shrink: 0;
    height: 1px;
    opacity: .07;
    width: 360px
}

.detected-platform-accounts-modal .detected-accounts {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 32px 0;
    width: 360px
}

.detected-platform-accounts-modal .detected-accounts .detected-account {
    -ms-flex: 1;
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: horizontal;
    align-items: center;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: row
}

.detected-platform-accounts-modal .detected-accounts .detected-account+.detected-account {
    margin-top: 16px
}

.detected-platform-accounts-modal .detected-accounts .detected-account .detected-account-icon {
    height: 50px;
    margin-right: 16px;
    width: 50px
}

.detected-platform-accounts-modal .detected-accounts .detected-account .detected-account-details {
    -ms-flex: 1;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-weight: 400
}

.detected-platform-accounts-modal .detected-accounts .detected-account .detected-account-details h3 {
    color: #fff;
    font-size: 16px;
    line-height: 19px
}

.detected-platform-accounts-modal .detected-accounts .detected-account .detected-account-details h4 {
    color: hsla(0,0%,100%,.4);
    font-size: 11px;
    line-height: 14px;
    margin-top: 2px
}

.detected-platform-accounts-modal .privacy {
    bottom: 32px;
    color: hsla(0,0%,100%,.3);
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    left: 100px;
    position: absolute;
    right: 100px;
    text-align: center
}

.detected-platform-accounts-modal .privacy p {
    margin: 3px
}

.detected-platform-accounts-modal .privacy a {
    color: rgba(0,176,244,.6);
    text-decoration: none
}

.detected-platform-accounts-modal .privacy a:hover {
    text-decoration: underline
}

.modal-2vVdTr {
    -webkit-box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px hsla(216,4%,74%,.3),0 2px 10px 0 rgba(0,0,0,.1);
    overflow: hidden;
    position: relative;
    width: 520px
}

.container-2yT3n7 {
    margin: 32px 40px
}

.title-13IhZo {
    color: #7289da;
    text-transform: uppercase
}

.description-2iYkuq {
    margin-left: 40px;
    margin-right: 40px
}

.link-3c0TKm {
}

.ack-11L6X8 {
    color: #4f545c
}

.buttonContainer-vAIU1f {
    background-color: #f9f9f9;
    padding-right: 30px
}

.button-DQWBpV {
}

.backgroundSplash-Y09Xf8 {
    background-position: 50%;
    background-size: cover;
    height: 320px;
    left: 0;
    position: absolute;
    right: 0;
    top: 66px
}

.body-1CRKjz {
    border-radius: 0 0 5px 5px;
    margin-top: 174px
}

.content-2GB6QR {
}

.title-_tMNet {
}

.icon-JNBKCR {
    background-position: 50%;
    background-size: cover;
    border-radius: 3px;
    height: 64px;
    width: 64px
}

.fakeInputContainer-2pyyB3 {
    position: relative
}

.fakeInput-1BOkyc {
    -webkit-mask: -webkit-gradient(linear,right top,left top,from(transparent),to(#fff));
    -webkit-mask: linear-gradient(270deg,transparent,#fff);
    mask: -webkit-gradient(linear,right top,left top,from(transparent),to(#fff));
    mask: linear-gradient(270deg,transparent,#fff)
}

.fakeInputOverlay-2yyQD5 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.theme-dark .body-1CRKjz {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(54,57,63,.8)),color-stop(35%,#36393f));
    background-image: linear-gradient(180deg,rgba(54,57,63,.8),#36393f 35%)
}

.theme-light .body-1CRKjz {
    background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.8)),color-stop(35%,#fff));
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.8),#fff 35%)
}

.content-3xo0_C {
    padding: 0 20px
}

.image-VTCrcd {
    background-image: url(/assets/3bd0d83cb24ccf918b757ab5c18dc564.svg);
    height: 202px;
    position: absolute;
    top: -28px;
    width: 530px
}

.title-3IQwx- {
    margin-top: 190px;
    text-align: center
}

.formItem-2J3W-v {
}

.logout-2wXyOj {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    cursor: pointer;
    flex: 0 0 auto;
    margin-bottom: -10px;
    margin-top: 8px;
    opacity: .6;
    text-align: center;
    width: 100%
}

.logout-2wXyOj:hover {
    text-decoration: underline
}

.theme-dark .title-3IQwx- {
    color: #fff
}

.theme-light .title-3IQwx- {
    color: #4f545c
}

.modal-KOpUDj {
    text-align: center
}

.content-1k_Rg7 {
}

.closeButton-3NA_F5 {
    position: absolute;
    right: 16px;
    top: 16px
}

.image-3cXN7K {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 58px;
    margin-top: 48px;
    width: 98px
}

.title-4NWldt {
}

.appPromotion-P04qEx {
}

.theme-dark .image-3cXN7K {
    background-image: url(/assets/15bc6312ff83991a86d4eb9be19094d6.svg)
}

.theme-dark .title-4NWldt {
    color: #fff
}

.theme-dark .appPromotion-P04qEx {
    color: #b9bbbe
}

.theme-light .image-3cXN7K {
    background-image: url(/assets/7c6b9649a101a9d3e28044d66ee65730.svg)
}

.theme-light .title-4NWldt {
    color: #4f545c
}

.theme-light .appPromotion-P04qEx {
    color: #72767d
}

.ragingDemon-2tDx6Z {
    color: #fff;
    height: 100%;
    width: 100%
}

.ragingDemon-2tDx6Z,.symbol-TzREAp {
    left: 0;
    position: absolute;
    top: 0
}

.symbol-TzREAp {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    justify-content: center;
    width: 100vw
}

.symbol-TzREAp img {
    -webkit-animation: symbolFadeIn-1qIugM .3s ease-out forwards;
    animation: symbolFadeIn-1qIugM .3s ease-out forwards;
    height: auto;
    max-height: 60vh;
    max-width: 80vw;
    opacity: 0;
    position: relative;
    width: 80%
}

.symbolBackground-2EZSEZ {
    -webkit-animation: symbolBgFadeOut-2WNFAt .3s ease-out;
    animation: symbolBgFadeOut-2WNFAt .3s ease-out;
    background-color: #fff;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100vw
}

.container-2Gqa0u {
    -webkit-transform: translateZ(0);
    position: absolute;
    transform: translateZ(0)
}

.explosion-1Dw9C7 {
    -webkit-transform: translateZ(0);
    -webkit-transform-origin: 50%;
    position: absolute;
    transform: translateZ(0);
    transform-origin: 50%
}

.explosion-1Dw9C7 img {
    -webkit-transform-origin: 50%;
    position: absolute;
    transform-origin: 50%
}

.animate-3skeV1 .circleInner-3IIHF3 {
    -webkit-animation: explCircleInner-1zh-7A .3s .15s ease-out 1 forwards;
    animation: explCircleInner-1zh-7A .3s .15s ease-out 1 forwards;
    opacity: 0
}

.animate-3skeV1 .circleOuter-3rr6rM {
    -webkit-animation: explCircleOuter-3SjAjG .45s ease-out 1 forwards;
    animation: explCircleOuter-3SjAjG .45s ease-out 1 forwards;
    opacity: 0
}

.animate-3skeV1 .linesSecondary-1OG6xx {
    -webkit-animation: explLinesSecondary-vU0lg5 .375s .225s ease-out 1 forwards;
    animation: explLinesSecondary-vU0lg5 .375s .225s ease-out 1 forwards;
    opacity: 0
}

.animate-3skeV1 .linesMain-23oQmk {
    -webkit-animation: explLinesMain-3hQCpm .3s .15s ease-out 1 forwards;
    animation: explLinesMain-3hQCpm .3s .15s ease-out 1 forwards;
    opacity: 0
}

.primaryExplosion-1cusyP {
    height: 175px;
    margin-left: -77px;
    margin-top: -102px;
    width: 178px
}

.primaryExplosion-1cusyP .circleInner-3IIHF3 {
    left: 43px;
    top: 69px
}

.primaryExplosion-1cusyP .circleOuter-3rr6rM {
    left: 30px;
    top: 56px
}

.primaryExplosion-1cusyP .linesSecondary-1OG6xx {
    -webkit-transform-origin: 77px 43px;
    left: 0;
    top: 59px;
    transform-origin: 77px 43px
}

.primaryExplosion-1cusyP .linesMain-23oQmk {
    -webkit-transform-origin: 3px 110px;
    left: 71px;
    top: 0;
    transform-origin: 3px 110px
}

.secondaryExplosion-2yXV0y {
    height: 300px;
    margin-left: -88px;
    margin-top: -156px;
    width: 170px
}

.secondaryExplosion-2yXV0y .circleInner-3IIHF3 {
    -webkit-transform-origin: 30.5px 27.5px;
    left: 58px;
    top: 130px;
    transform-origin: 30.5px 27.5px
}

.secondaryExplosion-2yXV0y .circleOuter-3rr6rM {
    left: 46px;
    top: 115px
}

.secondaryExplosion-2yXV0y .linesSecondary-1OG6xx {
    -webkit-transform-origin: 70px 91px;
    left: 19px;
    top: 68px;
    transform-origin: 70px 91px
}

.secondaryExplosion-2yXV0y .linesMain-23oQmk {
    -webkit-transform-origin: 87px 150px;
    left: 5px;
    top: 6px;
    transform-origin: 87px 150px
}

@-webkit-keyframes symbolFadeIn-1qIugM {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes symbolFadeIn-1qIugM {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes symbolBgFadeOut-2WNFAt {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes symbolBgFadeOut-2WNFAt {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes explCircleInner-1zh-7A {
    0% {
        -webkit-transform: scale(.2) translateZ(0);
        opacity: 0;
        transform: scale(.2) translateZ(0)
    }

    10% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(.8) translateZ(0);
        opacity: 0;
        transform: scale(.8) translateZ(0)
    }
}

@keyframes explCircleInner-1zh-7A {
    0% {
        -webkit-transform: scale(.2) translateZ(0);
        opacity: 0;
        transform: scale(.2) translateZ(0)
    }

    10% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(.8) translateZ(0);
        opacity: 0;
        transform: scale(.8) translateZ(0)
    }
}

@-webkit-keyframes explCircleOuter-3SjAjG {
    0% {
        -webkit-transform: scale(.2) translateZ(0);
        opacity: 0;
        transform: scale(.2) translateZ(0)
    }

    10% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(.9) translateZ(0);
        opacity: 0;
        transform: scale(.9) translateZ(0)
    }
}

@keyframes explCircleOuter-3SjAjG {
    0% {
        -webkit-transform: scale(.2) translateZ(0);
        opacity: 0;
        transform: scale(.2) translateZ(0)
    }

    10% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(.9) translateZ(0);
        opacity: 0;
        transform: scale(.9) translateZ(0)
    }
}

@-webkit-keyframes explLinesSecondary-vU0lg5 {
    0% {
        -webkit-transform: scale(0) translateZ(0);
        opacity: 0;
        transform: scale(0) translateZ(0)
    }

    20% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) translateZ(0);
        opacity: 0;
        transform: scale(1) translateZ(0)
    }
}

@keyframes explLinesSecondary-vU0lg5 {
    0% {
        -webkit-transform: scale(0) translateZ(0);
        opacity: 0;
        transform: scale(0) translateZ(0)
    }

    20% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) translateZ(0);
        opacity: 0;
        transform: scale(1) translateZ(0)
    }
}

@-webkit-keyframes explLinesMain-3hQCpm {
    0% {
        -webkit-transform: scale(0) translateZ(0);
        opacity: 0;
        transform: scale(0) translateZ(0)
    }

    30% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) translateZ(0);
        opacity: 0;
        transform: scale(1) translateZ(0)
    }
}

@keyframes explLinesMain-3hQCpm {
    0% {
        -webkit-transform: scale(0) translateZ(0);
        opacity: 0;
        transform: scale(0) translateZ(0)
    }

    30% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) translateZ(0);
        opacity: 0;
        transform: scale(1) translateZ(0)
    }
}

.keyboard-shortcuts-modal {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    background-color: #fff;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    max-width: 950px;
    min-width: 800px;
    overflow: hidden;
    position: relative;
    width: 80vw
}

.keyboard-shortcuts-modal .scroller-wrap .scroller {
    overflow: auto
}

.keyboard-shortcuts-modal .modal-title {
    -ms-flex: 0 0;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-flex: 0;
    align-items: center;
    color: #4f545c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0;
    font-size: 26px;
    line-height: 34px;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 20px 40px 0
}

.keyboard-shortcuts-modal .modal-title .content {
    margin-right: 20px
}

.keyboard-shortcuts-modal .modal-subtitle {
    -ms-flex: 0 0;
    -webkit-box-flex: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: #737f8d;
    flex: 0 0;
    font-size: 16px;
    line-height: 20px;
    padding: 0 40px 20px
}

.keyboard-shortcuts-modal .ddr-arrows {
    overflow: hidden;
    position: absolute;
    right: 40px;
    top: 22px
}

.keyboard-shortcuts-modal .ddr-arrows .arrow {
    float: left;
    height: 50px;
    margin: 4px;
    overflow: hidden;
    text-indent: -9999em;
    width: 50px
}

.keyboard-shortcuts-modal .ddr-arrows .arrow.active {
    -webkit-animation: arrow .2s steps(2) 1;
    animation: arrow .2s steps(2) 1;
    background-position: 0 -100px
}

.keyboard-shortcuts-modal .ddr-arrows .arrow.left {
    background-image: url(/assets/743ca46af146337e82c2873bfac05c03.svg)
}

.keyboard-shortcuts-modal .ddr-arrows .arrow.down {
    background-image: url(/assets/41b546a5b2935c29e058414aa65cecf9.svg)
}

.keyboard-shortcuts-modal .ddr-arrows .arrow.up {
    background-image: url(/assets/4f1cd2e93ce6be829b3f77b76d8fb83b.svg)
}

.keyboard-shortcuts-modal .ddr-arrows .arrow.right {
    background-image: url(/assets/02435ae88c6d1605bfd3a0fa6620ab1d.svg)
}

.keyboard-shortcuts-modal .keyboard-shortcut-list {
    -ms-flex-direction: column;
    -ms-flex-wrap: wrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 670px;
    padding: 40px 20px 20px
}

.keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 20px 8px;
    width: 33.3333%
}

.keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group.group-end {
    margin-bottom: 40px
}

.keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group .keybind-description {
    color: #4f545c;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 4px;
    text-transform: uppercase
}

@-webkit-keyframes arrow {
    0% {
        background-position: 0 -50px
    }

    to {
        background-position: 0 -150px
    }
}

@keyframes arrow {
    0% {
        background-position: 0 -50px
    }

    to {
        background-position: 0 -150px
    }
}

.modal-8H7lBG {
    overflow: hidden
}

.size-3BeX_y {
    height: auto;
    width: 800px
}

.padded-30mXCF {
    padding: 40px 40px 40px 20px
}

.pageSize-3SpyMn {
    height: 360px;
    width: 800px
}

.illustrationWrapper-3cTvxJ {
    height: 360px;
    pointer-events: none;
    width: 360px
}

.modalContent-37tqrs {
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.title-2LcH6T {
    font-size: 24px;
    font-weight: 400;
    line-height: 20px
}

.text-2JzAMO {
    font-size: 16px;
    line-height: 24px;
    opacity: .6
}

.progressContainer-2PwxoF {
    -ms-flex: 1 0 auto;
    -ms-flex-item-align: center;
    -webkit-box-flex: 1;
    align-self: center;
    flex: 1 0 auto
}

.progress-2RZcBj {
    width: 200px
}

.theme-dark .text-2JzAMO,.theme-dark .title-2LcH6T {
    color: #fff
}

.theme-light .text-2JzAMO,.theme-light .title-2LcH6T {
    color: #72767d
}

.onboarding-slide {
    -webkit-box-sizing: border-box;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.old .onboarding-slide {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.old .onboarding-slide .measuring-container {
    padding-bottom: 72px
}

.onboarding-slide>.scroller-wrap {
    height: 100%;
    width: 100%
}

.onboarding-slide>.scroller-wrap .scroller {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.onboarding-slide.animating .scroller-wrap .scroller {
    overflow: hidden;
    padding-right: 17px
}

.onboarding-slide .measuring-container {
    margin: auto;
    max-width: 600px;
    padding-bottom: 20px
}

.theme-dark .onboarding-slide {
    color: #fff
}

.onboarding-slide * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.onboarding-slide .slide-header {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
    text-align: center;
    width: 480px
}

.onboarding-slide .slide-header p {
    color: hsla(0,0%,100%,.3);
    font-size: 16px;
    line-height: 20px
}

.onboarding-slide .base-copy {
    margin-bottom: 16px
}

.onboarding-slide .content {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 40px;
    position: relative;
    width: 480px
}

.onboarding-slide .content .title-h5 {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.onboarding-slide .content>div,.onboarding-slide .content ul {
    width: 100%
}

.onboarding-slide label {
    display: block
}

.onboarding-slide input::-webkit-input-placeholder,.onboarding-slide textarea::-webkit-input-placeholder {
    color: #dadddf;
    font-weight: 300
}

.onboarding-slide input {
    line-height: 34px
}

.onboarding-slide input[type=email],.onboarding-slide input[type=number],.onboarding-slide input[type=password],.onboarding-slide input[type=text],.onboarding-slide textarea {
    -webkit-box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    background: transparent;
    border: none;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 18px;
    outline: none;
    padding: 0 0 10px;
    resize: none;
    width: 100%
}

.onboarding-slide input[type=email]:focus,.onboarding-slide input[type=number]:focus,.onboarding-slide input[type=password]:focus,.onboarding-slide input[type=text]:focus,.onboarding-slide textarea:focus {
    -webkit-box-shadow: 0 2px 0 #7289da;
    box-shadow: 0 2px 0 #7289da
}

.onboarding-slide input[type=email]:disabled,.onboarding-slide input[type=number]:disabled,.onboarding-slide input[type=password]:disabled,.onboarding-slide input[type=text]:disabled,.onboarding-slide textarea:disabled {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background: transparent;
    color: hsla(0,0%,100%,.5);
    cursor: not-allowed;
    user-select: none
}

.nuf-page .bordered {
    border: 2px solid hsla(0,0%,100%,.1);
    border-radius: 5px;
    margin: 10px auto 0;
    width: 480px
}

.nuf-page .button {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0);
    -webkit-transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 24px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transform: translateZ(0);
    transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    transition: background-color .1s ease-in-out,transform .1s ease-in-out,box-shadow .1s ease-in-out;
    width: auto
}

.nuf-page .button:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -webkit-transform: translate3d(0,-1px,0);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    transform: translate3d(0,-1px,0)
}

.nuf-page .button:active {
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -webkit-transform: translate3d(0,1px,0);
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    transform: translate3d(0,1px,0)
}

.nuf-page .button:disabled {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0)!important;
    box-shadow: 0 0 0 transparent;
    cursor: default;
    opacity: .3;
    transform: translateZ(0)!important
}

.nuf-page .button.filled {
    background-color: #7289da;
    color: #fff
}

.nuf-page .button.filled:disabled {
    background-color: #535559;
    color: transparent;
    overflow: hidden;
    position: relative
}

.nuf-page .button.filled:disabled:hover .nuf-page .button.filled:disabled:active {
    -webkit-box-shadow: none;
    -webkit-transform: translateZ(0);
    background-color: #535559;
    box-shadow: none;
    cursor: default;
    transform: translateZ(0)
}

.nuf-page .button.filled:disabled .spinner {
    left: 50%;
    margin: -3px 0 0 -14px;
    position: absolute;
    top: 50%
}

.nuf-page .button.filled.btn-success:disabled {
    background-color: #43b581;
    color: #fff;
    opacity: 1
}

.nuf-page .button.filled.btn-failure {
    background-color: #f04747;
    color: #fff
}

.nuf-page .button.filled:hover {
    background-color: #677bc4
}

.nuf-page .button.filled:active {
    background-color: #6174b9
}

.nuf-page .button.full-width {
    display: block;
    line-height: 42px;
    text-align: center;
    width: 100%
}

.onboarding-navigation {
    background-color: #36393e;
    margin: 0 auto;
    width: 480px
}

.onboarding-navigation.fixed {
    bottom: 0;
    left: 320px;
    min-width: 480px;
    position: fixed;
    right: 15px;
    width: auto
}

.onboarding-navigation.fixed:before {
    -webkit-box-shadow: 0 -5px 10px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,10px,0);
    -webkit-transition: -webkit-transform .1s ease-in-out;
    border-radius: 5px;
    box-shadow: 0 -5px 10px rgba(0,0,0,.1);
    content: "";
    height: 50px;
    left: 50%;
    margin-left: -260px;
    position: absolute;
    top: 0;
    transform: translate3d(0,10px,0);
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    width: 520px;
    z-index: 0
}

.onboarding-navigation.fixed.underlay:before {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.onboarding-navigation.fixed .onboarding-navigation-controls {
    padding: 20px 40px;
    width: 484px
}

.onboarding-navigation .onboarding-navigation-controls {
    background-color: #36393e;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 0;
    position: relative;
    z-index: 1
}

.onboarding-navigation .button {
    background: #fff;
    color: #7289da;
    height: 32px!important
}

.onboarding-navigation .button.button-advance {
    float: right;
    padding-right: 8px
}

.onboarding-navigation .button.button-advance:before {
    content: url(/assets/21bff83f61b619e3c21438b916bb5163.svg);
    display: block;
    float: right;
    height: 24px;
    margin-left: 8px;
    vertical-align: center;
    width: 24px
}

.onboarding-navigation .button.button-advance.submitting {
    opacity: 1
}

.onboarding-navigation .button.button-advance.submitting:before {
    visibility: hidden
}

.onboarding-navigation .button.button-advance .spinner {
    position: absolute;
    right: 5px;
    top: 13px
}

.onboarding-navigation .button.button-skip {
    -webkit-box-shadow: none;
    background-color: transparent;
    box-shadow: none;
    color: hsla(0,0%,100%,.2);
    float: left;
    padding-left: 0;
    padding-right: 0
}

.onboarding-navigation .button.button-skip:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsla(0,0%,100%,.4);
    text-shadow: 0 1px 3px rgba(0,0,0,.5)
}

.onboarding-navigation .button.button-skip:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsla(0,0%,100%,.6)
}

.onboarding-navigation .step-status {
    -ms-flex: 1;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    justify-content: center;
    visibility: hidden
}

.onboarding-navigation .step-status .step {
    background: #87909c;
    border-radius: 50%;
    height: 8px;
    margin: 6px;
    width: 8px
}

.onboarding-navigation .step-status .step.current {
    background-color: #7289da
}

@media (max-width: 940px) {
    .onboarding-navigation {
        left:0
    }
}

.onboarding-slide {
    -webkit-box-sizing: border-box;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.old .onboarding-slide {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.old .onboarding-slide .measuring-container {
    padding-bottom: 72px
}

.onboarding-slide>.scroller-wrap {
    height: 100%;
    width: 100%
}

.onboarding-slide>.scroller-wrap .scroller {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.onboarding-slide.animating .scroller-wrap .scroller {
    overflow: hidden;
    padding-right: 17px
}

.onboarding-slide .measuring-container {
    margin: auto;
    max-width: 600px;
    padding-bottom: 20px
}

.theme-dark .onboarding-slide {
    color: #fff
}

.onboarding-slide * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.onboarding-slide .slide-header {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
    text-align: center;
    width: 480px
}

.onboarding-slide .slide-header p {
    color: hsla(0,0%,100%,.3);
    font-size: 16px;
    line-height: 20px
}

.onboarding-slide .base-copy {
    margin-bottom: 16px
}

.onboarding-slide .content {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 40px;
    position: relative;
    width: 480px
}

.onboarding-slide .content .title-h5 {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.onboarding-slide .content>div,.onboarding-slide .content ul {
    width: 100%
}

.onboarding-slide label {
    display: block
}

.onboarding-slide input::-webkit-input-placeholder,.onboarding-slide textarea::-webkit-input-placeholder {
    color: #dadddf;
    font-weight: 300
}

.onboarding-slide input {
    line-height: 34px
}

.onboarding-slide input[type=email],.onboarding-slide input[type=number],.onboarding-slide input[type=password],.onboarding-slide input[type=text],.onboarding-slide textarea {
    -webkit-box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    background: transparent;
    border: none;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 18px;
    outline: none;
    padding: 0 0 10px;
    resize: none;
    width: 100%
}

.onboarding-slide input[type=email]:focus,.onboarding-slide input[type=number]:focus,.onboarding-slide input[type=password]:focus,.onboarding-slide input[type=text]:focus,.onboarding-slide textarea:focus {
    -webkit-box-shadow: 0 2px 0 #7289da;
    box-shadow: 0 2px 0 #7289da
}

.onboarding-slide input[type=email]:disabled,.onboarding-slide input[type=number]:disabled,.onboarding-slide input[type=password]:disabled,.onboarding-slide input[type=text]:disabled,.onboarding-slide textarea:disabled {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background: transparent;
    color: hsla(0,0%,100%,.5);
    cursor: not-allowed;
    user-select: none
}

.nuf-page .bordered {
    border: 2px solid hsla(0,0%,100%,.1);
    border-radius: 5px;
    margin: 10px auto 0;
    width: 480px
}

.nuf-page .button {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0);
    -webkit-transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 24px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transform: translateZ(0);
    transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    transition: background-color .1s ease-in-out,transform .1s ease-in-out,box-shadow .1s ease-in-out;
    width: auto
}

.nuf-page .button:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -webkit-transform: translate3d(0,-1px,0);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    transform: translate3d(0,-1px,0)
}

.nuf-page .button:active {
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -webkit-transform: translate3d(0,1px,0);
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    transform: translate3d(0,1px,0)
}

.nuf-page .button:disabled {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0)!important;
    box-shadow: 0 0 0 transparent;
    cursor: default;
    opacity: .3;
    transform: translateZ(0)!important
}

.nuf-page .button.filled {
    background-color: #7289da;
    color: #fff
}

.nuf-page .button.filled:disabled {
    background-color: #535559;
    color: transparent;
    overflow: hidden;
    position: relative
}

.nuf-page .button.filled:disabled:hover .nuf-page .button.filled:disabled:active {
    -webkit-box-shadow: none;
    -webkit-transform: translateZ(0);
    background-color: #535559;
    box-shadow: none;
    cursor: default;
    transform: translateZ(0)
}

.nuf-page .button.filled:disabled .spinner {
    left: 50%;
    margin: -3px 0 0 -14px;
    position: absolute;
    top: 50%
}

.nuf-page .button.filled.btn-success:disabled {
    background-color: #43b581;
    color: #fff;
    opacity: 1
}

.nuf-page .button.filled.btn-failure {
    background-color: #f04747;
    color: #fff
}

.nuf-page .button.filled:hover {
    background-color: #677bc4
}

.nuf-page .button.filled:active {
    background-color: #6174b9
}

.nuf-page .button.full-width {
    display: block;
    line-height: 42px;
    text-align: center;
    width: 100%
}

.base-copy,.title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6 {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 0
}

.title-h1,.title-h5,.title-h6 {
    font-weight: 700
}

.title-h2,.title-h3,.title-h4 {
    font-weight: 400
}

.title-h1 {
    font-size: 36px;
    line-height: 44px
}

.title-h2 {
    font-size: 26px;
    line-height: 34px
}

.title-h3 {
    font-size: 24px;
    line-height: 30px
}

.title-h4 {
    font-size: 18px;
    line-height: 24px
}

.title-h5 {
    font-size: 16px;
    line-height: 20px
}

.title-h6 {
    font-size: 20px;
    line-height: 24px
}

.base-copy {
    font-size: 16px;
    line-height: 20px;
    margin: 12px 0 0
}

.theme-dark .title-h1,.theme-dark .title-h2,.theme-dark .title-h3,.theme-dark .title-h5,.theme-dark .title-h6 {
    color: #fff
}

.theme-dark .base-copy,.theme-dark .title-h4 {
    color: #717477
}

.theme-light .title-h1,.theme-light .title-h2,.theme-light .title-h3,.theme-light .title-h5,.theme-light .title-h6 {
    color: #4f545c
}

.theme-light .base-copy,.theme-light .title-h4 {
    color: #737f8d
}

.onboarding-slide {
    -webkit-box-sizing: border-box;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.old .onboarding-slide {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.old .onboarding-slide .measuring-container {
    padding-bottom: 72px
}

.onboarding-slide>.scroller-wrap {
    height: 100%;
    width: 100%
}

.onboarding-slide>.scroller-wrap .scroller {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.onboarding-slide.animating .scroller-wrap .scroller {
    overflow: hidden;
    padding-right: 17px
}

.onboarding-slide .measuring-container {
    margin: auto;
    max-width: 600px;
    padding-bottom: 20px
}

.theme-dark .onboarding-slide {
    color: #fff
}

.onboarding-slide * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.onboarding-slide .slide-header {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
    text-align: center;
    width: 480px
}

.onboarding-slide .slide-header p {
    color: hsla(0,0%,100%,.3);
    font-size: 16px;
    line-height: 20px
}

.onboarding-slide .base-copy {
    margin-bottom: 16px
}

.onboarding-slide .content {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 40px;
    position: relative;
    width: 480px
}

.onboarding-slide .content .title-h5 {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.onboarding-slide .content>div,.onboarding-slide .content ul {
    width: 100%
}

.onboarding-slide label {
    display: block
}

.onboarding-slide input::-webkit-input-placeholder,.onboarding-slide textarea::-webkit-input-placeholder {
    color: #dadddf;
    font-weight: 300
}

.onboarding-slide input {
    line-height: 34px
}

.onboarding-slide input[type=email],.onboarding-slide input[type=number],.onboarding-slide input[type=password],.onboarding-slide input[type=text],.onboarding-slide textarea {
    -webkit-box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    background: transparent;
    border: none;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 18px;
    outline: none;
    padding: 0 0 10px;
    resize: none;
    width: 100%
}

.onboarding-slide input[type=email]:focus,.onboarding-slide input[type=number]:focus,.onboarding-slide input[type=password]:focus,.onboarding-slide input[type=text]:focus,.onboarding-slide textarea:focus {
    -webkit-box-shadow: 0 2px 0 #7289da;
    box-shadow: 0 2px 0 #7289da
}

.onboarding-slide input[type=email]:disabled,.onboarding-slide input[type=number]:disabled,.onboarding-slide input[type=password]:disabled,.onboarding-slide input[type=text]:disabled,.onboarding-slide textarea:disabled {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background: transparent;
    color: hsla(0,0%,100%,.5);
    cursor: not-allowed;
    user-select: none
}

.nuf-page .bordered {
    border: 2px solid hsla(0,0%,100%,.1);
    border-radius: 5px;
    margin: 10px auto 0;
    width: 480px
}

.nuf-page .button {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0);
    -webkit-transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 24px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transform: translateZ(0);
    transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    transition: background-color .1s ease-in-out,transform .1s ease-in-out,box-shadow .1s ease-in-out;
    width: auto
}

.nuf-page .button:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -webkit-transform: translate3d(0,-1px,0);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    transform: translate3d(0,-1px,0)
}

.nuf-page .button:active {
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -webkit-transform: translate3d(0,1px,0);
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    transform: translate3d(0,1px,0)
}

.nuf-page .button:disabled {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0)!important;
    box-shadow: 0 0 0 transparent;
    cursor: default;
    opacity: .3;
    transform: translateZ(0)!important
}

.nuf-page .button.filled {
    background-color: #7289da;
    color: #fff
}

.nuf-page .button.filled:disabled {
    background-color: #535559;
    color: transparent;
    overflow: hidden;
    position: relative
}

.nuf-page .button.filled:disabled:hover .nuf-page .button.filled:disabled:active {
    -webkit-box-shadow: none;
    -webkit-transform: translateZ(0);
    background-color: #535559;
    box-shadow: none;
    cursor: default;
    transform: translateZ(0)
}

.nuf-page .button.filled:disabled .spinner {
    left: 50%;
    margin: -3px 0 0 -14px;
    position: absolute;
    top: 50%
}

.nuf-page .button.filled.btn-success:disabled {
    background-color: #43b581;
    color: #fff;
    opacity: 1
}

.nuf-page .button.filled.btn-failure {
    background-color: #f04747;
    color: #fff
}

.nuf-page .button.filled:hover {
    background-color: #677bc4
}

.nuf-page .button.filled:active {
    background-color: #6174b9
}

.nuf-page .button.full-width {
    display: block;
    line-height: 42px;
    text-align: center;
    width: 100%
}

.onboarding-slide.marketing .scroller {
    overflow-x: hidden
}

.onboarding-slide.marketing .images {
    height: 344px;
    position: relative
}

.onboarding-slide.marketing .images img {
    bottom: 0;
    left: 0;
    position: absolute
}

.onboarding-slide.marketing .images img.shapes {
    bottom: 72px;
    left: calc(50% - 325px)
}

.onboarding-slide.marketing .images img.devices {
    left: calc(50% - 325px)
}

.onboarding-slide.marketing .images img.avatar {
    -webkit-animation: avatar-float 1s ease-in-out infinite alternate;
    animation: avatar-float 1s ease-in-out infinite alternate
}

.onboarding-slide.marketing .images img.avatar.avatar-1 {
    -webkit-animation: none;
    animation: none;
    bottom: 180px;
    left: calc(50% - 82px)
}

.onboarding-slide.marketing .images img.avatar.avatar-2 {
    bottom: 150px;
    left: calc(93% - 31px)
}

.onboarding-slide.marketing .images img.avatar.avatar-3 {
    bottom: 150px;
    left: calc(7% - 31px)
}

.onboarding-slide.marketing .images img.avatar.avatar-4 {
    bottom: 292px;
    left: calc(30% - 23.5px)
}

.onboarding-slide.marketing .images img.avatar.avatar-5 {
    bottom: 234px;
    left: calc(76% - 23.5px)
}

.onboarding-slide.marketing .images img.avatar.avatar-6 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    bottom: 300px;
    left: calc(13% - 15.5px)
}

.onboarding-slide.marketing .images img.avatar.avatar-7 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    bottom: 290px;
    left: calc(67% - 15.5px)
}

@-webkit-keyframes avatar-float {
    0% {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0)
    }

    to {
        -webkit-transform: translate3d(0,1px,0);
        transform: translate3d(0,1px,0)
    }
}

@keyframes avatar-float {
    0% {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0)
    }

    to {
        -webkit-transform: translate3d(0,1px,0);
        transform: translate3d(0,1px,0)
    }
}

.button-circle-uploader {
    height: 150px
}

.button-circle-uploader .button.button-upload {
    display: inline-block;
    line-height: 42px
}

.button-circle-uploader .button-circle-uploader-content {
    margin-right: 40px;
    width: 226px
}

.button-circle-uploader .avatar-uploader .avatar-uploader-inner {
    background-color: transparent;
    border: none;
    height: 128px;
    margin-bottom: 10px;
    width: 128px
}

.base-copy,.title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6 {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 0
}

.title-h1,.title-h5,.title-h6 {
    font-weight: 700
}

.title-h2,.title-h3,.title-h4 {
    font-weight: 400
}

.title-h1 {
    font-size: 36px;
    line-height: 44px
}

.title-h2 {
    font-size: 26px;
    line-height: 34px
}

.title-h3 {
    font-size: 24px;
    line-height: 30px
}

.title-h4 {
    font-size: 18px;
    line-height: 24px
}

.title-h5 {
    font-size: 16px;
    line-height: 20px
}

.title-h6 {
    font-size: 20px;
    line-height: 24px
}

.base-copy {
    font-size: 16px;
    line-height: 20px;
    margin: 12px 0 0
}

.theme-dark .title-h1,.theme-dark .title-h2,.theme-dark .title-h3,.theme-dark .title-h5,.theme-dark .title-h6 {
    color: #fff
}

.theme-dark .base-copy,.theme-dark .title-h4 {
    color: #717477
}

.theme-light .title-h1,.theme-light .title-h2,.theme-light .title-h3,.theme-light .title-h5,.theme-light .title-h6 {
    color: #4f545c
}

.theme-light .base-copy,.theme-light .title-h4 {
    color: #737f8d
}

.onboarding-slide {
    -webkit-box-sizing: border-box;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.old .onboarding-slide {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.old .onboarding-slide .measuring-container {
    padding-bottom: 72px
}

.onboarding-slide>.scroller-wrap {
    height: 100%;
    width: 100%
}

.onboarding-slide>.scroller-wrap .scroller {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.onboarding-slide.animating .scroller-wrap .scroller {
    overflow: hidden;
    padding-right: 17px
}

.onboarding-slide .measuring-container {
    margin: auto;
    max-width: 600px;
    padding-bottom: 20px
}

.theme-dark .onboarding-slide {
    color: #fff
}

.onboarding-slide * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.onboarding-slide .slide-header {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
    text-align: center;
    width: 480px
}

.onboarding-slide .slide-header p {
    color: hsla(0,0%,100%,.3);
    font-size: 16px;
    line-height: 20px
}

.onboarding-slide .base-copy {
    margin-bottom: 16px
}

.onboarding-slide .content {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 40px;
    position: relative;
    width: 480px
}

.onboarding-slide .content .title-h5 {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.onboarding-slide .content>div,.onboarding-slide .content ul {
    width: 100%
}

.onboarding-slide label {
    display: block
}

.onboarding-slide input::-webkit-input-placeholder,.onboarding-slide textarea::-webkit-input-placeholder {
    color: #dadddf;
    font-weight: 300
}

.onboarding-slide input {
    line-height: 34px
}

.onboarding-slide input[type=email],.onboarding-slide input[type=number],.onboarding-slide input[type=password],.onboarding-slide input[type=text],.onboarding-slide textarea {
    -webkit-box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    background: transparent;
    border: none;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 18px;
    outline: none;
    padding: 0 0 10px;
    resize: none;
    width: 100%
}

.onboarding-slide input[type=email]:focus,.onboarding-slide input[type=number]:focus,.onboarding-slide input[type=password]:focus,.onboarding-slide input[type=text]:focus,.onboarding-slide textarea:focus {
    -webkit-box-shadow: 0 2px 0 #7289da;
    box-shadow: 0 2px 0 #7289da
}

.onboarding-slide input[type=email]:disabled,.onboarding-slide input[type=number]:disabled,.onboarding-slide input[type=password]:disabled,.onboarding-slide input[type=text]:disabled,.onboarding-slide textarea:disabled {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background: transparent;
    color: hsla(0,0%,100%,.5);
    cursor: not-allowed;
    user-select: none
}

.nuf-page .bordered {
    border: 2px solid hsla(0,0%,100%,.1);
    border-radius: 5px;
    margin: 10px auto 0;
    width: 480px
}

.nuf-page .button {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0);
    -webkit-transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 24px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transform: translateZ(0);
    transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    transition: background-color .1s ease-in-out,transform .1s ease-in-out,box-shadow .1s ease-in-out;
    width: auto
}

.nuf-page .button:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -webkit-transform: translate3d(0,-1px,0);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    transform: translate3d(0,-1px,0)
}

.nuf-page .button:active {
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -webkit-transform: translate3d(0,1px,0);
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    transform: translate3d(0,1px,0)
}

.nuf-page .button:disabled {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0)!important;
    box-shadow: 0 0 0 transparent;
    cursor: default;
    opacity: .3;
    transform: translateZ(0)!important
}

.nuf-page .button.filled {
    background-color: #7289da;
    color: #fff
}

.nuf-page .button.filled:disabled {
    background-color: #535559;
    color: transparent;
    overflow: hidden;
    position: relative
}

.nuf-page .button.filled:disabled:hover .nuf-page .button.filled:disabled:active {
    -webkit-box-shadow: none;
    -webkit-transform: translateZ(0);
    background-color: #535559;
    box-shadow: none;
    cursor: default;
    transform: translateZ(0)
}

.nuf-page .button.filled:disabled .spinner {
    left: 50%;
    margin: -3px 0 0 -14px;
    position: absolute;
    top: 50%
}

.nuf-page .button.filled.btn-success:disabled {
    background-color: #43b581;
    color: #fff;
    opacity: 1
}

.nuf-page .button.filled.btn-failure {
    background-color: #f04747;
    color: #fff
}

.nuf-page .button.filled:hover {
    background-color: #677bc4
}

.nuf-page .button.filled:active {
    background-color: #6174b9
}

.nuf-page .button.full-width {
    display: block;
    line-height: 42px;
    text-align: center;
    width: 100%
}

.onboarding-slide.avatar-upload .content .avatar-uploader {
    position: relative
}

.onboarding-slide.avatar-upload .content .remove-button {
    margin-top: 10px;
    position: absolute;
    width: 100%
}

.base-copy,.title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6 {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 0
}

.title-h1,.title-h5,.title-h6 {
    font-weight: 700
}

.title-h2,.title-h3,.title-h4 {
    font-weight: 400
}

.title-h1 {
    font-size: 36px;
    line-height: 44px
}

.title-h2 {
    font-size: 26px;
    line-height: 34px
}

.title-h3 {
    font-size: 24px;
    line-height: 30px
}

.title-h4 {
    font-size: 18px;
    line-height: 24px
}

.title-h5 {
    font-size: 16px;
    line-height: 20px
}

.title-h6 {
    font-size: 20px;
    line-height: 24px
}

.base-copy {
    font-size: 16px;
    line-height: 20px;
    margin: 12px 0 0
}

.theme-dark .title-h1,.theme-dark .title-h2,.theme-dark .title-h3,.theme-dark .title-h5,.theme-dark .title-h6 {
    color: #fff
}

.theme-dark .base-copy,.theme-dark .title-h4 {
    color: #717477
}

.theme-light .title-h1,.theme-light .title-h2,.theme-light .title-h3,.theme-light .title-h5,.theme-light .title-h6 {
    color: #4f545c
}

.theme-light .base-copy,.theme-light .title-h4 {
    color: #737f8d
}

.onboarding-slide {
    -webkit-box-sizing: border-box;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.old .onboarding-slide {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.old .onboarding-slide .measuring-container {
    padding-bottom: 72px
}

.onboarding-slide>.scroller-wrap {
    height: 100%;
    width: 100%
}

.onboarding-slide>.scroller-wrap .scroller {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.onboarding-slide.animating .scroller-wrap .scroller {
    overflow: hidden;
    padding-right: 17px
}

.onboarding-slide .measuring-container {
    margin: auto;
    max-width: 600px;
    padding-bottom: 20px
}

.theme-dark .onboarding-slide {
    color: #fff
}

.onboarding-slide * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.onboarding-slide .slide-header {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
    text-align: center;
    width: 480px
}

.onboarding-slide .slide-header p {
    color: hsla(0,0%,100%,.3);
    font-size: 16px;
    line-height: 20px
}

.onboarding-slide .base-copy {
    margin-bottom: 16px
}

.onboarding-slide .content {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 40px;
    position: relative;
    width: 480px
}

.onboarding-slide .content .title-h5 {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.onboarding-slide .content>div,.onboarding-slide .content ul {
    width: 100%
}

.onboarding-slide label {
    display: block
}

.onboarding-slide input::-webkit-input-placeholder,.onboarding-slide textarea::-webkit-input-placeholder {
    color: #dadddf;
    font-weight: 300
}

.onboarding-slide input {
    line-height: 34px
}

.onboarding-slide input[type=email],.onboarding-slide input[type=number],.onboarding-slide input[type=password],.onboarding-slide input[type=text],.onboarding-slide textarea {
    -webkit-box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    background: transparent;
    border: none;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 18px;
    outline: none;
    padding: 0 0 10px;
    resize: none;
    width: 100%
}

.onboarding-slide input[type=email]:focus,.onboarding-slide input[type=number]:focus,.onboarding-slide input[type=password]:focus,.onboarding-slide input[type=text]:focus,.onboarding-slide textarea:focus {
    -webkit-box-shadow: 0 2px 0 #7289da;
    box-shadow: 0 2px 0 #7289da
}

.onboarding-slide input[type=email]:disabled,.onboarding-slide input[type=number]:disabled,.onboarding-slide input[type=password]:disabled,.onboarding-slide input[type=text]:disabled,.onboarding-slide textarea:disabled {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background: transparent;
    color: hsla(0,0%,100%,.5);
    cursor: not-allowed;
    user-select: none
}

.nuf-page .bordered {
    border: 2px solid hsla(0,0%,100%,.1);
    border-radius: 5px;
    margin: 10px auto 0;
    width: 480px
}

.nuf-page .button {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0);
    -webkit-transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 24px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transform: translateZ(0);
    transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    transition: background-color .1s ease-in-out,transform .1s ease-in-out,box-shadow .1s ease-in-out;
    width: auto
}

.nuf-page .button:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -webkit-transform: translate3d(0,-1px,0);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    transform: translate3d(0,-1px,0)
}

.nuf-page .button:active {
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -webkit-transform: translate3d(0,1px,0);
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    transform: translate3d(0,1px,0)
}

.nuf-page .button:disabled {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0)!important;
    box-shadow: 0 0 0 transparent;
    cursor: default;
    opacity: .3;
    transform: translateZ(0)!important
}

.nuf-page .button.filled {
    background-color: #7289da;
    color: #fff
}

.nuf-page .button.filled:disabled {
    background-color: #535559;
    color: transparent;
    overflow: hidden;
    position: relative
}

.nuf-page .button.filled:disabled:hover .nuf-page .button.filled:disabled:active {
    -webkit-box-shadow: none;
    -webkit-transform: translateZ(0);
    background-color: #535559;
    box-shadow: none;
    cursor: default;
    transform: translateZ(0)
}

.nuf-page .button.filled:disabled .spinner {
    left: 50%;
    margin: -3px 0 0 -14px;
    position: absolute;
    top: 50%
}

.nuf-page .button.filled.btn-success:disabled {
    background-color: #43b581;
    color: #fff;
    opacity: 1
}

.nuf-page .button.filled.btn-failure {
    background-color: #f04747;
    color: #fff
}

.nuf-page .button.filled:hover {
    background-color: #677bc4
}

.nuf-page .button.filled:active {
    background-color: #6174b9
}

.nuf-page .button.full-width {
    display: block;
    line-height: 42px;
    text-align: center;
    width: 100%
}

.onboarding-slide.guild-settings .avatar-uploader-inner {
    border: none;
    height: 128px;
    width: 128px
}

.onboarding-slide.guild-settings .region-select {
    background-color: transparent;
    cursor: default
}

.onboarding-slide.guild-settings .region-select .region-select-inner {
    border: none
}

.onboarding-slide.guild-settings .region-select button {
    background-color: transparent;
    border: 2px solid hsla(0,0%,100%,.1);
    border-radius: 3px;
    color: hsla(0,0%,100%,.6);
    font-size: 14px;
    line-height: 20px;
    padding: 9px 32px
}

.onboarding-slide.guild-settings .region-select button:hover {
    border-color: hsla(0,0%,100%,.5);
    color: #fff
}

.onboarding-slide.guild-settings .region-select .region-select-name {
    color: #fff
}

.base-copy,.title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6 {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 0
}

.title-h1,.title-h5,.title-h6 {
    font-weight: 700
}

.title-h2,.title-h3,.title-h4 {
    font-weight: 400
}

.title-h1 {
    font-size: 36px;
    line-height: 44px
}

.title-h2 {
    font-size: 26px;
    line-height: 34px
}

.title-h3 {
    font-size: 24px;
    line-height: 30px
}

.title-h4 {
    font-size: 18px;
    line-height: 24px
}

.title-h5 {
    font-size: 16px;
    line-height: 20px
}

.title-h6 {
    font-size: 20px;
    line-height: 24px
}

.base-copy {
    font-size: 16px;
    line-height: 20px;
    margin: 12px 0 0
}

.theme-dark .title-h1,.theme-dark .title-h2,.theme-dark .title-h3,.theme-dark .title-h5,.theme-dark .title-h6 {
    color: #fff
}

.theme-dark .base-copy,.theme-dark .title-h4 {
    color: #717477
}

.theme-light .title-h1,.theme-light .title-h2,.theme-light .title-h3,.theme-light .title-h5,.theme-light .title-h6 {
    color: #4f545c
}

.theme-light .base-copy,.theme-light .title-h4 {
    color: #737f8d
}

.onboarding-slide {
    -webkit-box-sizing: border-box;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.old .onboarding-slide {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.old .onboarding-slide .measuring-container {
    padding-bottom: 72px
}

.onboarding-slide>.scroller-wrap {
    height: 100%;
    width: 100%
}

.onboarding-slide>.scroller-wrap .scroller {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.onboarding-slide.animating .scroller-wrap .scroller {
    overflow: hidden;
    padding-right: 17px
}

.onboarding-slide .measuring-container {
    margin: auto;
    max-width: 600px;
    padding-bottom: 20px
}

.theme-dark .onboarding-slide {
    color: #fff
}

.onboarding-slide * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.onboarding-slide .slide-header {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
    text-align: center;
    width: 480px
}

.onboarding-slide .slide-header p {
    color: hsla(0,0%,100%,.3);
    font-size: 16px;
    line-height: 20px
}

.onboarding-slide .base-copy {
    margin-bottom: 16px
}

.onboarding-slide .content {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 40px;
    position: relative;
    width: 480px
}

.onboarding-slide .content .title-h5 {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.onboarding-slide .content>div,.onboarding-slide .content ul {
    width: 100%
}

.onboarding-slide label {
    display: block
}

.onboarding-slide input::-webkit-input-placeholder,.onboarding-slide textarea::-webkit-input-placeholder {
    color: #dadddf;
    font-weight: 300
}

.onboarding-slide input {
    line-height: 34px
}

.onboarding-slide input[type=email],.onboarding-slide input[type=number],.onboarding-slide input[type=password],.onboarding-slide input[type=text],.onboarding-slide textarea {
    -webkit-box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    background: transparent;
    border: none;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 18px;
    outline: none;
    padding: 0 0 10px;
    resize: none;
    width: 100%
}

.onboarding-slide input[type=email]:focus,.onboarding-slide input[type=number]:focus,.onboarding-slide input[type=password]:focus,.onboarding-slide input[type=text]:focus,.onboarding-slide textarea:focus {
    -webkit-box-shadow: 0 2px 0 #7289da;
    box-shadow: 0 2px 0 #7289da
}

.onboarding-slide input[type=email]:disabled,.onboarding-slide input[type=number]:disabled,.onboarding-slide input[type=password]:disabled,.onboarding-slide input[type=text]:disabled,.onboarding-slide textarea:disabled {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background: transparent;
    color: hsla(0,0%,100%,.5);
    cursor: not-allowed;
    user-select: none
}

.nuf-page .bordered {
    border: 2px solid hsla(0,0%,100%,.1);
    border-radius: 5px;
    margin: 10px auto 0;
    width: 480px
}

.nuf-page .button {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0);
    -webkit-transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 24px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transform: translateZ(0);
    transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    transition: background-color .1s ease-in-out,transform .1s ease-in-out,box-shadow .1s ease-in-out;
    width: auto
}

.nuf-page .button:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -webkit-transform: translate3d(0,-1px,0);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    transform: translate3d(0,-1px,0)
}

.nuf-page .button:active {
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -webkit-transform: translate3d(0,1px,0);
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    transform: translate3d(0,1px,0)
}

.nuf-page .button:disabled {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0)!important;
    box-shadow: 0 0 0 transparent;
    cursor: default;
    opacity: .3;
    transform: translateZ(0)!important
}

.nuf-page .button.filled {
    background-color: #7289da;
    color: #fff
}

.nuf-page .button.filled:disabled {
    background-color: #535559;
    color: transparent;
    overflow: hidden;
    position: relative
}

.nuf-page .button.filled:disabled:hover .nuf-page .button.filled:disabled:active {
    -webkit-box-shadow: none;
    -webkit-transform: translateZ(0);
    background-color: #535559;
    box-shadow: none;
    cursor: default;
    transform: translateZ(0)
}

.nuf-page .button.filled:disabled .spinner {
    left: 50%;
    margin: -3px 0 0 -14px;
    position: absolute;
    top: 50%
}

.nuf-page .button.filled.btn-success:disabled {
    background-color: #43b581;
    color: #fff;
    opacity: 1
}

.nuf-page .button.filled.btn-failure {
    background-color: #f04747;
    color: #fff
}

.nuf-page .button.filled:hover {
    background-color: #677bc4
}

.nuf-page .button.filled:active {
    background-color: #6174b9
}

.nuf-page .button.full-width {
    display: block;
    line-height: 42px;
    text-align: center;
    width: 100%
}

.onboarding-slide.app-downloads .desktop-app-title {
    margin-bottom: 20px;
    padding-left: 70px;
    position: relative;
    width: auto
}

.onboarding-slide.app-downloads .desktop-app-title:before {
    content: url(/assets/9480c3b816c617136f6ddd39e3f65b32.svg);
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 50px
}

.onboarding-slide.app-downloads .desktop-app-title.app-osx:before {
    content: url(/assets/6e9859da0396e6c29e110d2d20f2e55a.svg)
}

.onboarding-slide.app-downloads .desktop-app-title .base-copy {
    margin: 0
}

.onboarding-slide.app-downloads .desktop-app-features {
    -ms-flex-direction: column;
    -ms-flex-flow: column wrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-flow: column wrap;
    height: 64px;
    margin-bottom: 20px;
    position: relative
}

.onboarding-slide.app-downloads .desktop-app-features li {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    height: 32px;
    line-height: 15px;
    width: 50%
}

.onboarding-slide.app-downloads .desktop-app-features li:before {
    content: url(/assets/f60caf152f1fb52d4bea9063c5274777.svg);
    display: block;
    height: 18px;
    margin-left: 8px;
    margin-right: 16px;
    width: 18px
}

.onboarding-slide.app-downloads .mobile-app-platforms {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-flow: column wrap;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-flow: column wrap;
    height: 145px;
    justify-content: center;
    margin-bottom: 20px
}

.onboarding-slide.app-downloads .mobile-app-platforms:before {
    content: url(/assets/66e0bd8318133ca8006c2cf3dba32b75.svg);
    display: block;
    height: 145px;
    width: 207px
}

.onboarding-slide.app-downloads .mobile-app-platform {
    position: relative
}

.onboarding-slide.app-downloads .mobile-app-platform .base-copy,.onboarding-slide.app-downloads .mobile-app-platform .title-h3 {
    margin: 0;
    text-align: center
}

.onboarding-slide.app-downloads .mobile-app-platform.ios {
    margin-bottom: 18px;
    padding-bottom: 18px
}

.onboarding-slide.app-downloads .mobile-app-platform.ios:after {
    background-color: #3f4349;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px
}

.onboarding-slide.app-downloads .text-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.onboarding-slide.app-downloads .text-form input.bordered {
    -webkit-box-shadow: none;
    border: 1px solid hsla(0,0%,100%,.3);
    box-shadow: none;
    font-size: 16px;
    height: 44px;
    line-height: 20px;
    margin: 0;
    padding: 12px
}

.onboarding-slide.app-downloads .text-form input::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.onboarding-slide.app-downloads .text-form input::-moz-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.onboarding-slide.app-downloads .text-form button {
    margin-left: 16px;
    width: 270px
}

.base-copy,.title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6 {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 0
}

.title-h1,.title-h5,.title-h6 {
    font-weight: 700
}

.title-h2,.title-h3,.title-h4 {
    font-weight: 400
}

.title-h1 {
    font-size: 36px;
    line-height: 44px
}

.title-h2 {
    font-size: 26px;
    line-height: 34px
}

.title-h3 {
    font-size: 24px;
    line-height: 30px
}

.title-h4 {
    font-size: 18px;
    line-height: 24px
}

.title-h5 {
    font-size: 16px;
    line-height: 20px
}

.title-h6 {
    font-size: 20px;
    line-height: 24px
}

.base-copy {
    font-size: 16px;
    line-height: 20px;
    margin: 12px 0 0
}

.theme-dark .title-h1,.theme-dark .title-h2,.theme-dark .title-h3,.theme-dark .title-h5,.theme-dark .title-h6 {
    color: #fff
}

.theme-dark .base-copy,.theme-dark .title-h4 {
    color: #717477
}

.theme-light .title-h1,.theme-light .title-h2,.theme-light .title-h3,.theme-light .title-h5,.theme-light .title-h6 {
    color: #4f545c
}

.theme-light .base-copy,.theme-light .title-h4 {
    color: #737f8d
}

.onboarding-slide {
    -webkit-box-sizing: border-box;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.old .onboarding-slide {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.old .onboarding-slide .measuring-container {
    padding-bottom: 72px
}

.onboarding-slide>.scroller-wrap {
    height: 100%;
    width: 100%
}

.onboarding-slide>.scroller-wrap .scroller {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.onboarding-slide.animating .scroller-wrap .scroller {
    overflow: hidden;
    padding-right: 17px
}

.onboarding-slide .measuring-container {
    margin: auto;
    max-width: 600px;
    padding-bottom: 20px
}

.theme-dark .onboarding-slide {
    color: #fff
}

.onboarding-slide * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.onboarding-slide .slide-header {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
    text-align: center;
    width: 480px
}

.onboarding-slide .slide-header p {
    color: hsla(0,0%,100%,.3);
    font-size: 16px;
    line-height: 20px
}

.onboarding-slide .base-copy {
    margin-bottom: 16px
}

.onboarding-slide .content {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 40px;
    position: relative;
    width: 480px
}

.onboarding-slide .content .title-h5 {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.onboarding-slide .content>div,.onboarding-slide .content ul {
    width: 100%
}

.onboarding-slide label {
    display: block
}

.onboarding-slide input::-webkit-input-placeholder,.onboarding-slide textarea::-webkit-input-placeholder {
    color: #dadddf;
    font-weight: 300
}

.onboarding-slide input {
    line-height: 34px
}

.onboarding-slide input[type=email],.onboarding-slide input[type=number],.onboarding-slide input[type=password],.onboarding-slide input[type=text],.onboarding-slide textarea {
    -webkit-box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    background: transparent;
    border: none;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.1);
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 18px;
    outline: none;
    padding: 0 0 10px;
    resize: none;
    width: 100%
}

.onboarding-slide input[type=email]:focus,.onboarding-slide input[type=number]:focus,.onboarding-slide input[type=password]:focus,.onboarding-slide input[type=text]:focus,.onboarding-slide textarea:focus {
    -webkit-box-shadow: 0 2px 0 #7289da;
    box-shadow: 0 2px 0 #7289da
}

.onboarding-slide input[type=email]:disabled,.onboarding-slide input[type=number]:disabled,.onboarding-slide input[type=password]:disabled,.onboarding-slide input[type=text]:disabled,.onboarding-slide textarea:disabled {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background: transparent;
    color: hsla(0,0%,100%,.5);
    cursor: not-allowed;
    user-select: none
}

.nuf-page .bordered {
    border: 2px solid hsla(0,0%,100%,.1);
    border-radius: 5px;
    margin: 10px auto 0;
    width: 480px
}

.nuf-page .button {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0);
    -webkit-transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 24px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transform: translateZ(0);
    transition: background-color .1s ease-in-out,-webkit-transform .1s ease-in-out,-webkit-box-shadow .1s ease-in-out;
    transition: background-color .1s ease-in-out,transform .1s ease-in-out,box-shadow .1s ease-in-out;
    width: auto
}

.nuf-page .button:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -webkit-transform: translate3d(0,-1px,0);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    transform: translate3d(0,-1px,0)
}

.nuf-page .button:active {
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -webkit-transform: translate3d(0,1px,0);
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    transform: translate3d(0,1px,0)
}

.nuf-page .button:disabled {
    -webkit-box-shadow: 0 0 0 transparent;
    -webkit-transform: translateZ(0)!important;
    box-shadow: 0 0 0 transparent;
    cursor: default;
    opacity: .3;
    transform: translateZ(0)!important
}

.nuf-page .button.filled {
    background-color: #7289da;
    color: #fff
}

.nuf-page .button.filled:disabled {
    background-color: #535559;
    color: transparent;
    overflow: hidden;
    position: relative
}

.nuf-page .button.filled:disabled:hover .nuf-page .button.filled:disabled:active {
    -webkit-box-shadow: none;
    -webkit-transform: translateZ(0);
    background-color: #535559;
    box-shadow: none;
    cursor: default;
    transform: translateZ(0)
}

.nuf-page .button.filled:disabled .spinner {
    left: 50%;
    margin: -3px 0 0 -14px;
    position: absolute;
    top: 50%
}

.nuf-page .button.filled.btn-success:disabled {
    background-color: #43b581;
    color: #fff;
    opacity: 1
}

.nuf-page .button.filled.btn-failure {
    background-color: #f04747;
    color: #fff
}

.nuf-page .button.filled:hover {
    background-color: #677bc4
}

.nuf-page .button.filled:active {
    background-color: #6174b9
}

.nuf-page .button.full-width {
    display: block;
    line-height: 42px;
    text-align: center;
    width: 100%
}

.onboarding-slide.claim-account .button-circle-uploader .button {
    margin-top: 18px
}

.onboarding-slide.claim-account .has-error {
    color: #f04747;
    font-weight: 700
}

.onboarding-slide.claim-account .has-error .error {
    display: inline-block;
    font-weight: 400;
    margin-left: 5px
}

.onboarding-slide.claim-account .transition-container {
    height: 272px;
    overflow: hidden;
    position: relative
}

.onboarding-slide.claim-account .label-password input {
    margin-bottom: 0
}

.onboarding-slide.claim-account .button.full-width {
    margin-top: 18px
}

.onboarding-slide.claim-account .claim-success {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    background-color: #36393e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1
}

.onboarding-slide.claim-account .claim-success .title-h5 {
    margin-bottom: 0
}

.onboarding-slide.claim-account .claim-success .base-copy {
    margin: 5px 0 0
}

.onboarding-slide.claim-account .claim-success:before {
    content: url(/assets/92c7c8103dc487aea5279ca49c869c40.svg);
    display: block;
    margin-bottom: 20px
}

.base-copy,.title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6 {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 0
}

.title-h1,.title-h5,.title-h6 {
    font-weight: 700
}

.title-h2,.title-h3,.title-h4 {
    font-weight: 400
}

.title-h1 {
    font-size: 36px;
    line-height: 44px
}

.title-h2 {
    font-size: 26px;
    line-height: 34px
}

.title-h3 {
    font-size: 24px;
    line-height: 30px
}

.title-h4 {
    font-size: 18px;
    line-height: 24px
}

.title-h5 {
    font-size: 16px;
    line-height: 20px
}

.title-h6 {
    font-size: 20px;
    line-height: 24px
}

.base-copy {
    font-size: 16px;
    line-height: 20px;
    margin: 12px 0 0
}

.theme-dark .title-h1,.theme-dark .title-h2,.theme-dark .title-h3,.theme-dark .title-h5,.theme-dark .title-h6 {
    color: #fff
}

.theme-dark .base-copy,.theme-dark .title-h4 {
    color: #717477
}

.theme-light .title-h1,.theme-light .title-h2,.theme-light .title-h3,.theme-light .title-h5,.theme-light .title-h6 {
    color: #4f545c
}

.theme-light .base-copy,.theme-light .title-h4 {
    color: #737f8d
}

.app.fake {
    background-color: #36393e;
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 1000
}

.app.fake img {
    display: block
}

.app.fake .channels-wrap {
    background-color: #2f3136
}

.app.fake .title-wrap {
    padding-right: 16px
}

.app.fake .guilds-wrapper img {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 18px
}

.app.fake .content {
    position: relative
}

.app.fake .content .title-wrap {
    -ms-flex-align: center;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -webkit-box-pack: end;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    left: 0;
    min-height: 56px;
    position: absolute;
    right: 0;
    top: 0
}

.app.fake .content .page {
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    position: absolute;
    right: 0;
    top: 57px
}

@media (max-width: 940px) {
    .app.fake .channels-wrap,.app.fake .guilds-wrapper {
        display:none
    }
}

.wrapper-2JxDGs {
    overflow: hidden;
    position: relative
}

.image-3J0bXs {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.image-3J0bXs.preview-1qbq06 {
    -webkit-filter: blur(20px);
    -webkit-transition: -webkit-filter .2s linear .2s;
    filter: blur(20px);
    opacity: 1;
    transition: -webkit-filter .2s linear .2s;
    transition: filter .2s linear .2s;
    transition: filter .2s linear .2s,-webkit-filter .2s linear .2s
}

.image-3J0bXs.loaded-1IUkda {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
}

.wrapper-1FMWUO {
    background-color: linear-gradient(to left bottom,#3d4046,#1e1e23)
}

.rightSplit-2aXQ8E {
    opacity: 0;
    width: 0
}

@media (min-width: 678px) {
    .wrapper-1FMWUO {
        background-color:#2f3136;
        height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
        width: 100vw;
        z-index: 1
    }

    .leftSplit-3cWgC_ {
        background-image: url(/assets/c5c565a8b7cb84db7409e4052ead36fe.png);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        height: 80%;
        left: 0;
        max-height: 1000px;
        max-width: 994px;
        min-height: 650px;
        min-width: 790px;
        position: absolute;
        top: 0;
        width: 80%
    }

    .rightSplit-2aXQ8E {
        -webkit-transition: opacity .5s ease;
        opacity: 1;
        position: fixed;
        right: 0;
        top: 50%;
        transition: opacity .5s ease;
        width: auto
    }
}

@media (min-width: 1200px) {
    .leftSplit-3cWgC_ {
        -ms-flex-align:center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }
}

.wrapper-AQemwR {
    height: 100%;
    margin-bototm: 20px;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.wrapper-AQemwR a {
    color: #7289da
}

.wrapper-AQemwR a:hover {
    text-decoration: underline
}

@media (min-width: 678px) {
    .logo-2gKetW {
        background:url(/assets/4f004ac9be168ac6ee18fc442a52ab53.svg) no-repeat;
        height: 36px;
        left: 60px;
        position: absolute;
        top: 60px;
        width: 130px
    }

    .wrapper-AQemwR {
        -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
        border-radius: 5px;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
        height: auto;
        right: 250px;
        top: 140px;
        width: 480px
    }

    .platform-osx .splashBackground-2Gfn3_:before {
        -webkit-app-region: drag;
        content: "";
        height: 32px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }

    .platform-win .splashBackground-2Gfn3_ {
        top: 20px
    }

    .platform-win .splashBackground-2Gfn3_:after {
        -webkit-app-region: drag;
        background: #202225;
        content: "";
        height: 24px;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1
    }
}

@media (min-width: 1200px) {
    .wrapper-AQemwR {
        position:relative;
        right: auto;
        top: auto
    }
}

.auth-wrap-background {
    -webkit-transition: opacity .5s cubic-bezier(.25,.25,.315,.86);
    opacity: 0;
    transition: opacity .5s cubic-bezier(.25,.25,.315,.86)
}

.auth-wrap-background.visible {
    opacity: 1
}

.platform-osx .auth-wrap-background:before {
    -webkit-app-region: drag;
    content: "";
    height: 22px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10
}

.auth-copyright {
    bottom: 20px;
    color: #fff;
    font-size: 12px;
    left: 20px;
    line-height: 14px;
    opacity: .5;
    position: fixed;
    z-index: 1
}

.auth-center {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    right: 0;
    z-index: 1
}

.auth-center,.auth-tiling-bg {
    left: 0;
    position: absolute;
    top: 0
}

.auth-tiling-bg {
    background: url(/assets/80bebd88344f603ad8e402de7c52ef6b.png) 0 0 repeat;
    background-color: #2f3136;
    height: 100%;
    width: 100%
}

.auth-background {
    background-color: #2f3136;
    background-position: 50%;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.auth-blur-wrap {
    border-radius: 3px;
    overflow: hidden;
    position: relative
}

.auth-blur {
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    height: 100%;
    width: 100%
}

.auth-captcha .captcha-box {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 15px
}

.auth-captcha .captcha-box,.auth-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.auth-inner {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    border-radius: 3px;
    flex-direction: row;
    overflow: hidden
}

.auth-inner .auth-brand {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background: hsla(0,0%,100%,.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 30px;
    text-align: center
}

.auth-inner .auth-logo {
    background: url(/assets/9cb691623c7ba013e791aad8845e93cb.svg);
    background-size: 168px 168px;
    height: 168px;
    width: 168px
}

.auth-inner .auth-name {
    background: url(/assets/62223f89a44d14b008682354fd142069.svg) 50% no-repeat;
    height: 24px;
    margin-bottom: 12px;
    margin-top: 30px;
    position: relative
}

.auth-inner .auth-name:after {
    background: #4f545c;
    content: " ";
    display: inline-block;
    height: 3px;
    left: 50%;
    margin-left: -14px;
    margin-top: 12px;
    opacity: .3;
    position: absolute;
    top: 100%;
    width: 28px
}

form.deprecated.auth-form {
    background: none;
    background: rgba(40,43,48,.75);
    border-radius: 0;
    padding: 30px;
    width: 340px
}

form.deprecated.auth-form h1 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 30px;
    text-align: center;
    text-transform: uppercase
}

form.deprecated.auth-form .margin-bottom-40 {
    margin-bottom: 40px
}

form.deprecated.auth-form p {
    color: #99aab5;
    font-size: 14px;
    font-weight: 500;
    text-transform: none
}

form.deprecated.auth-form p strong {
    color: #fff
}

form.deprecated.auth-form p.token-tip,form.deprecated.auth-form p.token-tip-sms {
    color: rgba(153,170,181,.8);
    line-height: 20px;
    padding: 0 15px;
    text-align: center;
    width: 300px
}

form.deprecated.auth-form p.token-tip-sms {
    color: rgba(67,181,129,.8)
}

form.deprecated.auth-form .control-group input[type=email],form.deprecated.auth-form .control-group input[type=password],form.deprecated.auth-form .control-group input[type=text] {
    background: transparent;
    border-bottom-color: hsla(0,0%,100%,.1);
    color: #fff
}

form.deprecated.auth-form .control-group input[type=email]::-webkit-input-placeholder,form.deprecated.auth-form .control-group input[type=password]::-webkit-input-placeholder,form.deprecated.auth-form .control-group input[type=text]::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.4)
}

form.deprecated.auth-form .control-group input[type=email]:focus,form.deprecated.auth-form .control-group input[type=password]:focus,form.deprecated.auth-form .control-group input[type=text]:focus {
    border-bottom-color: #fff
}

form.deprecated.auth-form .btn-primary {
    display: inline-block;
    line-height: 58px;
    margin: 40px 0 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

form.deprecated.auth-form .btn-forgot-password {
    -webkit-transition: opacity .2s ease-out;
    background: none;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    margin: 10px 0 0;
    opacity: .25;
    padding: 0;
    text-transform: uppercase;
    transition: opacity .2s ease-out
}

form.deprecated.auth-form .btn-forgot-password:hover {
    opacity: 1
}

form.deprecated.auth-form footer {
    color: #87909c;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
    margin-top: 10px
}

form.deprecated.auth-form footer a {
    color: #fff;
    text-decoration: none
}

form.deprecated.auth-form footer a:hover {
    border-bottom: 2px solid #fff;
    padding-bottom: 5px
}

form.deprecated.auth-form footer.margin-top-20 {
    margin-top: 20px
}

form.deprecated.auth-form .divider {
    background-color: hsla(0,0%,100%,.1);
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px
}

.auth-browser-handoff,.auth-invite,.auth-verify {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    min-height: 235px
}

.auth-browser-handoff p,.auth-invite p,.auth-verify p {
    line-height: 16px;
    margin: 5px 0;
    max-width: 300px;
    text-align: center
}

.auth-browser-handoff p.error,.auth-invite p.error,.auth-verify p.error {
    color: #f04747!important
}

.disable-email-notifications h1 {
    max-width: 300px
}

@media (max-width: 628px) {
    .auth-inner {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        height: 100%;
        width: 100%
    }

    .auth-inner .auth-brand {
        background: #1e2124;
        height: 60px;
        padding: 20px;
        width: 100%
    }

    .auth-brand .auth-logo {
        background: url(/assets/4f004ac9be168ac6ee18fc442a52ab53.svg) no-repeat;
        height: 36px;
        width: 130px
    }

    .auth-brand .auth-name {
        display: none
    }

    form.deprecated.auth-form {
        background: #1e2124;
        height: 100%;
        padding: 10px;
        width: 100%
    }

    form.auth-form input {
        border-radius: 0;
        width: 95%!important
    }

    .auth-blur-wrap {
        height: 100%!important;
        width: 100%!important
    }

    form.auth-form footer {
        margin: 30px 0 15px
    }
}

.authBox-2QvEa2 {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-transition: opacity .2s cubic-bezier(.25,.25,.315,.86);
    align-items: center;
    background: #36393f;
    border-radius: 5px;
    color: #72767d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    opacity: 0;
    overflow-y: hidden;
    padding: 40px;
    text-align: center;
    transition: opacity .2s cubic-bezier(.25,.25,.315,.86)
}

.authBox-2QvEa2.visible-2BIPpX {
    opacity: 1
}

.centeringWrapper-1eDp06 {
    width: 100%
}

@media (max-width: 678px) {
    .authBox-2QvEa2 {
        -ms-flex-align:center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        -webkit-box-sizing: border-box;
        align-items: center;
        background: -webkit-gradient(linear,right top,left bottom,from(#3d4046),to(#1e1e23));
        background: linear-gradient(to left bottom,#3d4046,#1e1e23);
        border-radius: 0;
        bottom: 0;
        box-sizing: border-box;
        height: 100%;
        justify-content: center;
        left: 0;
        min-height: 500px;
        padding: 70px 20px 20px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .authBox-2QvEa2:before {
        background: url(/assets/4f004ac9be168ac6ee18fc442a52ab53.svg) no-repeat;
        content: "";
        height: 36px;
        position: absolute;
        top: 20px;
        width: 112px
    }
}

.title-2HZHwz {
    font-size: 26px;
    line-height: 32px
}

.subTitle-7NrkrO {
    color: #72767d;
    font-size: 18px;
    line-height: 22px
}

.subTitle-7NrkrO strong {
    color: hsla(216,4%,74%,.9);
    font-weight: 600
}

.subText-1z_Err {
    color: #72767d
}

.verified-2VA1rz {
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    margin-right: 8px;
    margin-top: 0
}

.pill-3_TSD0 {
    background-color: rgba(32,34,37,.3);
    border-radius: 100px;
    display: block;
    padding: 5px 16px 4px
}

.pillOnline-1WKW0m {
    margin-right: 8px
}

.pillMessage-1_EHyL {
    color: #b9bbbe;
    font-size: 16px;
    white-space: nowrap
}

.pillIcon-329NCD {
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin-right: 4px;
    width: 10px
}

.pillIconTotal-1YxB-p {
    background-color: #72767d
}

.pillIconOnline-2UAWXr {
    background-color: #43b581
}

.spinnerVideo-nuh7dF {
    height: 200px;
    width: 200px
}

.spinnerText-3L3Xsg {
    color: #fff;
    font-size: 16px;
    font-style: italic
}

.image-22O3Hq {
    height: auto;
    max-height: 120px;
    max-width: 186px;
    width: 100%
}

.block-1XHcPk {
    text-align: left;
    width: 100%
}

.button-1BpQOM {
    font-size: 16px
}

.linkButton-37cyg8 {
    display: block;
    padding-left: 0;
    padding-right: 0
}

.inviteIcon-3p_w2J {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-color: #7289da;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center
}

.inviteLargeIcon-yNcbLF {
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 0
}

.inviteSmallIcon-25CidJ {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    margin-top: 0
}

.theme-dark .inputError-1CBDTV,.theme-dark .inputError-1CBDTV:focus,.theme-dark .inputError-1CBDTV:hover,.theme-light .inputError-1CBDTV,.theme-light .inputError-1CBDTV:focus,.theme-light .inputError-1CBDTV:hover {
    border-color: #f04747
}

.wrapper-23fvWe .auth-center {
    padding-left: 440px
}

.invite-1Dakbw {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-shadow: 2px 0 4px 0 rgba(0,0,0,.5);
    -webkit-box-sizing: border-box;
    align-items: center;
    background-color: #fff;
    background-image: url(/assets/47a561755c844b9a2745caf8aad2f8a7.png),url(/assets/db7fa09f4433f33df77c125f0732c2c1.png);
    background-position: 0 100%,100% 100%;
    background-repeat: no-repeat,no-repeat;
    background-size: 127px 190px,97px 215px;
    bottom: 0;
    box-shadow: 2px 0 4px 0 rgba(0,0,0,.5);
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0 80px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 440px;
    z-index: 10
}

.inviteMarketingHeader-2JrK1M {
    color: #7289da;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 20px
}

.body-MaskoJ {
    color: #99aab5;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px
}

.body-MaskoJ,.button-IPTgN- {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin-bottom: 40px
}

.button-IPTgN- {
    -webkit-transition: color .25s ease-out,border-color .25s ease-out;
    border: 2px solid #7289da;
    border-radius: 30px;
    color: #7289da;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    padding: 11px 43px;
    text-decoration: none;
    transition: color .25s ease-out,border-color .25s ease-out
}

.button-IPTgN-:hover {
    border-color: #697ec4;
    color: #697ec4
}

.inviteHeader-3nWSSj .title-1J9frn {
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    text-transform: none
}

.inviteHeader-3nWSSj.guild-2PyeK5 {
    padding-bottom: 15px
}

.inviteHeader-3nWSSj.guild-2PyeK5>h2 {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    line-height: 26px;
    margin: 14px 0
}

.inviteHeader-3nWSSj.full-3Ujrrw .guildWrap-3hbXe7,.inviteHeader-3nWSSj.guild-2PyeK5>h2 {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    font-size: 20px;
    justify-content: center
}

.inviteHeader-3nWSSj.full-3Ujrrw .guildWrap-3hbXe7 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 20px;
    padding-left: 38px;
    position: relative
}

.inviteHeader-3nWSSj.full-3Ujrrw .inviteGuildIcon-3e8KUD {
    left: 0;
    margin-top: -5px;
    position: absolute;
    top: 0
}

.inviteHeader-3nWSSj.full-3Ujrrw p {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 20px;
    text-align: center
}

.inviteHeader-3nWSSj .avatar-small,.inviteHeader-3nWSSj .avatar-xsmall {
    color: #fff;
    margin: 0 8px 0 0
}

.inviteHeader-3nWSSj .inviteGuildIcon-3e8KUD {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-color: #7289da;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center
}

.authFormInvite-3S0v7c .error-d156bt {
    color: #f04747;
    font-size: 11px
}

.authFormInvite-3S0v7c.register-3nTqfs .inviteHeader-2eEV6B {
    margin-bottom: 12px
}

.authFormInvite-3S0v7c.register-3nTqfs .btn-primary {
    margin-top: 24px
}

.authFormInvite-3S0v7c .buttonAccept-2GlCrO {
    margin-top: 116px
}

.authFormInviteButton-1Hq9ai {
    margin-top: 70px
}

.textCenter-1t1XXw {
    text-align: center
}

.dataPoint-1D0nUI {
    background: #2f3136;
    border-radius: 16px;
    margin: 4px;
    min-width: 30%;
    padding: 6px 20px
}

.circle-2Y5k0r {
    border-radius: 50%;
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.circleOnline-23-iUM {
    background: #43b581
}

.circleRegistered-1PSJD9 {
    background: #747f8d
}

.iconWrapper-3wx2P9 {
    margin-bottom: 16px;
    position: relative
}

.message-1b7-uk {
    text-align: center
}

.message-1b7-uk strong {
    font-weight: 600
}

.guildIcon-2X9dlJ {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-color: #7289da;
    bottom: -4px;
    color: #f8f9fd;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    position: absolute;
    right: -4px
}

.guildName-go8Bc9 {
    padding: 0 8px
}

.data-MKDjNI {
    margin-left: 8px;
    margin-right: 8px
}

.theme-dark .guildIcon-2X9dlJ {
    border: 4px solid #36393f
}

.theme-light .guildIcon-2X9dlJ {
    border: 4px solid #f6f6f7
}

.invite-3_hBSu {
    background-color: #36393f;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.logo-3ztVNP {
    background: url(/assets/02a8c6a7d718b8e215bf28e86c932176.svg) 50% no-repeat;
    background-size: 155px 52px;
    height: 52px;
    opacity: .3;
    width: 155px
}

.maxWidth-Asd7zG {
    max-width: 400px
}

.info-3lnHuR {
    overflow: auto;
    padding: 0 20px
}

.header-2Uhyo8 {
    margin: 12vh 16px 8px
}

.upsellImage-3H-8a6 {
    margin: 12vh 16px 24px
}

.upsellDescription-YjNKM_ {
    margin: 4px 24px 0
}

.centerText-27nd3H {
    text-align: center
}

.buttonTitle-1fzRl5 {
    margin: 20px 20px 0
}

.elevated-orYzEr {
    -webkit-box-shadow: 0 2px 10px 0 rgba(4,4,5,.2),0 0 0 1px #202225;
    box-shadow: 0 2px 10px 0 rgba(4,4,5,.2),0 0 0 1px #202225
}

.button-3Fg30u {
    margin: 12px 20px 16px
}

.buttonNew-3ZPmRX {
    margin: 12px auto 0;
    width: 85%
}

.buttonNew-3ZPmRX,.card-MuYppt {
}

.card-MuYppt {
    background: #202225;
    border-color: #202225;
    margin: 16px
}

.cardContents-LoZWzA {
    margin: 0 auto
}

.cardAccentLeft-2X_8Ln {
    left: 0
}

.cardAccentLeft-2X_8Ln,.cardAccentRight-2--K2V {
    bottom: 0;
    opacity: .3;
    position: absolute
}

.cardAccentRight-2--K2V {
    right: 0
}

.image-EhcQro {
    height: 100px
}

@font-face {
    font-family: Whitney;
    font-weight: 300;
    src: url(/assets/6c6374bad0b0b6d204d8d6dc4a18d820.woff) format("woff")
}

@font-face {
    font-family: Whitney;
    font-weight: 400;
    src: url(/assets/e8acd7d9bf6207f99350ca9f9e23b168.woff) format("woff")
}

@font-face {
    font-family: Whitney;
    font-weight: 500;
    src: url(/assets/3bdef1251a424500c1b3a78dea9b7e57.woff) format("woff")
}

@font-face {
    font-family: Whitney;
    font-weight: 600;
    src: url(/assets/be0060dafb7a0e31d2a1ca17c0708636.woff) format("woff")
}

@font-face {
    font-family: Whitney;
    font-weight: 700;
    src: url(/assets/8e12fb4f14d9c4592eb8ec9f22337b04.woff) format("woff")
}

@font-face {
    font-family: SourceCodePro;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/375f5d0b0a54b53b92c351d7475eb152.woff) format("woff")
}

@font-face {
    font-family: SourceCodePro;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/c383b1af097688e4ef1637838c2befe1.woff) format("woff")
}

.margin-reset {
    margin-bottom: 0;
    margin-top: 0
}

.margin-top-4 {
    margin-top: 4px
}

.margin-bottom-4 {
    margin-bottom: 4px
}

.margin-top-8 {
    margin-top: 8px
}

.margin-bottom-8 {
    margin-bottom: 8px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-top-40 {
    margin-top: 40px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-top-60 {
    margin-top: 60px
}

.margin-bottom-60 {
    margin-bottom: 60px
}

.margin-horizontal-40 {
    margin-left: 40px;
    margin-right: 40px
}

.flex-vertical {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.flex-vertical>.flex-spacer {
    min-height: 1px
}

.flex-horizontal {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row
}

.flex-horizontal>.flex-spacer {
    min-width: 1px
}

.flex-horizontal-reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse
}

.flex-horizontal-reverse>.flex-spacer {
    min-width: 1px
}

.flex-spacer {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden
}

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

.flex-align-start {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start
}

.flex-align-end {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end
}

.flex-align-center {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.flex-align-stretch {
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch
}

.flex-justify-start {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.flex-justify-end {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.flex-justify-center {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

.flex-justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flex-justify-between {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.cursor-default {
    cursor: default
}

.cursor-text {
    cursor: text
}

.cursor-pointer {
    cursor: pointer
}

a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

a {
    -webkit-transition: opacity .5s,color .5s;
    color: #00b0f4;
    cursor: pointer;
    text-decoration: none;
    transition: opacity .5s,color .5s
}

a img {
    border: none
}

body {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background: transparent;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    padding: 0;
    user-select: none
}

.old-h1 {
    margin: 15px 0
}

.old-h2 {
    margin: 9px 0
}

p {
    margin: 14px 0
}

ol,ul {
    list-style: none
}

input,textarea {
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif
}

strong {
    font-weight: 500
}

button {
    border: 0;
    cursor: pointer;
    font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif
}

button:focus {
    outline: none
}

code {
    font-family: Menlo,Consolas,Monaco,monospace;
    font-size: 14px;
    line-height: 16px
}

.no-user-drag {
    -webkit-user-drag: none
}

.not-allowed {
    cursor: not-allowed
}

.overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-select-text {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text
}

.text-align-left {
    text-align: left
}

.text-align-right {
    text-align: right
}

.text-align-center {
    text-align: center
}

.position-relative {
    position: relative
}

.app {
    bottom: 0;
    contain: layout;
    left: 0;
    position: absolute;
    right: 0;
    text-rendering: optimizeLegibility;
    top: 0
}

.app h1 {
    color: #737f8d;
    font-size: 22px;
    font-weight: 400;
    line-height: 8px
}

.app button {
    cursor: pointer
}

.theme-dark .friends-table,.theme-dark .messages-wrapper {
    background-color: #36393e
}

.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar,.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar .thumb,.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar:after,.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar,.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar .thumb,.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar:after {
    background-color: #2f3136
}

.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar .thumb:after,.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar .thumb:after {
    background-color: rgba(0,0,0,.4)
}

.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar .track,.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar .track {
    background-color: transparent
}

.theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb,.theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb {
    background-color: #1e2124;
    border-color: #36393e
}

.theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece,.theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
    background-color: #2f3136;
    border-color: #36393e
}

.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar,.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar:after,.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar,.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar:after {
    background-color: #36393e
}

.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar .thumb,.theme-dark .messages-wrapper .scroller-wrap.polyfill .scrollbar .thumb {
    background-color: #36393e;
    border-color: #36393e
}

.theme-dark .friends-table .scroller-wrap.polyfill .scrollbar .t