.unselect {
    border-color: #f45a57 !important;
}

.error-25JxNp {
    color: #ed4245;
}

.errorMessage-3Guw2R {
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
    text-transform: none;
}

.errorSeparator-30Q6aR {
    padding-left: 4px;
    padding-right: 4px;
}

.ring-13rgEW {
    position: absolute;
    display: none;
    pointer-events: none;
    background: none;
    --__adaptive-radius: 4px;
    border-radius: var(--__adaptive-radius);
    --__adaptive-focus-color: var(--focus-primary);
    -webkit-box-shadow: 0 0 0 4px var(--__adaptive-focus-color);
    box-shadow: 0 0 0 4px var(--__adaptive-focus-color)
}

.keyboard-mode .ring-13rgEW {
    display: block;
    background: none;
    margin: 0;
    padding: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes spinner-low-motion-kHWo1a {
    0% {
        opacity: 1
    }

    50% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

@keyframes spinner-low-motion-kHWo1a {
    0% {
        opacity: 1
    }

    50% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

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

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

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

    50% {
        stroke-dasharray: 130,200
    }

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

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

.inner-1gJC7_ {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    contain: paint
}

.wanderingCubesItem-WPXqao {
    background-color: var(--brand-experiment-400);
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: spinner-wandering-cubes-1eyF3t 1.8s ease-in-out infinite;
    animation: spinner-wandering-cubes-1eyF3t 1.8s ease-in-out infinite
}

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

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

.chasingDotsItem-2DVNUn {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: var(--brand-experiment);
    border-radius: 100%;
    -webkit-animation: spinner-chasing-dots-bounce-39u8Kf 2s ease-in-out infinite;
    animation: spinner-chasing-dots-bounce-39u8Kf 2s ease-in-out infinite
}

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

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

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

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

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

.lowMotionItem-1DvHia {
    -webkit-animation: spinner-low-motion-kHWo1a 1.4s ease-in-out infinite;
    animation: spinner-low-motion-kHWo1a 1.4s ease-in-out infinite;
    width: 6px;
    height: 6px;
    margin-right: 2px;
    background-color: var(--interactive-normal);
    border-radius: 3px;
    display: inline-block;
    opacity: .3
}

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

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

.stopAnimation-1XE1FK .chasingDots-OdvUfk,.stopAnimation-1XE1FK .chasingDotsItem-2DVNUn,.stopAnimation-1XE1FK .circular-2NaZOq,.stopAnimation-1XE1FK .path-92Hmty,.stopAnimation-1XE1FK .pulsingEllipsisItem-32hhWL,.stopAnimation-1XE1FK .wanderingCubesItem-WPXqao,.stop-animation .pulsingEllipsisItem-32hhWL {
    -webkit-animation: none;
    animation: none
}

.spinningCircle-2NAjGW {
    width: 100%
}

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

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

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

.path2-1q7bG_ {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

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

.theme-light .path-92Hmty {
    stroke: var(--brand-experiment)
}

.theme-light .path2-1q7bG_ {
    stroke: var(--brand-experiment-300);
    opacity: .6
}

.theme-light .path3-2l9TIX {
    stroke: var(--brand-experiment-100);
    opacity: .3
}

.theme-dark .path-92Hmty,.theme-dark .path2-1q7bG_ {
    stroke: var(--brand-experiment)
}

.theme-dark .path2-1q7bG_ {
    opacity: .6
}

.theme-dark .path3-2l9TIX {
    stroke: var(--brand-experiment-800)
}

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

.button-38aScr:disabled {
    cursor: not-allowed;
    opacity: .5
}

.lookFilled-1Gx00P.colorBrand-3pXr91 {
    color: #fff;
    background-color: #5865f2;
}

.lookFilled-1Gx00P.colorBrand-3pXr91:hover {
    background-color: #4752c4
}

.lookFilled-1Gx00P.colorBrand-3pXr91:active {
    background-color: var(--brand-experiment-600)
}

.lookFilled-1Gx00P.colorBrand-3pXr91 .spinnerItem-3GlVyU {
    background-color: #fff
}

.lookFilled-1Gx00P.colorBrand-3pXr91:disabled {
    background-color: var(--brand-experiment)
}

.lookInverted-2D7oAl.colorBrand-3pXr91 {
    color: var(--brand-experiment);
    background-color: #fff
}

.lookInverted-2D7oAl.colorBrand-3pXr91:hover {
    background-color: var(--brand-experiment-100)
}

.lookInverted-2D7oAl.colorBrand-3pXr91:active {
    background-color: var(--brand-experiment-200)
}

.lookInverted-2D7oAl.colorBrand-3pXr91:disabled {
    background-color: #fff
}

.lookInverted-2D7oAl.colorBrand-3pXr91 .spinnerItem-3GlVyU {
    background-color: var(--brand-experiment)
}

.lookOutlined-3sRXeN.colorBrand-3pXr91 {
    color: var(--brand-experiment);
    border-color: var(--brand-experiment)
}

.lookOutlined-3sRXeN.colorBrand-3pXr91:active {
    background-color: rgba(var(--brand-experiment),.1)
}

.lookOutlined-3sRXeN.colorBrand-3pXr91:disabled {
    background-color: transparent
}

.lookOutlined-3sRXeN.colorBrand-3pXr91 .spinnerItem-3GlVyU {
    background-color: var(--brand-experiment)
}

.lookLink-9FtZy-.colorBrand-3pXr91 {
    color: var(--brand-experiment)
}

.lookLink-9FtZy-.colorBrand-3pXr91:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,var(--brand-experiment) 0,var(--brand-experiment) 2px,transparent 0)
}

.authBox-hW6HRx a{
    font-size: 13px;
    font-weight: 500;
    padding-top: 20px;
}

.lookLink-9FtZy-.colorBrand-3pXr91:disabled .contents-18-Yxp {
    background-image: none
}

.lookLink-9FtZy-.colorBrand-3pXr91 .spinnerItem-3GlVyU {
    background-color: var(--brand-experiment)
}

.theme-dark .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover,.theme-light .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover {
    background-color: var(--brand-experiment);
    color: #fff
}

.theme-dark .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:active,.theme-light .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:active {
    background-color: var(--brand-experiment-560);
    color: #fff
}

.theme-dark .lookInverted-2D7oAl.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover,.theme-light .lookInverted-2D7oAl.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover {
    color: var(--brand-experiment);
    background-color: var(--brand-experiment-100)
}

.theme-dark .lookInverted-2D7oAl.hoverBrand-1_Fxlk.hasHover-3X1-zV:active,.theme-light .lookInverted-2D7oAl.hoverBrand-1_Fxlk.hasHover-3X1-zV:active {
    color: var(--brand-experiment);
    background-color: var(--brand-experiment-200)
}

.theme-dark .lookOutlined-3sRXeN.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover,.theme-light .lookOutlined-3sRXeN.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover {
    color: var(--brand-experiment);
    border-color: var(--brand-experiment)
}

.theme-dark .lookOutlined-3sRXeN.hoverBrand-1_Fxlk.hasHover-3X1-zV:active,.theme-light .lookOutlined-3sRXeN.hoverBrand-1_Fxlk.hasHover-3X1-zV:active {
    color: var(--brand-experiment);
    background-color: rgba(var(--brand-experiment),.1);
    border-color: var(--brand-experiment)
}

.theme-dark .lookLink-9FtZy-.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-light .lookLink-9FtZy-.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: var(--brand-experiment);
    background-image: linear-gradient(0deg,transparent,transparent 1px,var(--brand-experiment) 0,var(--brand-experiment) 2px,transparent 0)
}

.lookFilled-1Gx00P.colorRed-1TFJan {
    color: #fff;
    background-color: #ed4245
}

.lookFilled-1Gx00P.colorRed-1TFJan:hover {
    background-color: #d53b3e
}

.lookFilled-1Gx00P.colorRed-1TFJan:active {
    background-color: #be3537
}

.lookFilled-1Gx00P.colorRed-1TFJan .spinnerItem-3GlVyU {
    background-color: #fff
}

.lookFilled-1Gx00P.colorRed-1TFJan:disabled {
    background-color: #ed4245
}

.lookInverted-2D7oAl.colorRed-1TFJan {
    color: #ed4245;
    background-color: #fff
}

.lookInverted-2D7oAl.colorRed-1TFJan:hover {
    background-color: #fef6f6
}

.lookInverted-2D7oAl.colorRed-1TFJan:active {
    background-color: #fbd9da
}

.lookInverted-2D7oAl.colorRed-1TFJan:disabled {
    background-color: #fff
}

.lookInverted-2D7oAl.colorRed-1TFJan .spinnerItem-3GlVyU {
    background-color: #ed4245
}

.lookOutlined-3sRXeN.colorRed-1TFJan {
    color: #ed4245;
    border-color: #ed4245
}

.lookOutlined-3sRXeN.colorRed-1TFJan:active {
    background-color: rgba(237,66,69,.1)
}

.lookOutlined-3sRXeN.colorRed-1TFJan:disabled {
    background-color: transparent
}

.lookOutlined-3sRXeN.colorRed-1TFJan .spinnerItem-3GlVyU {
    background-color: #ed4245
}

.lookLink-9FtZy-.colorRed-1TFJan {
    color: #ed4245
}

.lookLink-9FtZy-.colorRed-1TFJan:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#ed4245 0,#ed4245 2px,transparent 0)
}

.lookLink-9FtZy-.colorRed-1TFJan:disabled .contents-18-Yxp {
    background-image: none
}

.lookLink-9FtZy-.colorRed-1TFJan .spinnerItem-3GlVyU {
    background-color: #ed4245
}

.theme-dark .lookFilled-1Gx00P.hoverRed-2NoOXI.hasHover-3X1-zV:hover,.theme-light .lookFilled-1Gx00P.hoverRed-2NoOXI.hasHover-3X1-zV:hover {
    background-color: #ed4245;
    color: #fff
}

.theme-dark .lookFilled-1Gx00P.hoverRed-2NoOXI.hasHover-3X1-zV:active,.theme-light .lookFilled-1Gx00P.hoverRed-2NoOXI.hasHover-3X1-zV:active {
    background-color: #d53b3e;
    color: #fff
}

.theme-dark .lookInverted-2D7oAl.hoverRed-2NoOXI.hasHover-3X1-zV:hover,.theme-light .lookInverted-2D7oAl.hoverRed-2NoOXI.hasHover-3X1-zV:hover {
    color: #ed4245;
    background-color: #fef6f6
}

.theme-dark .lookInverted-2D7oAl.hoverRed-2NoOXI.hasHover-3X1-zV:active,.theme-light .lookInverted-2D7oAl.hoverRed-2NoOXI.hasHover-3X1-zV:active {
    color: #ed4245;
    background-color: #fbd9da
}

.theme-dark .lookOutlined-3sRXeN.hoverRed-2NoOXI.hasHover-3X1-zV:hover,.theme-light .lookOutlined-3sRXeN.hoverRed-2NoOXI.hasHover-3X1-zV:hover {
    color: #ed4245;
    border-color: #ed4245
}

.theme-dark .lookOutlined-3sRXeN.hoverRed-2NoOXI.hasHover-3X1-zV:active,.theme-light .lookOutlined-3sRXeN.hoverRed-2NoOXI.hasHover-3X1-zV:active {
    color: #ed4245;
    background-color: rgba(237,66,69,.1);
    border-color: #ed4245
}

.theme-dark .lookLink-9FtZy-.hoverRed-2NoOXI.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-light .lookLink-9FtZy-.hoverRed-2NoOXI.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: #ed4245;
    background-image: linear-gradient(0deg,transparent,transparent 1px,#ed4245 0,#ed4245 2px,transparent 0)
}

.lookFilled-1Gx00P.colorGreen-29iAKY {
    color: #fff;
    background-color: #3ba55c
}

.lookFilled-1Gx00P.colorGreen-29iAKY:hover {
    background-color: #359553
}

.lookFilled-1Gx00P.colorGreen-29iAKY:active {
    background-color: #2f844a
}

.lookFilled-1Gx00P.colorGreen-29iAKY .spinnerItem-3GlVyU {
    background-color: #fff
}

.lookFilled-1Gx00P.colorGreen-29iAKY:disabled {
    background-color: #3ba55c
}

.lookInverted-2D7oAl.colorGreen-29iAKY {
    color: #3ba55c;
    background-color: #fff
}

.lookInverted-2D7oAl.colorGreen-29iAKY:hover {
    background-color: #ddfce7
}

.lookInverted-2D7oAl.colorGreen-29iAKY:active {
    background-color: #bcfacf
}

.lookInverted-2D7oAl.colorGreen-29iAKY:disabled {
    background-color: #fff
}

.lookInverted-2D7oAl.colorGreen-29iAKY .spinnerItem-3GlVyU {
    background-color: #3ba55c
}

.lookOutlined-3sRXeN.colorGreen-29iAKY {
    color: #3ba55c;
    border-color: #3ba55c
}

.lookOutlined-3sRXeN.colorGreen-29iAKY:active {
    background-color: rgba(59,165,92,.1)
}

.lookOutlined-3sRXeN.colorGreen-29iAKY:disabled {
    background-color: transparent
}

.lookOutlined-3sRXeN.colorGreen-29iAKY .spinnerItem-3GlVyU {
    background-color: #3ba55c
}

.lookLink-9FtZy-.colorGreen-29iAKY {
    color: #3ba55c
}

.lookLink-9FtZy-.colorGreen-29iAKY:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#3ba55c 0,#3ba55c 2px,transparent 0)
}

.lookLink-9FtZy-.colorGreen-29iAKY:disabled .contents-18-Yxp {
    background-image: none
}

.lookLink-9FtZy-.colorGreen-29iAKY .spinnerItem-3GlVyU {
    background-color: #3ba55c
}

.theme-dark .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:hover,.theme-light .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:hover {
    background-color: #3ba55c;
    color: #fff
}

.theme-dark .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:active,.theme-light .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:active {
    background-color: #359553;
    color: #fff
}

.theme-dark .lookInverted-2D7oAl.hoverGreen-1gjdJc.hasHover-3X1-zV:hover,.theme-light .lookInverted-2D7oAl.hoverGreen-1gjdJc.hasHover-3X1-zV:hover {
    color: #3ba55c;
    background-color: #ddfce7
}

.theme-dark .lookInverted-2D7oAl.hoverGreen-1gjdJc.hasHover-3X1-zV:active,.theme-light .lookInverted-2D7oAl.hoverGreen-1gjdJc.hasHover-3X1-zV:active {
    color: #3ba55c;
    background-color: #bcfacf
}

.theme-dark .lookOutlined-3sRXeN.hoverGreen-1gjdJc.hasHover-3X1-zV:hover,.theme-light .lookOutlined-3sRXeN.hoverGreen-1gjdJc.hasHover-3X1-zV:hover {
    color: #3ba55c;
    border-color: #3ba55c
}

.theme-dark .lookOutlined-3sRXeN.hoverGreen-1gjdJc.hasHover-3X1-zV:active,.theme-light .lookOutlined-3sRXeN.hoverGreen-1gjdJc.hasHover-3X1-zV:active {
    color: #3ba55c;
    background-color: rgba(59,165,92,.1);
    border-color: #3ba55c
}

.theme-dark .lookLink-9FtZy-.hoverGreen-1gjdJc.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-light .lookLink-9FtZy-.hoverGreen-1gjdJc.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: #3ba55c;
    background-image: linear-gradient(0deg,transparent,transparent 1px,#3ba55c 0,#3ba55c 2px,transparent 0)
}

.lookFilled-1Gx00P.colorYellow-2JqYwt {
    color: #fff;
    background-color: #faa61a
}

.lookFilled-1Gx00P.colorYellow-2JqYwt:hover {
    background-color: #e19517
}

.lookFilled-1Gx00P.colorYellow-2JqYwt:active {
    background-color: #c88515
}

.lookFilled-1Gx00P.colorYellow-2JqYwt .spinnerItem-3GlVyU {
    background-color: #fff
}

.lookFilled-1Gx00P.colorYellow-2JqYwt:disabled {
    background-color: #faa61a
}

.lookInverted-2D7oAl.colorYellow-2JqYwt {
    color: #faa61a;
    background-color: #fff
}

.lookInverted-2D7oAl.colorYellow-2JqYwt:hover {
    background-color: #fffbf4
}

.lookInverted-2D7oAl.colorYellow-2JqYwt:active {
    background-color: #feedd1
}

.lookInverted-2D7oAl.colorYellow-2JqYwt:disabled {
    background-color: #fff
}

.lookInverted-2D7oAl.colorYellow-2JqYwt .spinnerItem-3GlVyU {
    background-color: #faa61a
}

.lookOutlined-3sRXeN.colorYellow-2JqYwt {
    color: #faa61a;
    border-color: #faa61a
}

.lookOutlined-3sRXeN.colorYellow-2JqYwt:active {
    background-color: rgba(250,166,26,.1)
}

.lookOutlined-3sRXeN.colorYellow-2JqYwt:disabled {
    background-color: transparent
}

.lookOutlined-3sRXeN.colorYellow-2JqYwt .spinnerItem-3GlVyU {
    background-color: #faa61a
}

.lookLink-9FtZy-.colorYellow-2JqYwt {
    color: #faa61a
}

.lookLink-9FtZy-.colorYellow-2JqYwt:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#faa61a 0,#faa61a 2px,transparent 0)
}

.lookLink-9FtZy-.colorYellow-2JqYwt:disabled .contents-18-Yxp {
    background-image: none
}

.lookLink-9FtZy-.colorYellow-2JqYwt .spinnerItem-3GlVyU {
    background-color: #faa61a
}

.theme-dark .lookFilled-1Gx00P.hoverYellow-171chs.hasHover-3X1-zV:hover,.theme-light .lookFilled-1Gx00P.hoverYellow-171chs.hasHover-3X1-zV:hover {
    background-color: #faa61a;
    color: #fff
}

.theme-dark .lookFilled-1Gx00P.hoverYellow-171chs.hasHover-3X1-zV:active,.theme-light .lookFilled-1Gx00P.hoverYellow-171chs.hasHover-3X1-zV:active {
    background-color: #e19517;
    color: #fff
}

.theme-dark .lookInverted-2D7oAl.hoverYellow-171chs.hasHover-3X1-zV:hover,.theme-light .lookInverted-2D7oAl.hoverYellow-171chs.hasHover-3X1-zV:hover {
    color: #faa61a;
    background-color: #fffbf4
}

.theme-dark .lookInverted-2D7oAl.hoverYellow-171chs.hasHover-3X1-zV:active,.theme-light .lookInverted-2D7oAl.hoverYellow-171chs.hasHover-3X1-zV:active {
    color: #faa61a;
    background-color: #feedd1
}

.theme-dark .lookOutlined-3sRXeN.hoverYellow-171chs.hasHover-3X1-zV:hover,.theme-light .lookOutlined-3sRXeN.hoverYellow-171chs.hasHover-3X1-zV:hover {
    color: #faa61a;
    border-color: #faa61a
}

.theme-dark .lookOutlined-3sRXeN.hoverYellow-171chs.hasHover-3X1-zV:active,.theme-light .lookOutlined-3sRXeN.hoverYellow-171chs.hasHover-3X1-zV:active {
    color: #faa61a;
    background-color: rgba(250,166,26,.1);
    border-color: #faa61a
}

.theme-dark .lookLink-9FtZy-.hoverYellow-171chs.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-light .lookLink-9FtZy-.hoverYellow-171chs.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: #faa61a;
    background-image: linear-gradient(0deg,transparent,transparent 1px,#faa61a 0,#faa61a 2px,transparent 0)
}

.lookFilled-1Gx00P.colorLink-35jkBc {
    color: #fff;
    background-color: var(--text-link)
}

.lookFilled-1Gx00P.colorLink-35jkBc:active,.lookFilled-1Gx00P.colorLink-35jkBc:hover {
    background-color: null
}

.lookFilled-1Gx00P.colorLink-35jkBc .spinnerItem-3GlVyU {
    background-color: #fff
}

.lookFilled-1Gx00P.colorLink-35jkBc:disabled {
    background-color: var(--text-link)
}

.lookInverted-2D7oAl.colorLink-35jkBc {
    color: var(--text-link);
    background-color: #fff
}

.lookInverted-2D7oAl.colorLink-35jkBc:active,.lookInverted-2D7oAl.colorLink-35jkBc:disabled,.lookInverted-2D7oAl.colorLink-35jkBc:hover {
    background-color: #fff
}

.lookInverted-2D7oAl.colorLink-35jkBc .spinnerItem-3GlVyU {
    background-color: var(--text-link)
}

.lookOutlined-3sRXeN.colorLink-35jkBc {
    color: var(--text-link);
    border-color: var(--text-link)
}

.lookOutlined-3sRXeN.colorLink-35jkBc:active {
    background-color: rgba(var(--text-link),.1)
}

.lookOutlined-3sRXeN.colorLink-35jkBc:disabled {
    background-color: transparent
}

.lookOutlined-3sRXeN.colorLink-35jkBc .spinnerItem-3GlVyU {
    background-color: var(--text-link)
}

.lookLink-9FtZy-.colorLink-35jkBc {
    color: var(--text-link)
}

.lookLink-9FtZy-.colorLink-35jkBc:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,var(--text-link) 0,var(--text-link) 2px,transparent 0)
}

.lookLink-9FtZy-.colorLink-35jkBc:disabled .contents-18-Yxp {
    background-image: none
}

.lookLink-9FtZy-.colorLink-35jkBc .spinnerItem-3GlVyU {
    background-color: var(--text-link)
}

.theme-dark .lookFilled-1Gx00P.hoverLink-i1fEKS.hasHover-3X1-zV:hover,.theme-light .lookFilled-1Gx00P.hoverLink-i1fEKS.hasHover-3X1-zV:hover {
    background-color: var(--text-link);
    color: #fff
}

.theme-dark .lookFilled-1Gx00P.hoverLink-i1fEKS.hasHover-3X1-zV:active,.theme-light .lookFilled-1Gx00P.hoverLink-i1fEKS.hasHover-3X1-zV:active {
    background-color: null;
    color: #fff
}

.theme-dark .lookInverted-2D7oAl.hoverLink-i1fEKS.hasHover-3X1-zV:active,.theme-dark .lookInverted-2D7oAl.hoverLink-i1fEKS.hasHover-3X1-zV:hover,.theme-light .lookInverted-2D7oAl.hoverLink-i1fEKS.hasHover-3X1-zV:active,.theme-light .lookInverted-2D7oAl.hoverLink-i1fEKS.hasHover-3X1-zV:hover {
    color: var(--text-link);
    background-color: #fff
}

.theme-dark .lookOutlined-3sRXeN.hoverLink-i1fEKS.hasHover-3X1-zV:hover,.theme-light .lookOutlined-3sRXeN.hoverLink-i1fEKS.hasHover-3X1-zV:hover {
    color: var(--text-link);
    border-color: var(--text-link)
}

.theme-dark .lookOutlined-3sRXeN.hoverLink-i1fEKS.hasHover-3X1-zV:active,.theme-light .lookOutlined-3sRXeN.hoverLink-i1fEKS.hasHover-3X1-zV:active {
    color: var(--text-link);
    background-color: rgba(var(--text-link),.1);
    border-color: var(--text-link)
}

.theme-dark .lookLink-9FtZy-.hoverLink-i1fEKS.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-light .lookLink-9FtZy-.hoverLink-i1fEKS.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: var(--text-link);
    background-image: linear-gradient(0deg,transparent,transparent 1px,var(--text-link) 0,var(--text-link) 2px,transparent 0)
}

.lookFilled-1Gx00P.colorWhite-rEQuAQ {
    color: #4f545c;
    background-color: #fff
}

.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover {
    background-color: #e6e6e6
}

.lookFilled-1Gx00P.colorWhite-rEQuAQ:active {
    background-color: #ccc
}

.lookFilled-1Gx00P.colorWhite-rEQuAQ .spinnerItem-3GlVyU {
    background-color: #4f545c
}

.lookFilled-1Gx00P.colorWhite-rEQuAQ:disabled {
    background-color: #fff
}

.lookInverted-2D7oAl.colorWhite-rEQuAQ {
    color: #fff;
    background-color: #4f545c
}

.lookInverted-2D7oAl.colorWhite-rEQuAQ:active,.lookInverted-2D7oAl.colorWhite-rEQuAQ:hover {
    background-color: #fff
}

.lookInverted-2D7oAl.colorWhite-rEQuAQ:disabled {
    background-color: #4f545c
}

.lookInverted-2D7oAl.colorWhite-rEQuAQ .spinnerItem-3GlVyU {
    background-color: #fff
}

.lookOutlined-3sRXeN.colorWhite-rEQuAQ {
    color: #fff;
    border-color: #fff
}

.lookOutlined-3sRXeN.colorWhite-rEQuAQ:active {
    background-color: hsla(0,0%,100%,.1)
}

.lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled {
    background-color: transparent
}

.lookOutlined-3sRXeN.colorWhite-rEQuAQ .spinnerItem-3GlVyU {
    background-color: #fff
}

.lookLink-9FtZy-.colorWhite-rEQuAQ {
    color: #fff
}

.lookLink-9FtZy-.colorWhite-rEQuAQ:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#fff 0,#fff 2px,transparent 0)
}

.lookLink-9FtZy-.colorWhite-rEQuAQ:disabled .contents-18-Yxp {
    background-image: none
}

.lookLink-9FtZy-.colorWhite-rEQuAQ .spinnerItem-3GlVyU {
    background-color: #fff
}

.theme-dark .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:hover,.theme-light .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
    background-color: #fff;
    color: #4f545c
}

.theme-dark .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:active,.theme-light .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:active {
    background-color: #e6e6e6;
    color: #4f545c
}

.theme-dark .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:active,.theme-dark .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:hover,.theme-light .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:active,.theme-light .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
    color: #fff;
    background-color: #fff
}

.theme-dark .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover,.theme-light .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
    color: #fff;
    border-color: #fff
}

.theme-dark .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:active,.theme-light .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:active {
    color: #fff;
    background-color: hsla(0,0%,100%,.1);
    border-color: #fff
}

.theme-dark .lookLink-9FtZy-.hoverWhite-2uUmXw.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-light .lookLink-9FtZy-.hoverWhite-2uUmXw.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: #fff;
    background-image: linear-gradient(0deg,transparent,transparent 1px,#fff 0,#fff 2px,transparent 0)
}

.lookFilled-1Gx00P.colorBlack-1jwPVL {
    color: #fff;
    background-color: #040405
}

.lookFilled-1Gx00P.colorBlack-1jwPVL:hover {
    background-color: #18191c
}

.lookFilled-1Gx00P.colorBlack-1jwPVL:active {
    background-color: #202225
}

.lookFilled-1Gx00P.colorBlack-1jwPVL .spinnerItem-3GlVyU {
    background-color: #fff
}

.lookFilled-1Gx00P.colorBlack-1jwPVL:disabled {
    background-color: #040405
}

.lookInverted-2D7oAl.colorBlack-1jwPVL {
    color: #040405;
    background-color: #fff
}

.lookInverted-2D7oAl.colorBlack-1jwPVL:hover {
    background-color: #18191c
}

.lookInverted-2D7oAl.colorBlack-1jwPVL:active {
    background-color: #202225
}

.lookInverted-2D7oAl.colorBlack-1jwPVL:disabled {
    background-color: #fff
}

.lookInverted-2D7oAl.colorBlack-1jwPVL .spinnerItem-3GlVyU {
    background-color: #040405
}

.lookOutlined-3sRXeN.colorBlack-1jwPVL {
    color: #040405;
    border-color: #040405
}

.lookOutlined-3sRXeN.colorBlack-1jwPVL:active {
    background-color: rgba(4,4,5,.1)
}

.lookOutlined-3sRXeN.colorBlack-1jwPVL:disabled {
    background-color: transparent
}

.lookOutlined-3sRXeN.colorBlack-1jwPVL .spinnerItem-3GlVyU {
    background-color: #040405
}

.lookLink-9FtZy-.colorBlack-1jwPVL {
    color: #040405
}

.lookLink-9FtZy-.colorBlack-1jwPVL:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#040405 0,#040405 2px,transparent 0)
}

.lookLink-9FtZy-.colorBlack-1jwPVL:disabled .contents-18-Yxp {
    background-image: none
}

.lookLink-9FtZy-.colorBlack-1jwPVL .spinnerItem-3GlVyU {
    background-color: #040405
}

.theme-dark .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:hover,.theme-light .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:hover {
    background-color: #040405;
    color: #fff
}

.theme-dark .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:active,.theme-light .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:active {
    background-color: #18191c;
    color: #fff
}

.theme-dark .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:hover,.theme-light .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:hover {
    color: #040405;
    background-color: #18191c
}

.theme-dark .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:active,.theme-light .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:active {
    color: #040405;
    background-color: #202225
}

.theme-dark .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:hover,.theme-light .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:hover {
    color: #040405;
    border-color: #040405
}

.theme-dark .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:active,.theme-light .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:active {
    color: #040405;
    background-color: rgba(4,4,5,.1);
    border-color: #040405
}

.theme-dark .lookLink-9FtZy-.hoverBlack-3jULb8.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-light .lookLink-9FtZy-.hoverBlack-3jULb8.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: #040405;
    background-image: linear-gradient(0deg,transparent,transparent 1px,#040405 0,#040405 2px,transparent 0)
}

.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV {
    color: #fff;
    background-color: #4f545c
}

.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
    background-color: #474c53
}

.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:active {
    background-color: #3f434a
}

.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV .spinnerItem-3GlVyU {
    background-color: #fff
}

.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled {
    background-color: #4f545c
}

.theme-dark .lookInverted-2D7oAl.colorGrey-2DXtkV {
    color: #4f545c;
    background-color: #fff
}

.theme-dark .lookInverted-2D7oAl.colorGrey-2DXtkV:disabled {
    background-color: #fff
}

.theme-dark .lookInverted-2D7oAl.colorGrey-2DXtkV .spinnerItem-3GlVyU {
    background-color: #4f545c
}

.theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV {
    color: #4f545c;
    border-color: #4f545c
}

.theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV:active {
    background-color: rgba(79,84,92,.1)
}

.theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV:disabled {
    background-color: transparent
}

.theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV .spinnerItem-3GlVyU {
    background-color: #4f545c
}

.theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV {
    color: #4f545c
}

.theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#4f545c 0,#4f545c 2px,transparent 0)
}

.theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV:disabled .contents-18-Yxp {
    background-image: none
}

.theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV .spinnerItem-3GlVyU {
    background-color: #4f545c
}

.theme-dark .theme-dark .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,.theme-dark .theme-light .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover {
    background-color: #4f545c;
    color: #fff
}

.theme-dark .theme-dark .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active,.theme-dark .theme-light .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active {
    background-color: #474c53;
    color: #fff
}

.theme-dark .theme-dark .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active,.theme-dark .theme-dark .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,.theme-dark .theme-light .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active,.theme-dark .theme-light .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover {
    color: #4f545c
}

.theme-dark .theme-dark .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,.theme-dark .theme-light .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover {
    color: #4f545c;
    border-color: #4f545c
}

.theme-dark .theme-dark .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active,.theme-dark .theme-light .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active {
    color: #4f545c;
    background-color: rgba(79,84,92,.1);
    border-color: #4f545c
}

.theme-dark .theme-dark .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-dark .theme-light .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: #4f545c;
    background-image: linear-gradient(0deg,transparent,transparent 1px,#4f545c 0,#4f545c 2px,transparent 0)
}

.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
    color: #f6f6f7;
    background-color: #4f545c
}

.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover {
    background-color: #72767d
}

.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
    background-color: #f6f6f7
}

.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled {
    background-color: #4f545c
}

.theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6 {
    color: #4f545c;
    background-color: #f6f6f7
}

.theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6:hover {
    background-color: #f6f6f7
}

.theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6:active {
    background-color: #dcddde
}

.theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled {
    background-color: #f6f6f7
}

.theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
    background-color: #4f545c
}

.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {
    color: #fff;
    border-color: #fff
}

.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active {
    background-color: hsla(0,0%,100%,.1)
}

.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled {
    background-color: transparent
}

.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
    background-color: #fff
}

.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 {
    color: #fff
}

.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#fff 0,#fff 2px,transparent 0)
}

.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6:disabled .contents-18-Yxp {
    background-image: none
}

.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
    background-color: #fff
}

.theme-dark .theme-dark .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,.theme-dark .theme-light .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
    background-color: #4f545c;
    color: #f6f6f7
}

.theme-dark .theme-dark .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,.theme-dark .theme-light .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
    background-color: #72767d;
    color: #f6f6f7
}

.theme-dark .theme-dark .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,.theme-dark .theme-light .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
    color: #4f545c;
    background-color: #f6f6f7
}

.theme-dark .theme-dark .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,.theme-dark .theme-light .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
    color: #4f545c;
    background-color: #dcddde
}

.theme-dark .theme-dark .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,.theme-dark .theme-light .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
    color: #fff;
    border-color: #fff
}

.theme-dark .theme-dark .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,.theme-dark .theme-light .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
    color: #fff;
    background-color: hsla(0,0%,100%,.1);
    border-color: #4f545c
}

.theme-dark .theme-dark .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-dark .theme-light .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: #fff;
    background-image: linear-gradient(0deg,transparent,transparent 1px,#fff 0,#fff 2px,transparent 0)
}

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

.theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover {
    background-color: hsla(0,0%,100%,.05)
}

.theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9:active {
    background-color: hsla(0,0%,100%,.01)
}

.theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
    background-color: #f6f6f7
}

.theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled {
    background-color: hsla(0,0%,100%,.1)
}

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

.theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover {
    background-color: hsla(0,0%,100%,.05)
}

.theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9:active {
    background-color: hsla(0,0%,100%,.1)
}

.theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled {
    background-color: #f6f6f7
}

.theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
    background-color: hsla(0,0%,100%,.1)
}

.theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9 {
    color: #dcddde;
    border-color: #dcddde
}

.theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9:active {
    background-color: rgba(220,221,222,.1)
}

.theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled {
    background-color: transparent
}

.theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
    background-color: #dcddde
}

.theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9 {
    color: #dcddde
}

.theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#dcddde 0,#dcddde 2px,transparent 0)
}

.theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9:disabled .contents-18-Yxp {
    background-image: none
}

.theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
    background-color: #dcddde
}

.theme-dark .theme-dark .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover,.theme-dark .theme-light .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
    background-color: hsla(0,0%,100%,.1);
    color: #f6f6f7
}

.theme-dark .theme-dark .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active,.theme-dark .theme-light .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
    background-color: hsla(0,0%,100%,.05);
    color: #f6f6f7
}

.theme-dark .theme-dark .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover,.theme-dark .theme-light .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
    color: hsla(0,0%,100%,.1);
    background-color: hsla(0,0%,100%,.05)
}

.theme-dark .theme-dark .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active,.theme-dark .theme-light .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
    color: hsla(0,0%,100%,.1);
    background-color: hsla(0,0%,100%,.1)
}

.theme-dark .theme-dark .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover,.theme-dark .theme-light .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
    color: #dcddde;
    border-color: #dcddde
}

.theme-dark .theme-dark .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active,.theme-dark .theme-light .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
    color: #dcddde;
    background-color: rgba(220,221,222,.1);
    border-color: hsla(0,0%,100%,.1)
}

.theme-dark .theme-dark .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-dark .theme-light .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: #dcddde;
    background-image: linear-gradient(0deg,transparent,transparent 1px,#dcddde 0,#dcddde 2px,transparent 0)
}

.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV {
    color: #fff;
    background-color: #747f8d
}

.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
    background-color: #68727f
}

.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:active {
    background-color: #5d6671
}

.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV .spinnerItem-3GlVyU {
    background-color: #fff
}

.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled {
    background-color: #747f8d
}

.theme-light .lookInverted-2D7oAl.colorGrey-2DXtkV {
    color: #747f8d;
    background-color: #fff
}

.theme-light .lookInverted-2D7oAl.colorGrey-2DXtkV:disabled {
    background-color: #fff
}

.theme-light .lookInverted-2D7oAl.colorGrey-2DXtkV .spinnerItem-3GlVyU {
    background-color: #747f8d
}

.theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV {
    color: #747f8d;
    border-color: #747f8d
}

.theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV:active {
    background-color: rgba(116,127,141,.1)
}

.theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV:disabled {
    background-color: transparent
}

.theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV .spinnerItem-3GlVyU {
    background-color: #747f8d
}

.theme-light .lookLink-9FtZy-.colorGrey-2DXtkV {
    color: #747f8d
}

.theme-light .lookLink-9FtZy-.colorGrey-2DXtkV:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#747f8d 0,#747f8d 2px,transparent 0)
}

.theme-light .lookLink-9FtZy-.colorGrey-2DXtkV:disabled .contents-18-Yxp {
    background-image: none
}

.theme-light .lookLink-9FtZy-.colorGrey-2DXtkV .spinnerItem-3GlVyU {
    background-color: #747f8d
}

.theme-light .theme-dark .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,.theme-light .theme-light .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover {
    background-color: #747f8d;
    color: #fff
}

.theme-light .theme-dark .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active,.theme-light .theme-light .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active {
    background-color: #68727f;
    color: #fff
}

.theme-light .theme-dark .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active,.theme-light .theme-dark .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,.theme-light .theme-light .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active,.theme-light .theme-light .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover {
    color: #747f8d
}

.theme-light .theme-dark .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,.theme-light .theme-light .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover {
    color: #747f8d;
    border-color: #747f8d
}

.theme-light .theme-dark .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active,.theme-light .theme-light .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active {
    color: #747f8d;
    background-color: rgba(116,127,141,.1);
    border-color: #747f8d
}

.theme-light .theme-dark .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-light .theme-light .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: #747f8d;
    background-image: linear-gradient(0deg,transparent,transparent 1px,#747f8d 0,#747f8d 2px,transparent 0)
}

.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
    color: #fff;
    background-color: #747f8d
}

.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover {
    background-color: #9099a4
}

.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:active {
    background-color: #e3e5e8
}

.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
    background-color: #fff
}

.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled {
    background-color: #747f8d
}

.theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6 {
    color: #747f8d;
    background-color: #fff
}

.theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6:hover {
    background-color: #4f5660
}

.theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6:active {
    background-color: #2e3338
}

.theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled {
    background-color: #fff
}

.theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
    background-color: #747f8d
}

.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {
    color: #747f8d;
    border-color: #747f8d
}

.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active {
    background-color: rgba(116,127,141,.1)
}

.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled {
    background-color: transparent
}

.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
    background-color: #747f8d
}

.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6 {
    color: #747f8d
}

.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#747f8d 0,#747f8d 2px,transparent 0)
}

.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6:disabled .contents-18-Yxp {
    background-image: none
}

.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
    background-color: #747f8d
}

.theme-light .theme-dark .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,.theme-light .theme-light .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
    background-color: #747f8d;
    color: #fff
}

.theme-light .theme-dark .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,.theme-light .theme-light .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
    background-color: #9099a4;
    color: #fff
}

.theme-light .theme-dark .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,.theme-light .theme-light .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
    color: #747f8d;
    background-color: #4f5660
}

.theme-light .theme-dark .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,.theme-light .theme-light .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
    color: #747f8d;
    background-color: #2e3338
}

.theme-light .theme-dark .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,.theme-light .theme-light .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
    color: #747f8d;
    border-color: #747f8d
}

.theme-light .theme-dark .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,.theme-light .theme-light .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
    color: #747f8d;
    background-color: rgba(116,127,141,.1);
    border-color: #747f8d
}

.theme-light .theme-dark .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-light .theme-light .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: #747f8d;
    background-image: linear-gradient(0deg,transparent,transparent 1px,#747f8d 0,#747f8d 2px,transparent 0)
}

.theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9 {
    color: #747f8d;
    background-color: rgba(116,127,141,.01)
}

.theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover {
    background-color: rgba(116,127,141,.2)
}

.theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9:active {
    background-color: rgba(116,127,141,.25)
}

.theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
    background-color: #747f8d
}

.theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled {
    background-color: rgba(116,127,141,.01)
}

.theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9 {
    color: rgba(116,127,141,.01);
    background-color: #747f8d
}

.theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover {
    background-color: rgba(116,127,141,.2)
}

.theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9:active {
    background-color: rgba(116,127,141,.25)
}

.theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled {
    background-color: #747f8d
}

.theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
    background-color: rgba(116,127,141,.01)
}

.theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9 {
    color: #747f8d;
    border-color: #747f8d
}

.theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9:active {
    background-color: rgba(116,127,141,.1)
}

.theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled {
    background-color: transparent
}

.theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
    background-color: #747f8d
}

.theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9 {
    color: #747f8d
}

.theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp {
    background-image: linear-gradient(0deg,transparent,transparent 1px,#747f8d 0,#747f8d 2px,transparent 0)
}

.theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9:disabled .contents-18-Yxp {
    background-image: none
}

.theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
    background-color: #747f8d
}

.theme-light .theme-dark .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover,.theme-light .theme-light .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
    background-color: rgba(116,127,141,.01);
    color: #747f8d
}

.theme-light .theme-dark .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active,.theme-light .theme-light .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
    background-color: rgba(116,127,141,.2);
    color: #747f8d
}

.theme-light .theme-dark .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover,.theme-light .theme-light .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
    color: rgba(116,127,141,.01);
    background-color: rgba(116,127,141,.2)
}

.theme-light .theme-dark .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active,.theme-light .theme-light .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
    color: rgba(116,127,141,.01);
    background-color: rgba(116,127,141,.25)
}

.theme-light .theme-dark .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover,.theme-light .theme-light .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
    color: #747f8d;
    border-color: #747f8d
}

.theme-light .theme-dark .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active,.theme-light .theme-light .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
    color: #747f8d;
    background-color: rgba(116,127,141,.1);
    border-color: rgba(116,127,141,.01)
}

.theme-light .theme-dark .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp,.theme-light .theme-light .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp {
    color: #747f8d;
    background-image: linear-gradient(0deg,transparent,transparent 1px,#747f8d 0,#747f8d 2px,transparent 0)
}

.lookFilled-1Gx00P,.lookInverted-2D7oAl {
    -webkit-transition: background-color .17s ease,color .17s ease;
    transition: background-color .17s ease,color .17s ease
}

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

.lookBlank-3eh9lL {
    background: transparent;
    color: currentColor;
    border: 0;
    padding: 0;
    margin: 0
}

.sizeTiny-EgeIrh {
    width: 52px;
    height: 24px;
    min-width: 52px;
    min-height: 24px
}

.sizeSmall-2cSMqn {
    width: 60px;
    height: 32px;
    min-width: 60px;
    min-height: 32px
}

.sizeMedium-1AC_Sl {
    width: 96px;
    height: 38px;
    min-width: 96px;
    min-height: 38px
}

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

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

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

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

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

.grow-q77ONN,.sizeIcon-1-kvKI {
    width: auto
}

.fullWidth-1orjjo {
    width: 100%
}

.submitting-3qlO9O {
    pointer-events: none
}

.lookFilled-1Gx00P .contents-18-Yxp,.lookInverted-2D7oAl .contents-18-Yxp,.lookLink-9FtZy- .contents-18-Yxp,.lookOutlined-3sRXeN .contents-18-Yxp {
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .lookFilled-1Gx00P .contents-18-Yxp,.lookInverted-2D7oAl .contents-18-Yxp,.lookLink-9FtZy- .contents-18-Yxp,.lookOutlined-3sRXeN .contents-18-Yxp {
        margin: 0
    }
}

.submitting-3qlO9O .contents-18-Yxp {
    visibility: hidden
}

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

.disabledButtonWrapper-3wH6-b {
    display: inline-block;
    position: relative
}

.disabledButtonOverlay-2DA5FI {
    cursor: not-allowed;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9
}

.flex-1O1GKY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.alignEnd-1D6PQi {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.alignCenter-1dQNNs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

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

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

.justifyEnd-2E6vba {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justifyCenter-3D2jYp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

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

.noWrap-3jynv6 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.wrap-ZIn9Iy {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wrapReverse-3ssEE3 {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

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

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

.directionColumn-35P_nr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.vertical-V37hAW {
}

.horizontal-2EEEnY {
}

.horizontalReverse-3tRjY7 {
}

.horizontal-2EEEnY>.spacer-1fA9zc,.horizontalReverse-3tRjY7>.spacer-1fA9zc,.vertical-V37hAW>.spacer-1fA9zc {
    min-height: 1px
}

.flexCenter-3_1bcw {
}

.flex-1xMQg5 {
}

.horizontal-1ae9ci {
}

.horizontalReverse-2eTKWD {
}

.horizontal-1ae9ci>.flex-1xMQg5,.horizontal-1ae9ci>.flexChild-faoVW3 {
    margin-left: 10px;
    margin-right: 10px
}

.horizontal-1ae9ci>.flex-1xMQg5:first-child,.horizontal-1ae9ci>.flexChild-faoVW3:first-child {
    margin-left: 0
}

.horizontal-1ae9ci>.flex-1xMQg5:last-child,.horizontal-1ae9ci>.flexChild-faoVW3:last-child {
    margin-right: 0
}

.horizontalReverse-2eTKWD>.flex-1xMQg5,.horizontalReverse-2eTKWD>.flexChild-faoVW3 {
    margin-left: 10px;
    margin-right: 10px
}

.horizontalReverse-2eTKWD>.flex-1xMQg5:first-child,.horizontalReverse-2eTKWD>.flexChild-faoVW3:first-child {
    margin-right: 0
}

.horizontalReverse-2eTKWD>.flex-1xMQg5:last-child,.horizontalReverse-2eTKWD>.flexChild-faoVW3:last-child {
    margin-left: 0
}

.horizontal-1ae9ci>.flexMarginReset-26Y2-5 {
    margin: 0
}

.selectable-2GY4I1 {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.strong-1TazCs {
    font-weight: 600
}

.colorStandard-2KCXvj {
    color: var(--text-normal)
}

.colorLink-2vG20E {
    color: var(--text-link)
}

.colorMuted-HdFt4q {
    color: var(--text-muted)
}

.colorError-3RX-d6 {
    color: #ed4245
}

.colorBrand-2tjs5J {
    color: var(--brand-experiment-500)
}

.colorHeaderPrimary-26Jzh- {
    color: var(--header-primary)
}

.colorHeaderSecondary-3Sp3Ft {
    color: var(--header-secondary)
}

.colorStatusYellow-3sKKh2 {
    color: var(--text-warning)
}

.colorStatusGreen-2saF4_ {
    color: #3ba55c
}

.colorStatusRed-1YV2rj {
    color: #ed4245
}

.colorInteractiveActive-3Ip9Eu {
    color: var(--interactive-active)
}

.colorInteractiveNormal-PB7JN3 {
    color: var(--interactive-normal)
}

.size10-tblYdA {
    font-size: 10px;
    line-height: 12px
}

.size12-3cLvbJ {
    font-size: 12px;
    line-height: 16px
}

.size14-e6ZScH {
    font-size: 14px;
    line-height: 18px
}

.size16-1P40sf {
    font-size: 14.2px;
    line-height: 20px
}

.size20-17Iy80 {
    font-size: 20px;
    line-height: 24px
}

.size24-RIRrxO {
    font-size: 24px;
    line-height: 30px
}

.size32-o_H79z {
    font-size: 32px;
    line-height: 40px
}

.title-3sZWYQ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: default;
    font-family: var(--font-display)
}

.h1-1qdNzo {
    font-size: 20px;
    line-height: 24px
}

.h1-1qdNzo,.h2-2gWE-o {
    font-weight: 600
}

.h2-2gWE-o {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase
}

.h3-3PDeKG {
    line-height: 24px;
    font-weight: 500
}

.h3-3PDeKG,.h4-AQvcAz {
    font-size: 16px
}

.h4-AQvcAz {
    line-height: 20px;
    letter-spacing: .3px
}

.h4-AQvcAz,.h5-18_1nd {
    font-weight: 600;
    text-transform: uppercase
}

.h5-18_1nd {
    font-size: 12px;
    line-height: 16px
}

.defaultMarginh4-2vWMG5 {
    margin-top: 0;
    margin-bottom: 0
}

.defaultMarginh1-peT3GC,.defaultMarginh2-2LTaUL {
    margin-bottom: 20px
}

.defaultMarginh3-2iptLs,.defaultMarginh5-2mL-bP {
    margin-bottom: 8px
}

.disabled-2Dh7SK {
    opacity: .3;
    cursor: not-allowed
}

.required-7sPBq3 {
    color: #ed4245;
    padding-left: 4px
}

.errorMessage-3Guw2R {
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
    text-transform: none
}

.errorSeparator-30Q6aR {
    padding-left: 4px;
    padding-right: 4px
}

.defaultColor-1_ajX0 {
    color: var(--header-primary)
}

.h5-18_1nd {
    color: var(--channels-default)
}

.faded-3bns_w {
    opacity: .8
}

.error-25JxNp {
    color: #ed4245
}

.scrollerBase-289Jih {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.thin-1ybCId {
    scrollbar-width: thin
}

.thin-1ybCId,.thin-1ybCId.fade-2kXiP2:hover,.thin-1ybCId.scrolling-1Cdwk- {
    scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track)
}

.thin-1ybCId::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.thin-1ybCId::-webkit-scrollbar-track {
    border-color: var(--scrollbar-thin-track);
    background-color: var(--scrollbar-thin-track);
    border: 2px solid var(--scrollbar-thin-track)
}

.thin-1ybCId::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: var(--scrollbar-thin-thumb);
    min-height: 40px
}

.thin-1ybCId::-webkit-scrollbar-corner {
    background-color: transparent
}

.auto-Ge5KZx {
    scrollbar-width: auto
}

.auto-Ge5KZx,.auto-Ge5KZx.fade-2kXiP2:hover,.auto-Ge5KZx.scrolling-1Cdwk- {
    scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track)
}

.auto-Ge5KZx::-webkit-scrollbar {
    width: 16px;
    height: 16px
}

.auto-Ge5KZx::-webkit-scrollbar-track {
    background-color: var(--scrollbar-auto-track)
}

.auto-Ge5KZx::-webkit-scrollbar-thumb,.auto-Ge5KZx::-webkit-scrollbar-track {
    border: 4px solid transparent;
    background-clip: padding-box;
    border-radius: 8px
}

.auto-Ge5KZx::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-auto-thumb);
    min-height: 40px
}

.auto-Ge5KZx::-webkit-scrollbar-corner {
    background-color: transparent
}

.none-2Eo-qx {
    scrollbar-width: none
}

.none-2Eo-qx::-webkit-scrollbar {
    width: 0;
    height: 0
}

.fade-2kXiP2 {
    scrollbar-color: transparent transparent
}

.fade-2kXiP2::-webkit-scrollbar-thumb,.fade-2kXiP2::-webkit-scrollbar-track {
    visibility: hidden
}

.fade-2kXiP2:hover::-webkit-scrollbar-thumb,.fade-2kXiP2:hover::-webkit-scrollbar-track {
    visibility: visible
}

.content-3YMskv {
    position: relative
}

.scrolling-1Cdwk- .content-3YMskv {
    pointer-events: none
}

.scrolling-1Cdwk-.fade-2kXiP2::-webkit-scrollbar-thumb,.scrolling-1Cdwk-.fade-2kXiP2::-webkit-scrollbar-track {
    visibility: visible
}

.disableScrollAnchor-3V9UtP {
    overflow-anchor: none
}

.backdrop-1wrmKB {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.backdrop-1wrmKB.withLayer-RoELSG {
    pointer-events: all
}

.layerContainer-yqaFcK {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: none!important;
    pointer-events: none;
    z-index: 1002
}

.layer-v9HyYc {
    position: absolute;
    pointer-events: auto
}

.layerHidden-293Ou1 {
    visibility: hidden
}

.disabledPointerEvents-1ptgTB {
    pointer-events: none
}

.backdrop-29yll0 {
    background-color: #000
}

.backdrop-29yll0,.layer-2KE1M9 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.layer-2KE1M9 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0;
    padding-top: 40px;
    padding-bottom: 40px
}

.scrollbar-3dvm_9::-webkit-scrollbar-corner {
    border: none;
    background: none
}

.scrollbarDefault-3COgCQ {
}

.scrollbarDefault-3COgCQ::-webkit-scrollbar {
    width: 14px;
    height: 14px
}

.scrollbarDefault-3COgCQ::-webkit-scrollbar-thumb,.scrollbarDefault-3COgCQ::-webkit-scrollbar-track {
    border-width: 3px;
    border-radius: 7px;
    background-clip: padding-box;
    border-style: solid
}

.scrollbarDefault-3COgCQ::-webkit-scrollbar-track {
    border-width: initial
}

.scrollbarGhost-2F9Zj2 {
}

.scrollbarGhost-2F9Zj2::-webkit-scrollbar {
    width: 14px;
    height: 14px
}

.scrollbarGhost-2F9Zj2::-webkit-scrollbar-thumb,.scrollbarGhost-2F9Zj2::-webkit-scrollbar-track {
    border-width: 3px;
    border-radius: 7px;
    background-clip: padding-box;
    border-style: solid
}

.scrollbarGhost-2F9Zj2::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.4);
    border-color: transparent
}

.scrollbarGhost-2F9Zj2::-webkit-scrollbar-track {
    border-width: initial;
    border-color: transparent;
    background-color: rgba(0,0,0,.1)
}

.scrollbarGhostHairline-1mSOM1 {
}

.scrollbarGhostHairline-1mSOM1::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.scrollbarGhostHairline-1mSOM1::-webkit-scrollbar-thumb {
    background-color: rgba(24,25,28,.6);
    border-radius: 2px;
    cursor: move
}

.scrollbarGhostHairline-1mSOM1::-webkit-scrollbar-track {
    background-color: transparent;
    border: none
}

.theme-light .scrollbarDefault-3COgCQ::-webkit-scrollbar-thumb {
    background-color: var(--brand-experiment);
    border-color: transparent
}

.theme-light .scrollbarDefault-3COgCQ::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    border-color: transparent
}

.theme-dark .scrollbarDefault-3COgCQ::-webkit-scrollbar-thumb {
    background-color: #202225;
    border-color: transparent
}

.theme-dark .scrollbarDefault-3COgCQ::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.1);
    border-color: transparent
}

.wrapper-3Q5DdO {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1
}

.rightSplit-2US0xy {
    position: fixed;
    bottom: 0;
    right: 0;
    width: auto;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 1;
    pointer-events: none
}

.embedded-19g94k {
    position: absolute
}

.leftSplit-1qOwnR {
    position: relative;
    width: 100vw;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.nonEmbeddedLeftSplit-3z6mge {
    max-width: 1480px
}

.mobileWave-1vJwyR {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vh;
    height: 100vh;
    background: url(../../assets/f0c3d9e5c14fde34b3832e9279d156f0.html) 0 0/cover no-repeat fixed;
    z-index: -1;
    pointer-events: none
}

.logo-2niOmb {
    position: relative;
    margin: 24px auto 0
}

@media (min-width: 830px) {
    .logo-2niOmb {
        position:fixed;
        top: 24px;
        left: 24px;
        margin: 0
    }
}

.focusLock-Ns3yie {
    min-height: 0;
    max-width: 100%
}

.focusLock-Ns3yie,.root-1gCeng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.root-1gCeng {
    background-color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    pointer-events: all;
    position: relative
}

.small-3iVZYw {
    width: 440px;
    max-height: 660px;
    min-height: 200px
}

.medium-2RE1hE {
    width: 600px;
    max-height: 800px
}

.large-3lXhLH,.medium-2RE1hE {
    min-height: 400px
}

.large-3lXhLH {
    min-width: 800px;
    max-width: 960px
}

@media (max-width: 485px) {
    .root-1gCeng {
        min-width:auto;
        width: 100%
    }

    .fullscreenOnMobile-1bD22y {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 0;
        max-height: none;
        overflow-y: auto;
        width: 100%
    }

    .fullscreenOnMobile-1bD22y .footer-2gL1pp,.fullscreenOnMobile-1bD22y .header-1TKi98 {
        border-radius: 0
    }
}

.theme-dark .root-1gCeng {
    background-color: #36393f;
    -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)
}

.theme-light .root-1gCeng {
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.footer-2gL1pp,.header-1TKi98 {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 16px;
    z-index: 1;
    overflow-x: hidden
}

.header-1TKi98 {
    border-radius: 5px 5px 0 0;
    -webkit-transition: -webkit-box-shadow .1s ease-out;
    transition: -webkit-box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out,-webkit-box-shadow .1s ease-out;
    word-wrap: break-word
}

.footer-2gL1pp {
    border-radius: 0 0 5px 5px
}

.theme-dark .separator-2-RRj_ {
    -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-2gL1pp {
    background-color: #2f3136;
    -webkit-box-shadow: inset 0 1px 0 rgba(47,49,54,.6);
    box-shadow: inset 0 1px 0 rgba(47,49,54,.6)
}

.theme-light .separator-2-RRj_ {
    -webkit-box-shadow: 0 1px 0 0 rgba(185,187,190,.3);
    box-shadow: 0 1px 0 0 rgba(185,187,190,.3)
}

.theme-light .footer-2gL1pp {
    background-color: #f6f6f7;
    -webkit-box-shadow: inset 0 1px 0 rgba(246,246,247,.6);
    box-shadow: inset 0 1px 0 rgba(246,246,247,.6)
}

.content-1LAB8Z {
    position: relative;
    z-index: 0;
    border-radius: 5px 5px 0 0;
    padding-left: 16px;
    padding-right: 16px;
    overflow-x: hidden
}

.close-hZ94c6 {
    height: 26px;
    padding: 4px;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: .5;
    cursor: pointer;
    border-radius: 3px;
    color: var(--interactive-normal);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.close-hZ94c6:hover {
    opacity: 1;
    color: var(--interactive-hover)
}

@media (max-width: 485px) {
    .hideOnFullscreen-9ibOM4 {
        display:none
    }
}

.marginReset-236NPn {
    margin-top: 0;
    margin-bottom: 0
}

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

.marginBottom4-2qk4Hy {
    margin-bottom: 4px
}

.marginTop8-1DLZ1n {
    margin-top: 8px
}

.marginBottom8-AtZOdT {
    margin-bottom: 8px
}

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

.marginBottom20-32qID7 {
    margin-bottom: 20px
}

.marginTop40-i-78cZ {
    margin-top: 40px
}

.marginBottom40-2vIwTv {
    margin-bottom: 40px
}

.marginTop60-3PGbtK {
    margin-top: 60px
}

.marginBottom60-Gs8NBA {
    margin-bottom: 60px
}

.marginCenterHorz-1s41rg {
    margin-left: auto;
    margin-right: auto
}

.marginLeft8-6V8lOs {
    margin-left: 8px
}

.container-14fypd {
    word-wrap: break-word
}

.form-26zE04 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modalContent-1T1Tix {
    padding-top: 20px;
    padding-bottom: 20px
}

.content-dfabe7 {
    height: 100%
}

.title-18-Ds0 {
    text-align: center
}

.minorContainer-Oi4S_y {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 8px;
    margin-bottom: -10px;
    width: 100%;
    cursor: pointer
}

.minorAction-OVxOke {
    text-align: center;
    opacity: .6
}

.minorAction-OVxOke:hover {
    text-decoration: underline
}

.body-Mj9Oxz {
    text-align: center
}

.primaryButton-2BsGPp,.secondaryButton-BIo-2g {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%
}

.gutter-15v0rO {
    margin-left: 10px
}

.wrapper-1sSZUt {
    margin: 0
}

.base-1x0h_U {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--header-primary)
}

.selectable-3oBWf0 {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.base-1x0h_U.muted-3-7c5L {
    color: var(--header-secondary)
}

.uppercase-3VWUQ9 {
    text-transform: uppercase
}

.fullArt-2zAZvG {
    margin: 38px 64px 20px;
    background: url(../../assets/5cead3f236ff233c59ebbf9caeda1b84.html);
    width: 272px;
    height: 93px;
    background-position: 50%;
    background-repeat: no-repeat
}

.header-1X3-pa {
    text-transform: uppercase
}

.headerContainer-3HZzq8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.close-3K265x {
    width: 18px;
    height: 18px;
    color: var(--interactive-normal)
}

.close-3K265x:hover {
    color: var(--interactive-hover)
}

.close-3K265x:active {
    color: var(--interactive-active)
}

.content-mK72R6 {
    padding-bottom: 20px
}

.select-2TCrqx.error-3S-7y9 .errorMessage-1Y9q-X {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    color: #ed4245
}

.divider-3573oO {
    width: 100%;
    height: 1px;
    border-top: thin solid var(--background-modifier-accent)
}

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

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

.cardBrand-39zmMQ a,.cardDanger-ZurOv3 a,.cardSuccess-3uEYjj a,.cardWarning-2yPNAa a {
    font-weight: 700
}

.cardDanger-ZurOv3 {
    background-color: #ed4245
}

.cardDanger-ZurOv3,.cardDangerOutline-3t0Do9 {
    border-color: #ed4245
}

.cardWarning-2yPNAa {
    background-color: var(--status-warning-background)
}

.cardWarning-2yPNAa,.cardWarningOutline-1cs56O {
    border-color: var(--status-warning-background)
}

.cardSuccess-3uEYjj {
    background-color: #3ba55c
}

.cardSuccess-3uEYjj,.cardSuccessOutline-1Su_ab {
    border-color: #3ba55c
}

.cardBrand-39zmMQ {
    background-color: var(--brand-experiment)
}

.cardBrand-39zmMQ,.cardBrandOutline-3jvFfo {
    border-color: var(--brand-experiment)
}

.cardPrimary-1Hv-to,.cardPrimaryEditable-3KtE4g,.cardPrimaryOutline-29Ujqw,.cardPrimaryOutlineEditable-PEnpzz {
}

.card-3Qj_Yx a {
    color: var(--text-link)
}

.cardBrand-39zmMQ a,.cardDanger-ZurOv3 a,.cardSuccess-3uEYjj a,.cardWarning-2yPNAa a {
    color: #fff
}

.cardPrimary-1Hv-to {
    background: var(--deprecated-card-bg)
}

.cardPrimary-1Hv-to,.cardPrimaryEditable-3KtE4g {
    border-color: var(--background-tertiary)
}

.cardPrimaryEditable-3KtE4g {
    background: var(--deprecated-card-editable-bg)
}

.cardPrimaryOutline-29Ujqw {
    border-color: var(--background-tertiary)
}

.formText-3fs7AJ a:hover {
    text-decoration: underline
}

.formText-3fs7AJ strong {
    font-weight: 600
}

.default-3nhoK-,.labelDescriptor-1PqHgD,.labelSelected-1I1cDg,.placeholder-1lCpWK {
}

.labelSelected-1I1cDg {
    font-weight: 400
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .labelSelected-1I1cDg {
        font-weight:500
    }
}

.labelBold-1PKEeD {
    font-weight: 600
}

.description-3_Ncsb {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .description-3_Ncsb {
        font-weight:500
    }
}

.modeDefault-3a2Ph1 {
    cursor: default
}

.modeSelectable-k2b2pa {
    cursor: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.modeDisabled-33Av8D {
    cursor: not-allowed;
    opacity: .3
}

.description-3_Ncsb,.labelDescriptor-1PqHgD {
    color: var(--header-secondary)
}

.placeholder-1lCpWK {
    color: var(--text-muted)
}

.formNotice-2_hHWR {
    padding: 20px;
    cursor: default
}

.formNoticeTitle-2KGjDe {
    margin-bottom: 4px
}

.formNoticeBody-M4JFHP p {
    letter-spacing: -.39px;
    margin: 0 0 12px
}

.formNoticeBody-M4JFHP p:last-child {
    margin-bottom: 0
}

.formNoticeBody-M4JFHP u {
    text-decoration: none;
    font-style: italic
}

.icon-4lJsMQ {
    -webkit-user-drag: none
}

.whiteText-2PPsRK,.whiteText-2PPsRK a {
    color: #fff
}

.children-rWhLdy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.children-rWhLdy,.sectionTitle-2vauyC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-3bTSed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.title-3Tw-c1 {
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--interactive-normal)
}

.inputs-14Hc7m {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 4px
}

.inputDay-18OXiE {
    width: 100px
}

.inputMonth-IGgn-0 {
    width: 154px
}

.inputYear-2J502p {
    width: 120px
}

.errors-ArjaXz {
    color: #ed4245
}

.modal-20TEfh {
    width: 432px
}

.content-2Kd1kH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px
}

.image-3wnQf5 {
    width: 148px;
    height: 82px;
    background-image: url(../../assets/f16e718b735205e20139e634cf5bd7de.html);
    -ms-flex-item-align: center;
    align-self: center
}

.title-2SfZSl {
    margin-top: 20px;
    text-align: center
}

.description-24oYBj {
    margin-top: 8px;
    text-align: center
}

.description-24oYBj,.formItem-21QgGZ {
    margin-bottom: 16px
}

.inputWrapper-31_8H8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.input-cIJ7To {
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 3px;
    color: var(--text-normal);
    background-color: var(--deprecated-text-input-bg);
    border: 1px solid var(--deprecated-text-input-border);
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

.input-cIJ7To::-webkit-input-placeholder {
    -webkit-user-select: none;
    user-select: none;
    color: var(--text-muted)
}

.input-cIJ7To::-moz-placeholder {
    -moz-user-select: none;
    user-select: none;
    color: var(--text-muted)
}

.input-cIJ7To:-ms-input-placeholder {
    -ms-user-select: none;
    user-select: none;
    color: var(--text-muted)
}

.input-cIJ7To::placeholder {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--text-muted)
}

.input-cIJ7To:hover {
    border-color: var(--deprecated-text-input-border-hover)
}

.input-cIJ7To.focused-1mmYsC,.input-cIJ7To:focus {
    border-color: var(--text-link)
}

.input-cIJ7To.error-2O5WFJ {
    border-color: #ed4245
}

.input-cIJ7To.success-2-F980 {
    border-color: #3ba55c
}

.input-cIJ7To.disabled-2BKQFm {
    border-color: var(--deprecated-text-input-border-disabled)
}

.input-cIJ7To.editable-2UkCu4 {
    background-color: transparent;
    border-color: transparent
}

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

.inputMini-2xQV9P {
    line-height: 16px;
    padding: 4px 7px;
    height: 26px
}

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

.focused-1mmYsC {
    border-color: var(--brand-experiment);
    opacity: 1
}

.inputPrefix-2VAOGg {
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    height: 40px;
    padding-top: 10px;
    padding-left: 20px;
    line-height: normal;
    color: var(--text-muted)
}

.theme-dark .inputPrefix-2VAOGg {
    opacity: .5
}

.spacing-28Gjbq {
}

.error-1IOMCI {
}

.card-30dMrN {
    padding: 10px
}

.warning-3KupJ6 {
    color: #fff
}

.formHeader-3ntgeL {
    overflow: visible;
    padding: 16px 16px 0
}

.formContent-1vWZEJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: center;
    padding-bottom: 16px
}

.formImage-km1xqE {
    position: absolute;
    top: -60px;
    width: 400px;
    height: 155px;
    background-image: url(../../assets/b11534acfa213d55a7e8b4c79fb59ccd.html)
}

.formImageNew-3E9R0m {
    position: absolute;
    width: 88px;
    height: 80px;
    background-image: url(../../assets/793f3e4e608d9cf98d1e9ab2f2644b82.html)
}

.formTitle-29Lcxo {
    margin-bottom: 8px;
    margin-top: 95px
}

.formBody-3pY2Cl {
    text-align: center
}

.formBody-3pY2Cl,.formItem-9Gey9h {
    margin-bottom: 16px
}

.logoutButton-20GYNZ {
    margin: 4px auto auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.closeButton-3DtzaH {
    position: absolute;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    top: 12px;
    right: 4px
}

.successContent-3b2Ig4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.successTitle-2wbpkm {
    margin-bottom: 40px
}

.successTitle-2wbpkm,.successTitle2-1oSakh {
    text-align: center;
    color: var(--header-primary)
}

.successTitle2-1oSakh {
    margin-bottom: 12px;
    font-weight: 600
}

.successPromotion-3OUqFK {
    margin-bottom: 20px;
    text-align: center;
    color: var(--header-secondary)
}

.successImage-2Tgulb {
    margin-top: 48px;
    margin-bottom: 20px;
    width: 98px;
    height: 58px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.successImageLight-3XBp_y {
    background-image: url(../../assets/7c6b9649a101a9d3e28044d66ee65730.html)
}

.successImage2-3KRyMK {
    margin-top: 16px;
    margin-bottom: 16px;
    width: 104px;
    height: 80px;
    background-image: url(../../assets/c11b1679c24ac7092c23679037575023.html)
}

.modalLight-1SNwqJ {
    background-color: #fff;
    border-radius: 5px
}

.theme-light .successImageThemed-OP4M9b {
    background-image: url(../../assets/7c6b9649a101a9d3e28044d66ee65730.html)
}

.theme-dark .successImageThemed-OP4M9b {
    background-image: url(../../assets/15bc6312ff83991a86d4eb9be19094d6.html)
}

.container-1rxwlY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sparkleIcon-30-odx {
    height: 12px;
    width: 12px
}

.sparkleTop-2XxWeK {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: auto
}

.sparkleBottom-KN5dmN {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: auto
}

.body-3kE9vV {
    padding: 24px
}

.headerIconContainer-3zvlVZ {
    margin-bottom: 24px
}

.iconBackground-1iJ6Oq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 50%;
    height: 64px;
    width: 64px
}

.headerIcon-2HH87Q {
    color: var(--interactive-normal)
}

.title-XH3OPd {
    margin-bottom: 8px
}

.subtitle-2gi0Yl,.title-XH3OPd {
    text-align: center
}

.content-1-UQqA {
    padding-top: 24px;
    padding-bottom: 24px
}

.iconBackground-1clSpP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 50%;
    height: 64px;
    width: 64px
}

.headerIcon-3g95os {
    color: var(--header-primary)
}

.subtitle-blOBaJ,.title-LSijZn {
    margin-top: 8px;
    text-align: center
}

.cancelButton-jTE1F3 {
    margin-right: 8px
}

.tooltip-2QfLtc {
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    max-width: 190px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    z-index: 1002;
    will-change: opacity,transform
}

.tooltipDisablePointerEvents-3eaBGN,.tooltipPointer-3ZfirK {
    pointer-events: none
}

.tooltipPointer-3ZfirK {
    width: 0;
    height: 0;
    border: 5px solid transparent
}

.tooltipContent-bqVLWK {
    padding: 8px 12px;
    overflow: hidden
}

.tooltipContentAllowOverflow-fFbpe9 {
    overflow: visible
}

.tooltipTop-XDDSxx {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tooltipTop-XDDSxx .tooltipPointer-3ZfirK {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px
}

.tooltipBottom-3ARrEK {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tooltipBottom-3ARrEK .tooltipPointer-3ZfirK {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-top-width: 5px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tooltipLeft-3EDOk1 {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.tooltipLeft-3EDOk1 .tooltipPointer-3ZfirK {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -5px;
    border-right-width: 5px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tooltipRight-2JM5PQ {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tooltipRight-2JM5PQ .tooltipPointer-3ZfirK {
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -5px;
    border-left-width: 5px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.theme-dark .tooltip-2QfLtc,.theme-light .tooltip-2QfLtc {
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    color: var(--text-normal)
}

.theme-dark .tooltipPrimary-1d1ph4,.theme-light .tooltipPrimary-1d1ph4 {
    background-color: var(--background-floating)
}

.theme-dark .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK,.theme-light .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK {
    border-top-color: var(--background-floating)
}

.theme-dark .tooltipBlack-PPG47z,.theme-light .tooltipBlack-PPG47z {
    background-color: #000;
    color: #fff
}

.theme-dark .tooltipBlack-PPG47z .tooltipPointer-3ZfirK,.theme-light .tooltipBlack-PPG47z .tooltipPointer-3ZfirK {
    border-top-color: #000
}

.theme-dark .tooltipGrey-1hnvTt,.theme-light .tooltipGrey-1hnvTt {
    background-color: #202225;
    color: #fff
}

.theme-dark .tooltipGrey-1hnvTt .tooltipPointer-3ZfirK,.theme-light .tooltipGrey-1hnvTt .tooltipPointer-3ZfirK {
    border-top-color: #202225
}

.theme-dark .tooltipBrand-g03Nz8,.theme-light .tooltipBrand-g03Nz8 {
    color: #fff;
    background-color: var(--brand-experiment)
}

.theme-dark .tooltipBrand-g03Nz8 .tooltipPointer-3ZfirK,.theme-light .tooltipBrand-g03Nz8 .tooltipPointer-3ZfirK {
    border-top-color: var(--brand-experiment)
}

.theme-dark .tooltipRed-8-9NeP,.theme-light .tooltipRed-8-9NeP {
    color: #fff;
    background-color: #ed4245
}

.theme-dark .tooltipRed-8-9NeP .tooltipPointer-3ZfirK,.theme-light .tooltipRed-8-9NeP .tooltipPointer-3ZfirK {
    border-top-color: #ed4245
}

.theme-dark .tooltipGreen-WdeQwd,.theme-light .tooltipGreen-WdeQwd {
    color: #fff;
    background-color: #3ba55c
}

.theme-dark .tooltipGreen-WdeQwd .tooltipPointer-3ZfirK,.theme-light .tooltipGreen-WdeQwd .tooltipPointer-3ZfirK {
    border-top-color: #3ba55c
}

.theme-dark .tooltipYellow-E7eIBE,.theme-light .tooltipYellow-E7eIBE {
    color: var(--status-warning-text);
    background-color: var(--status-warning-background)
}

.theme-dark .tooltipYellow-E7eIBE .tooltipPointer-3ZfirK,.theme-light .tooltipYellow-E7eIBE .tooltipPointer-3ZfirK {
    border-top-color: var(--status-warning-background)
}

.dots-3Bkt3k {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: none;
    color: #fff
}

.dots-3Bkt3k.themed-IQiCm3 {
    color: var(--text-normal)
}

.mask-1qbNWk {
    display: block
}

.status-1AY8sU {
    width: 100%;
    height: 100%
}

.wrapper-3t9DeA {
    position: relative;
    border-radius: 50%
}

.pointer-2zj-Tb {
    cursor: pointer
}

.mask-1l8v16 {
    pointer-events: none;
    position: relative;
    display: block;
    height: 100%;
    width: auto
}

.status-1eOIMS,.svg-2V3M55 {
    position: absolute
}

.status-1eOIMS {
    bottom: 0;
    right: 0;
    height: auto
}

.cursorDefault-dsQJ1n {
    cursor: default
}

.avatarStack-2Dr8S9 {
    display: grid;
    width: 100%;
    height: 100%
}

.avatar-VxgULZ,.avatarSpeaking-2c8-9i {
    width: 100%;
    height: 100%;
    grid-area: 1/1
}

.avatar-VxgULZ {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

.avatar-VxgULZ:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--background-modifier-accent)
}

.avatarSpeaking-2c8-9i {
    -webkit-box-shadow: inset 0 0 0 2px #3ba55c,inset 0 0 0 3px var(--background-secondary);
    box-shadow: inset 0 0 0 2px #3ba55c,inset 0 0 0 3px var(--background-secondary);
    border-radius: 50%
}

.pointerEvents-2zdfdO {
    pointer-events: auto
}

.container-2C7mVN {
    background-color: var(--background-floating);
    padding: 8px;
    border-radius: 4px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    max-height: 300px
}

.user-2T5PJS {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px
}

.user-2T5PJS,.username-14V20E {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-1bMVrA {
    margin-right: 12px;
    opacity: .5
}

.blockedNotice-jpy2eh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

.blockedButton-1dIKR_ {
    font-size: 12px;
    margin-left: 4px;
    font-weight: 600;
    color: var(--text-link);
    cursor: pointer
}

.blockedIcon-1UoMOn {
    margin-right: 4px;
    width: 12px;
    height: 12px
}

.content-1zA5u9 {
    padding: 24px;
    background-color: var(--background-secondary)
}

.header-1ptJZH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-E3VztE {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.description-CL3kMk {
    margin-top: 8px
}

.theme-dark .footer-E3VztE {
    background-color: var(--background-tertiary)
}

.content-2xFTs5 {
    padding-top: 40px
}

.content-2xFTs5,.stageIconBackground-135TMe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.stageIconBackground-135TMe {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-tertiary);
    border-radius: 50%;
    height: 80px;
    width: 80px
}

.stageIcon-165KZv {
    color: var(--header-primary)
}

.headerTitle-lsNnIA {
    margin-bottom: 8px;
    margin-top: 8px
}

.buttonsContainer-23PQkw,.headerSubtitle-2482V5 {
    margin-bottom: 24px
}

.buttonsContainer-23PQkw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.button-1p2mJ5 {
    margin: 4px;
    width: 50%
}

.icon-1bkaIS,.innerButton-1Y5qJS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon-1bkaIS {
    margin-right: 8px
}

.radioBar-bMNUI- {
    border-left: 3px solid var(--radio-bar-accent-color);
    border-radius: 4px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item-26Dhrx[aria-checked=true] {
    background-color: var(--background-tertiary);
    color: var(--interactive-active)
}

.radioIconForeground-XwlXQN {
    color: var(--control-brand-foreground)
}

.item-26Dhrx {
    background-color: var(--background-secondary);
    color: var(--interactive-normal);
    cursor: pointer;
    border-radius: 3px;
    display: block
}

.item-26Dhrx:hover:not([aria-checked=true]) {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.item-26Dhrx:active:not([aria-checked=true]) {
    background-color: var(--background-modifier-active);
    color: var(--interactive-active)
}

.tooltipWrapper-3VcaN6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tooltipWrapper-3VcaN6:last-child {
    margin: 0
}

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

.info-3LOr12 {
    margin-right: 8px;
    width: 100%;
    display: grid;
    grid-gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.title-3BE6m5 {
    font-weight: 500
}

.content-377gr8 {
    padding-top: 40px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.content-377gr8,.iconBackground-1pEgCd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.iconBackground-1pEgCd {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 50%;
    height: 80px;
    width: 80px
}

.headerIcon-2PFi5U {
    color: var(--header-primary)
}

.headerTitle-29Z695 {
    margin-top: 8px;
    text-align: center
}

.infoListContainer-1QGkta {
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 16px;
    background-color: var(--background-secondary);
    border-radius: 8px
}

.divider-3Iyg3I {
    margin-top: 16px;
    margin-bottom: 16px
}

.cancelButton-3J7GgY {
    margin-right: 8px
}

.content-2MHbqU {
    padding-top: 40px
}

.content-2MHbqU,.stageIconBackground-5uF4K9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.stageIconBackground-5uF4K9 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-tertiary);
    border-radius: 50%;
    height: 80px;
    width: 80px
}

.stageIcon-A2C70A {
    color: var(--header-primary)
}

.headerTitle-xJ20KD {
    margin-bottom: 8px;
    margin-top: 8px
}

.headerSubtitle-1I1MS0 {
    margin-bottom: 32px
}

.form-q7Gnhq {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.formItem-pGBLfU {
    width: 100%;
    margin-bottom: 32px
}

.textInput-2xgsSa {
    background-color: var(--background-secondary);
    border-radius: 4px;
    margin-bottom: 8px
}

.cancelButton-1URDrd {
    margin-right: 8px
}

.buttonsContainer-ssz-RC {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.privacyContainer-3qXMal {
    margin-top: 24px;
    background-color: var(--background-secondary);
    border-radius: 8px;
    overflow: hidden
}

.privacyDivider-3aCHaw {
    width: auto;
    margin-left: 56px
}

.privacyHelpText-c6NvP3 {
    margin-top: 8px
}

.privacyItemContainer-1v4YvZ {
    padding: 12px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.privacyItemContainer-1v4YvZ:hover:not(.privacyItemDisabled-3l-cdI) {
    background-color: var(--background-secondary-alt)
}

.privacyItemDisabled-3l-cdI {
    opacity: .2;
    cursor: not-allowed
}

.privacyItemIcon-it56yd {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: var(--interactive-normal)
}

.privacyItemTextContainer-2mCrO- {
    margin-left: 16px;
    margin-right: 18px
}

.privacyItemTitle-3BNt6V {
    font-weight: 600
}

.privacyItemRadio-3sczgw {
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.radioSelected-1H4rwz {
    color: var(--interactive-active)
}

.radioNotSelected-2du7xO {
    color: var(--text-muted)
}

.radioIconForeground-3xnKol {
    color: var(--control-brand-foreground)
}

.closeButton-3oHzMa {
    position: absolute;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    top: 12px;
    right: 4px
}

.content-2TX59W {
    text-align: center
}

.image-2568Gg {
    margin-top: 24px;
    height: 90px;
    width: auto
}

.title-1X2dN- {
    margin-top: 16px;
    font-weight: 700
}

.subtitle-2ljJ8H {
    margin-top: 8px;
    margin-bottom: 32px
}

.button-2rjtHF {
    width: 100%
}

.anchor-3Z-8Bb {
    color: var(--text-link);
    text-decoration: none
}

.anchorUnderlineOnHover-2ESHQB:hover {
    text-decoration: underline
}

.modal-1630pA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 400px;
    padding: 24px;
    overflow: visible
}

.header-2cDml2 {
    margin-bottom: 16px
}

.button-32WdHP {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.button-32WdHP:first-child {
    margin-left: 8px
}

.keybindShortcut-1BD6Z1 {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.keybindShortcut-1BD6Z1,.keybindShortcut-1BD6Z1 span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 23px
}

.keybindShortcut-1BD6Z1 span {
    background-color: var(--background-accent);
    border: 1px solid var(--background-primary);
    display: block;
    padding: 3px 6px 4px;
    margin-right: 3px;
    border-radius: 4px;
    cursor: default;
    min-width: 14px;
    min-height: 14px;
    text-align: center
}

.keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom {
    width: 10px;
    height: 10px
}

.keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom.up-2cOsD2 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom.left-3u1rVI {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom.right-CbUyiH {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.keybindShortcut-1BD6Z1 span:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    height: 21px;
    padding-bottom: 2px
}

.keybindShortcutQuickSwitcher-1-Xs5c {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0
}

.keybindShortcutQuickSwitcher-1-Xs5c span {
    margin-right: 0
}

.keybindShortcutQuickSwitcher-1-Xs5c.up {
    margin-left: 5px
}

.keybindShortcutTipsNav-1mb0yH {
    margin-left: 4px;
    margin-right: 0
}

.keybindShortcutTipsNav-1mb0yH:first-of-type {
    margin-left: 0;
    margin-right: 4px
}

.keybindShortcutTipsNav-1mb0yH:last-of-type {
    margin-right: 4px
}

.keybindShortcutTipsSelect-HDyfe8:last-of-type {
    margin-left: 16px;
    position: relative
}

.keybindShortcutTipsSelect-HDyfe8:last-of-type:before {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    width: 1px;
    height: 20px
}

.theme-light .keybindShortcut-1BD6Z1 {
    color: #fff
}

.theme-light .keybindShortcut-1BD6Z1 span {
    border: 1px solid #95989d;
    -webkit-box-shadow: inset 0 -4px 0 #2e3338;
    box-shadow: inset 0 -4px 0 #2e3338
}

.theme-light .keybindShortcut-1BD6Z1 span:active {
    -webkit-box-shadow: inset 0 -2px 0 #4f5660;
    box-shadow: inset 0 -2px 0 #4f5660;
    border: 1px solid #2e3338;
    color: #adadad
}

.theme-light .keybindShortcut-1BD6Z1 span:active g {
    fill: #adadad
}

.theme-light .dim-1l4L4y span {
    background-color: #fff;
    color: #95989d
}

.theme-light .dim-1l4L4y span .bindArrow-2X3Aom g {
    fill: #95989d
}

.theme-light .dim-1l4L4y span:active {
    color: #777a7e
}

.theme-light .dim-1l4L4y span:active .bindArrow-2X3Aom g {
    fill: #777a7e
}

.theme-light .dark-2P8byF span {
    color: #95989d;
    -webkit-box-shadow: inset 0 -4px 0 #202225;
    box-shadow: inset 0 -4px 0 #202225;
    border-color: #202225;
    background-color: #4f545c
}

.theme-light .dark-2P8byF span .bindArrow-2X3Aom g {
    fill: #95989d
}

.theme-light .dark-2P8byF span:active {
    color: #777a7e;
    -webkit-box-shadow: inset 0 -2px 0 #242629;
    box-shadow: inset 0 -2px 0 #242629
}

.theme-light .dark-2P8byF span:active .bindArrow-2X3Aom g {
    fill: #777a7e
}

.theme-light .keybindShortcutTipsSelect-HDyfe8:last-of-type:before {
    background-color: #dfe0e2
}

.theme-dark .keybindShortcut-1BD6Z1 {
    color: #f6f6f7
}

.theme-dark .keybindShortcut-1BD6Z1 span {
    color: #f6f6f7;
    -webkit-box-shadow: inset 0 -4px 0 #202225;
    box-shadow: inset 0 -4px 0 #202225
}

.theme-dark .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom g {
    fill: #f6f6f7
}

.theme-dark .keybindShortcut-1BD6Z1 span:active {
    color: #b9bbbe;
    -webkit-box-shadow: inset 0 -2px 0 #36393f;
    box-shadow: inset 0 -2px 0 #36393f;
    border: 1px solid #202225
}

.theme-dark .keybindShortcut-1BD6Z1 span:active .bindArrow-2X3Aom g {
    fill: #b9bbbe
}

.theme-dark .dim-1l4L4y span {
    background-color: #72767d;
    color: #b9bbbe
}

.theme-dark .dim-1l4L4y span .bindArrow-2X3Aom g {
    fill: #b9bbbe
}

.theme-dark .dim-1l4L4y span:active {
    color: #949698
}

.theme-dark .dim-1l4L4y span:active .bindArrow-2X3Aom g {
    fill: #c5c5c6
}

.theme-dark .keybindShortcutTipsSelect-HDyfe8:last-of-type:before {
    background-color: #4f545c
}

.keybindShortcutSearchPopout-1MAfqq {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0
}

.keyboardShortcuts-1s_yPt {
    margin: 0
}

.closeButton-kcmOnx {
    position: absolute;
    top: 14px;
    right: 14px
}

.art-1zbbdz {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.description-1cm6EO {
    line-height: 1.44;
    margin-bottom: 20px
}

.conflictButton-2TEeJu {
    height: 100px;
    width: 100%;
    border: 1px solid;
    padding: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.linkButtonSize-228MG- {
    height: 38px;
    width: auto
}

.linkButton-26G8CZ {
    padding: 0
}

.linkButton-26G8CZ:hover {
    text-decoration: underline
}

.retryButton-2AYLXs {
    margin-right: 8px
}

.conflictButtonInner-XZrTV7 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.title-1ao9Am {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px
}

.buttonBody-3cgCL5 {
    line-height: 1.25;
    text-align: left;
    font-size: 16px
}

.timestamp-2Ur99a {
    font-weight: 700
}

.choiceWrapper-1m68jk {
    margin-top: 20px;
    margin-bottom: 20px
}

.choiceLine-BbJN0b {
    height: 1px;
    width: 100%
}

.choiceTitle-3e5g_W {
    margin: 0 8px
}

.conflictTitle-201X8O {
    margin-bottom: 4px
}

.conflictArt-2Lr21j {
    width: 60px;
    height: 60px;
    margin-right: 20px
}

.conflictDownloadArt-36cpxM,.conflictUploadArt-3V4Em_ {
}

.errorArt-3qzArg {
    width: 220px;
    height: 123px;
    margin-top: 20px;
    margin-bottom: 40px
}

.theme-dark .modal-1XR4nE {
    color: #dcddde
}

.theme-dark .conflictButton-2TEeJu {
    background-color: #2f3136;
    border-color: #202225
}

.theme-dark .conflictButton-2TEeJu:hover {
    background-color: #4f545c
}

.theme-dark .title-1ao9Am {
    color: #b9bbbe
}

.theme-dark .conflictUploadArt-3V4Em_ {
    background-image: url(../../assets/9fefebe24085efe085629513732efd08.html)
}

.theme-dark .conflictDownloadArt-36cpxM {
    background-image: url(../../assets/ec92991091f67ad3984517478f7a16e4.html)
}

.theme-dark .errorArt-3qzArg {
    background-image: url(../../assets/5ad409a997b726652a95dba012336127.html)
}

.theme-dark .buttonBody-3cgCL5 {
    color: #fff
}

.theme-dark .choiceLine-BbJN0b {
    background-color: rgba(79,84,92,.6)
}

.theme-light .modal-1XR4nE {
    color: #72767d
}

.theme-light .conflictButton-2TEeJu {
    background-color: #f8f9f9;
    border-color: rgba(220,221,222,.6)
}

.theme-light .conflictButton-2TEeJu:hover {
    border-color: rgba(185,187,190,.6);
    background-color: rgba(220,221,222,.3)
}

.theme-light .title-1ao9Am {
    color: #b9bbbe
}

.theme-light .conflictUploadArt-3V4Em_ {
    background-image: url(../../assets/13bb78e752946d8de8634202877a82c2.html)
}

.theme-light .conflictDownloadArt-36cpxM {
    background-image: url(../../assets/35bdb177438e5bcf42c06716e31b113b.html)
}

.theme-light .errorArt-3qzArg {
    background-image: url(../../assets/2905486d806407b27588a4121422308b.html)
}

.theme-light .buttonBody-3cgCL5 {
    color: #4f545c
}

.theme-light .choiceLine-BbJN0b {
    background-color: rgba(220,221,222,.6)
}

.theme-dark .svgContentRight-VRT04v {
    fill: #4f545c
}

.theme-dark .svgContentLeft-i3sITr {
    fill: #40444b
}

.theme-dark .svgContentLines-3hGvN4,.theme-dark .svgDots-2tp4yT {
    fill: #72767d
}

.theme-dark .svgTag-3iksEu {
    fill: #dcddde
}

.theme-light .svgContentRight-VRT04v {
    fill: #fff
}

.theme-light .svgContentLeft-i3sITr,.theme-light .svgContentLines-3hGvN4 {
    fill: #c7ccd1
}

.theme-light .svgDots-2tp4yT {
    fill: #ebedef
}

.theme-light .svgTag-3iksEu {
    fill: #9099a4
}

.wrapper-3o7UcG {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 16px;
    width: 432px;
    height: 104px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-indent: 0;
    background-color: var(--background-secondary)
}

.titleRegion-1Npsrb,.wrapper-3o7UcG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.titleRegion-1Npsrb {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
    text-transform: uppercase
}

.infoIcon-1WLE3n,.title-159n91 {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.infoIcon-1WLE3n {
    width: 16px;
    height: 16px;
    margin-left: 4px
}

.copyLink-2thG89 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    padding-right: 8px;
    margin-left: 16px;
    cursor: pointer
}

.copyLink-2thG89:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -8px;
    display: block;
    height: 12px;
    width: 1px;
    margin-right: 8px;
    pointer-events: none
}

.copyLink-2thG89.copied-1nnTOy {
    cursor: default
}

.copyLinkIcon-3vb9Gr {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.content-K0fyfa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.infoLink-3363PK {
    cursor: pointer
}

.buildInfo-2w4mAE {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    padding-right: 8px;
    height: 40px
}

.button-9dbsAI {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.buttonSize-15cg_j {
    width: 80px;
    height: 40px
}

.subHead-2hL6ji {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500
}

.icon-3aYPfm {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    margin-right: 16px
}

.buildDetails-2mYzfS {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.barLoader-2pDp68 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 84%;
    height: 16px;
    border-radius: 8px
}

.barTitle-1RhSSH {
    width: 45%;
    margin-top: 2px;
    margin-bottom: 4px
}

.buttonLoader-2kPem2 {
    width: 80px;
    height: 40px;
    border-radius: 4px
}

.theme-dark .infoLink-3363PK {
    color: #b9bbbe!important
}

.theme-dark .copyLink-2thG89:before {
    background-color: #40444b
}

.theme-dark .buildDetails-2mYzfS,.theme-dark .copyLink-2thG89:hover,.theme-dark .infoLink-3363PK:hover {
    color: #f6f6f7!important
}

.theme-dark .copyLink-2thG89.copied-1nnTOy,.theme-dark .copyLink-2thG89.copied-1nnTOy:hover {
    color: var(--text-positive)
}

.theme-dark .barLoader-2pDp68,.theme-dark .buttonLoader-2kPem2 {
    background-color: #40444b
}

.theme-light .infoLink-3363PK {
    color: #4f5660!important
}

.theme-light .copyLink-2thG89:before {
    background-color: #4f5660
}

.theme-light .buildDetails-2mYzfS,.theme-light .copyLink-2thG89:hover,.theme-light .infoLink-3363PK:hover {
    color: #23262a!important
}

.theme-light .copyLink-2thG89.copied-1nnTOy,.theme-light .copyLink-2thG89.copied-1nnTOy:hover {
    color: var(--text-positive)
}

.theme-light .barLoader-2pDp68,.theme-light .buttonLoader-2kPem2 {
    background-color: #d2d6da
}

.theme-light .disabledButtonOverride-3Ntxjs {
    background-color: #c7ccd1!important
}

.title-3KTIjF {
    margin-bottom: 8px
}

h1.title-3KTIjF {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500
}

h2.title-3KTIjF {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600
}

h3.title-3KTIjF {
    font-size: 14px;
    line-height: 1.14
}

h3.title-3KTIjF,h4.title-3KTIjF,h5.title-3KTIjF,h6.title-3KTIjF {
    font-weight: 600;
    text-transform: uppercase
}

h4.title-3KTIjF,h5.title-3KTIjF,h6.title-3KTIjF {
    font-size: 12px;
    line-height: 1.33
}

.theme-dark h1.title-3KTIjF,.theme-dark h2.title-3KTIjF {
    color: #fff
}

.theme-dark h3.title-3KTIjF {
    color: #dcddde
}

.theme-dark h4.title-3KTIjF,.theme-dark h5.title-3KTIjF,.theme-dark h6.title-3KTIjF {
    color: #b9bbbe
}

.theme-light h1.title-3KTIjF,.theme-light h2.title-3KTIjF {
    color: #36393f
}

.theme-light h3.title-3KTIjF,.theme-light h4.title-3KTIjF,.theme-light h5.title-3KTIjF,.theme-light h6.title-3KTIjF {
    color: #72767d
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    border-radius: 4px;
    color: var(--header-secondary);
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.hljs-comment,.hljs-quote {
    color: var(--interactive-muted)
}

.hljs-addition,.hljs-keyword,.hljs-selector-tag {
    color: #859900
}

.hljs-doctag,.hljs-literal,.hljs-meta .hljs-meta-string,.hljs-number,.hljs-regexp,.hljs-string {
    color: #2aa198
}

.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-title {
    color: #268bd2
}

.hljs-attr,.hljs-attribute,.hljs-class .hljs-title,.hljs-template-variable,.hljs-type,.hljs-variable {
    color: #b58900
}

.hljs-bullet,.hljs-link,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-subst,.hljs-symbol {
    color: #cb4b16
}

.hljs-built_in,.hljs-deletion {
    color: #dc322f
}

.hljs-formula {
    background: #073642
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.markdown-11q6EU {
    font-size: 16px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.markdown-11q6EU h1,.markdown-11q6EU h2,.markdown-11q6EU h3,.markdown-11q6EU h4,.markdown-11q6EU h5,.markdown-11q6EU h6,.markdown-11q6EU hr {
    margin: 20px 0 8px
}

.markdown-11q6EU .blockquote-2-nEPK,.markdown-11q6EU ol,.markdown-11q6EU p,.markdown-11q6EU pre,.markdown-11q6EU table,.markdown-11q6EU ul {
    margin-top: 8px
}

.markdown-11q6EU :first-child {
    margin-top: 0
}

.markdown-11q6EU hr,.markdown-11q6EU p {
    margin-bottom: 0
}

.markdown-11q6EU strong {
    font-weight: 600
}

.markdown-11q6EU em {
    font-style: italic
}

.markdown-11q6EU ol li {
    list-style-type: decimal;
    margin-left: 20px
}

.markdown-11q6EU ul {
    margin: 0 0 12px
}

.markdown-11q6EU ul li {
    list-style-type: disc;
    margin: 8px 0 0 20px
}

.markdown-11q6EU ul li:first-child {
    margin-top: 0
}

.markdown-11q6EU table {
    border-collapse: collapse
}

.markdown-11q6EU th {
    font-weight: 600
}

.markdown-11q6EU td,.markdown-11q6EU th {
    padding: 8px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    text-align: left
}

.markdown-11q6EU tr {
    border: 1px solid transparent
}

.markdown-11q6EU img {
    border-radius: 3px
}

.markdown-11q6EU .blockquote-2-nEPK {
    display: block;
    padding-left: 8px;
    border-left: 4px solid transparent
}

.markdown-11q6EU .blockquote-2-nEPK p {
    margin: 0
}

.markdown-11q6EU .codeInline-1FHKS7 {
    padding: .2em
}

.markdown-11q6EU .paragraph-3Ejjt0 {
    margin-bottom: 8px
}

.theme-dark .markdown-11q6EU {
    color: #b9bbbe
}

.theme-dark .markdown-11q6EU th {
    color: #fff;
    background-color: #202225;
    border-color: #4f545c
}

.theme-dark .markdown-11q6EU td {
    border-color: #4f545c
}

.theme-dark .markdown-11q6EU tr {
    color: #b9bbbe;
    border-color: #4f545c
}

.theme-dark .markdown-11q6EU tr:nth-child(2n) {
    background-color: #2f3136
}

.theme-dark .markdown-11q6EU .blockquote-2-nEPK {
    border-left-color: #4f545c
}

.theme-dark .markdown-11q6EU code {
    background-color: #2f3136
}

.theme-dark .markdown-11q6EU .codeInline-1FHKS7 {
    color: #dcddde
}

.spinner-2Ubxu6 {
    margin-top: 20px
}

.markdown-38ZvHn {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 30px
}

.checkboxWrapper-SkhIWG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 16px;
    max-width: 100%
}

.checkboxWrapper-SkhIWG.row-3QHy4I {
    background-color: var(--background-secondary);
    padding: 10px;
    border-radius: 3px
}

.checkboxWrapper-SkhIWG.row-3QHy4I.checked-3_4uQ9 {
    background-color: var(--background-tertiary);
    color: var(--interactive-active)
}

.checkboxWrapper-SkhIWG.row-3QHy4I:hover:not(.checked-3_4uQ9) {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.checkboxWrapper-SkhIWG.row-3QHy4I:active:not(.checked-3_4uQ9) {
    background-color: var(--background-modifier-active);
    color: var(--interactive-active)
}

.checkboxWrapperDisabled-36r8NK {
    opacity: .6
}

.checkboxWrapperDisabled-36r8NK.row-3QHy4I {
    opacity: .3
}

.alignTop-1ntJ4- {
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top
}

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

.input-3ITkQf {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.inputDefault-3JxKJ2,.inputDisabled-110Jqx {
    width: 100%;
    height: 100%;
    z-index: 1
}

.inputDefault-3JxKJ2 {
    cursor: pointer
}

.inputDisabled-110Jqx {
    cursor: not-allowed
}

.inputReadonly-rYU97L {
    cursor: default;
    width: 0;
    height: 0;
    z-index: -1
}

.box-mmYMsp {
    border-radius: 3px
}

.round-2jCFai {
    border-radius: 50%
}

.checkbox-1ix_J3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.label-cywgfr {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0
}

.labelClickable-11AuB8 {
    cursor: pointer
}

.labelDisabled-G7bjji {
    cursor: not-allowed
}

.labelForward-1wfipV {
    padding-left: 8px
}

.labelReversed-1RI8G7 {
    padding-right: 8px
}

.theme-light .checkbox-1ix_J3 {
    border-color: #b9bbbe
}

.theme-light.checked-3_4uQ9 {
    background: #fff
}

.theme-dark .checkbox-1ix_J3 {
    border-color: #72767d
}

.theme-dark.checked-3_4uQ9 {
    border-color: #fff;
    background-color: #fff
}

.formTitle-2sqUuS {
    margin-bottom: 8px
}

.checkbox-2Yh6o3 {
    margin-bottom: 10px
}

.checkbox-2Yh6o3:last-child {
    margin-bottom: 0
}

.checkboxLabel-1zn0UC {
    color: var(--interactive-normal)
}

.finePrint-RDL9Gx {
    color: var(--channels-default);
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px
}

.gameIcon-gg34Dz {
    -webkit-user-drag: none;
    background-size: 100%;
    border-radius: 3px;
    color: var(--header-primary)
}

.large-1DtyYQ,.medium-2wqF9d,.small-xOVx-r {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.xsmall-18LM5r {
    width: 24px;
    height: 24px
}

.small-xOVx-r {
    width: 30px;
    height: 30px
}

.medium-2wqF9d {
    width: 40px;
    height: 40px
}

.large-1DtyYQ {
    width: 60px;
    height: 60px
}

.eighty-1Bli46 {
    width: 80px;
    height: 80px
}

.full-motion .translate-2dAEQ6.animatorTop-2Y7x2r {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)
}

.full-motion .translate-2dAEQ6.animatorBottom-fS5rNO {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
}

.full-motion .translate-2dAEQ6.animatorLeft-1EQxU0 {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
}

.full-motion .translate-2dAEQ6.animatorRight-3i_YPs {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)
}

.full-motion .translate-2dAEQ6.didRender-33z1u8 {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.full-motion .scale-3iLZhb {
    -webkit-transform: scale(.01);
    transform: scale(.01);
    opacity: 0
}

.full-motion .scale-3iLZhb.animatorTop-2Y7x2r {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.full-motion .scale-3iLZhb.animatorBottom-fS5rNO {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.full-motion .scale-3iLZhb.animatorLeft-1EQxU0 {
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.full-motion .scale-3iLZhb.animatorRight-3i_YPs {
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.full-motion .scale-3iLZhb.didRender-33z1u8 {
    -webkit-transition: opacity .12s ease-out,-webkit-transform .12s ease-out;
    transition: opacity .12s ease-out,-webkit-transform .12s ease-out;
    transition: transform .12s ease-out,opacity .12s ease-out;
    transition: transform .12s ease-out,opacity .12s ease-out,-webkit-transform .12s ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.fade-18lLrh {
    opacity: 0
}

.fade-18lLrh.didRender-33z1u8 {
    -webkit-transition: opacity .08s ease-out;
    transition: opacity .08s ease-out;
    opacity: 1
}

.select-2fjwPw {
    border: 1px solid transparent;
    padding: 8px 8px 8px 12px;
    cursor: pointer;
    color: var(--text-normal);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    font-weight: 500
}

.searchable-1Zl-ns {
    padding-top: 8px;
    padding-bottom: 8px
}

.searchInput-5YMkDH {
    cursor: pointer;
    background: inherit;
    color: inherit;
    border: none;
    font-size: 16px;
    padding: 0;
    font-weight: 500
}

.editing-p4oIUO {
    font-weight: 400
}

.label-2lO3Xi {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 16px;
    left: 12px
}

.open-kZ53_U {
    border-radius: 4px 4px 0 0;
    border-bottom-color: transparent
}

.disabled-9453HS {
    cursor: not-allowed;
    opacity: .6
}

.placeholder-ffQ18M {
    color: var(--text-muted)
}

.measurement-1lxjFG {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lookFilled-22uAsw.select-2fjwPw {
    background-color: var(--background-secondary);
    border-color: var(--background-tertiary)
}

.popout-VcNcHB {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--background-tertiary);
    background: var(--background-secondary);
    border-radius: 0 0 4px 4px
}

.lookFilled-22uAsw.popout-VcNcHB {
    border-radius: 0 0 3px 3px
}

.lookFilled-22uAsw.option-3KoAJB,.lookFilled-22uAsw.select-2fjwPw:hover.option-3KoAJB {
    border-bottom-color: var(--brand-experiment);
    border-color: var(--brand-experiment) var(--brand-experiment) var(--background-tertiary)
}

.option-3KoAJB {
    padding: 12px;
    cursor: pointer;
    color: var(--interactive-normal);
    display: grid;
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.option-3KoAJB.focused-1T6PE5,.option-3KoAJB:focus,.option-3KoAJB:hover {
    background-color: var(--background-secondary-alt);
    color: var(--interactive-hover)
}

.option-3KoAJB[aria-selected=true] {
    color: var(--interactive-active);
    background-color: var(--background-tertiary)
}

.selectedIcon-3uS11H {
    color: #fff
}

.error-3iVqOt {
    color: #ed4245;
    font-size: 14px;
    font-weight: 500;
    margin-top: 4px
}

.splash-9yPB5w {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-position: 50%;
    background-size: cover;
    height: 120px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .1;
    -webkit-mask: -webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));
    -webkit-mask: linear-gradient(#000,transparent);
    mask: -webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));
    mask: linear-gradient(#000,transparent)
}

.gameIcon-ZGZ9aM {
    margin-right: 20px
}

.gameName-3S4nBI {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 600
}

.installSize-1eXbBX {
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 8px;
    white-space: nowrap
}

.divider-38zUJA {
    height: 1px;
    margin: 20px 0
}

.selector-3yEc8N {
    margin-bottom: 20px
}

.installButton-2kMnvZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.premiumIcon-3GPLjg {
    margin-right: 4px
}

.terms-1QAfrU {
    margin-bottom: 20px
}

.theme-dark .gameName-3S4nBI {
    color: #dcddde
}

.theme-dark .installSize-1eXbBX {
    background-color: #4f545c;
    color: #f6f6f7
}

.theme-dark .divider-38zUJA {
    background-color: rgba(47,49,54,.6)
}

.theme-dark .premiumTerms-QoMVGx {
    color: #dcddde
}

.content-O7cZt5 {
    padding: 32px 16px
}

.header-2MZwao {
    margin-bottom: 8px;
    text-align: center
}

.headerShortcut-3Je8yd {
    display: inline-block;
    margin: 0 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.tips-2V51be {
    background-color: var(--background-secondary-alt);
    border-radius: 8px;
    padding: 16px;
    margin: 16px 0
}

.tips-2V51be li {
    display: grid;
    grid-template-columns: auto 1fr
}

.wrapper-1prNyd {
    overflow: hidden;
    min-height: 100vh;
    background-size: cover;
    color: var(--text-normal);
    background-color: var(--background-secondary);
    background-position: 50% 0
}

.flexWrapper-2EgxO2 {
    height: 100vh
}

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

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

.note-450gs3 {
    font-size: 16px;
    color: var(--text-muted)
}

.note-450gs3,.title-3trS3_ {
    text-align: center
}

.title-3trS3_ {
    font-size: 24px;
    line-height: 8px;
    margin-bottom: 24px;
    font-weight: 600;
    color: var(--header-primary)
}

.theme-light .wrapper-1prNyd {
    background-image: url(../../assets/da840b1a6c5d073ca1c6710f8967502a.html)
}

.theme-light .image-3zK3Wt {
    background-image: url(../../assets/9c3d15a94528df326eb741af39b9f0a9.html)
}

.theme-dark .wrapper-1prNyd {
    background-image: url(../../assets/da840b1a6c5d073ca1c6710f8967502a.html)
}

.theme-dark .image-3zK3Wt {
    background-image: url(../../assets/e9baf4b505eb54129f832556ea16538e.html)
}

.titleBar-AC4pGV {
    z-index: 3001;
    -webkit-app-region: drag;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.withFrame-haYltI {
    height: 18px;
    margin-top: 4px
}

.typeMacOS-3EmCyP {
    position: absolute;
    width: 72px
}

.typeMacOSWithFrame-3R_i5S {
}

.typeMacOSWithFrame-3R_i5S .macButtons-2MuSAC {
    margin-top: -2px;
    margin-right: -70px
}

.typeWindows-1za-n7 {
}

.wordmark-2iDDfm {
    pointer-events: none;
    font-size: 0
}

.wordmarkWindows-1v0lYD {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 9px 3px;
    color: var(--text-muted)
}

.wordmarkMacOS-1Ch9T0 {
    margin: 0 auto
}

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

.winButtonMinMax-PBQ2gm {
}

.winButtonMinMax-PBQ2gm:hover {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.winButtonMinMax-PBQ2gm:active {
    background-color: var(--background-modifier-active);
    color: var(--interactive-active)
}

.winButtonClose-1HsbF- {
}

.winButtonClose-1HsbF-:hover {
    color: #fff;
    background-color: #ed4245
}

.winButton-iRh8-Z {
    color: var(--interactive-normal)
}

.macButtons-2MuSAC {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70px;
    padding: 10px
}

.macButtons-2MuSAC svg {
    display: block;
    visibility: hidden
}

.focused-3B0xkw .macButtons-2MuSAC:hover svg {
    visibility: visible
}

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

.macButtonClose-MwZ2nf,.macButtonMaximize-2FMHAO,.macButtonMinimize-3EJ6wo {
}

.macButtonMaximize-2FMHAO {
    background-color: #34c749
}

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

.macButtonMinimize-3EJ6wo {
    background-color: #fdbc40
}

.macButtonMinimize-3EJ6wo:active {
    background-color: #ca9633
}

.macButtonClose-MwZ2nf {
    background-color: #fc615d
}

.macButtonClose-MwZ2nf:active {
    background-color: #ca4e4a
}

.unfocused-1QsMU3 .macButtonClose-MwZ2nf,.unfocused-1QsMU3 .macButtonMaximize-2FMHAO,.unfocused-1QsMU3 .macButtonMinimize-3EJ6wo {
    background-color: var(--background-modifier-accent)
}

.container-2SuFUc {
    position: absolute;
    margin: 8px;
    bottom: 0;
    right: 0;
    padding: 8px;
    white-space: pre;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    font-size: 10px;
    background-color: var(--background-secondary);
    -webkit-box-shadow: var(--elevation-stroke),var(--elevation-high);
    box-shadow: var(--elevation-stroke),var(--elevation-high);
    border-radius: 3px;
    pointer-events: all;
    z-index: 1001;
    min-height: 5em;
    width: 320px
}

.containerMinimized-3FMdcw {
    width: auto;
    min-height: auto
}

.content-3Xc0iT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 5em
}

.contentMinimized-2138DT {
    display: none
}

.notTracked-g-p2CU {
    color: var(--text-muted)
}

.label-1AJL-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.baseIcon-21Qr71 {
    width: 12px;
    height: 12px
}

.iconNotTracked-1vjQS1 {
    color: #c7ccd1
}

.iconTracked-kluQMo {
    color: #57f287
}

.minimizeButton-jig842 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    cursor: pointer
}

.jsonSection-1NbdLM {
    margin-left: 8px;
    margin-bottom: 8px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.stack-e8PBNo {
    color: var(--text-muted)
}

.current-26YhOj,.stack-e8PBNo {
}

.downloadApps-wbBFdZ {
    border-radius: 5px;
    min-width: 880px;
    min-height: 387px
}

.downloadApps-wbBFdZ,.downloadApps-wbBFdZ .contentWrapper-37w9gg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.downloadApps-wbBFdZ .contentWrapper-37w9gg {
    text-decoration: none!important
}

.downloadApps-wbBFdZ .inner-2LETmR {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px
}

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

.downloadApps-wbBFdZ .footer-1nkeBm {
    text-align: center;
    font-size: 14px;
    margin-top: 6px;
    color: #99aab5
}

.downloadApps-wbBFdZ .footer-1nkeBm a {
    font-weight: 700;
    color: var(--text-link);
    text-decoration: none;
    cursor: pointer
}

.downloadApps-wbBFdZ .footer-1nkeBm a:hover {
    text-decoration: underline
}

.downloadApps-wbBFdZ .platformsWrap-m7IVu3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.downloadApps-wbBFdZ .platforms-28Rb-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 24px
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 2px solid #99aab5;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 3px;
    margin-left: 15px
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .iconWrap-1pnF3w {
    position: relative;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 25px 0;
    width: 100px;
    height: 100px
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .icon-2Pk7pb {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    background-repeat: no-repeat;
    position: absolute;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    height: 100%
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .icon-2Pk7pb.active-iLSdWQ {
    opacity: 0
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .icon-2Pk7pb.apple-1fKN59 {
    background-image: url(../../assets/57568e1cfc37c81cf56db9498b4f128a.html)
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .icon-2Pk7pb.apple-1fKN59.active-iLSdWQ {
    background-image: url(../../assets/7942fed393a5e1b2d9ed25945ab5b4e3.html)
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .icon-2Pk7pb.android-gGrHJu {
    background-image: url(../../assets/d73fd4014c02b360d9529a720ecb7c44.html)
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .icon-2Pk7pb.android-gGrHJu.active-iLSdWQ {
    background-image: url(../../assets/7b3f4d1f611235db197af44d0e11280e.html)
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .icon-2Pk7pb.windows-29yOum {
    background-image: url(../../assets/d6221c5e88f5cb89f125868c077e9859.html)
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .icon-2Pk7pb.windows-29yOum.active-iLSdWQ {
    background-image: url(../../assets/cf7a33d15d4ad22393f6e7e0b7e28494.html)
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .icon-2Pk7pb.linux-15cW1y {
    background-image: url(../../assets/a3bee2061afed80c5bd76ff38cd18f0e.html)
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .icon-2Pk7pb.linux-15cW1y.active-iLSdWQ {
    background-image: url(../../assets/f223a2eb3651bb974abbcf0e4a869932.html)
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .icon-2Pk7pb.ios-Z7K-rr {
    background-image: url(../../assets/0c460e9b848f5c4cc964ae9c62c0f9b9.html)
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .icon-2Pk7pb.ios-Z7K-rr.active-iLSdWQ {
    background-image: url(../../assets/7ec21c56bfc63176a463e1b7e8fdb45c.html)
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236:first-child {
    margin-left: 0
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 p {
    text-transform: uppercase;
    font-size: 13px;
    margin: 5px 0;
    text-align: center;
    font-weight: 500;
    color: #99aab5
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .downloadButtons-3H1BTc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .downloadButtons-3H1BTc.list-3wJ7Rg {
    padding: 0 20px
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .downloadButtons-3H1BTc.list-3wJ7Rg .downloadButton-1bWXpg {
    margin: 20px 5px;
    width: 65px
}

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

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ {
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
    border-color: var(--brand-experiment)
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ .icon-2Pk7pb {
    opacity: 0
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ .icon-2Pk7pb.active-iLSdWQ {
    opacity: 1
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ p {
    color: var(--brand-experiment)
}

.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ .downloadButton-1bWXpg {
    background-color: var(--brand-experiment)
}

[data-popout-root].oldBrand,html.oldBrand {
    --brand-experiment-100: #f8f9fd;
    --brand-experiment-130: #f2f4fc;
    --brand-experiment-160: #ebeefa;
    --brand-experiment-200: #e3e7f8;
    --brand-experiment-230: #dae0f5;
    --brand-experiment-260: #d1d9f3;
    --brand-experiment-300: #c7d0f0;
    --brand-experiment-330: #b5c1ec;
    --brand-experiment-360: #a5b3e7;
    --brand-experiment-400: #8ea1e1;
    --brand-experiment-430: #869adf;
    --brand-experiment-460: #7d92dd;
    --brand-experiment: #7289da;
    --brand-experiment-500: #7289da;
    --brand-experiment-530: #687dc6;
    --brand-experiment-560: #5c6fb1;
    --brand-experiment-600: #4e5d94;
    --brand-experiment-630: #435180;
    --brand-experiment-660: #3b4770;
    --brand-experiment-700: #2e3757;
    --brand-experiment-730: #2b3352;
    --brand-experiment-760: #272f4b;
    --brand-experiment-800: #222941;
    --brand-experiment-830: #1a2032;
    --brand-experiment-860: #111521;
    --brand-experiment-900: #06070b;
    --brand-experiment-05a: rgba(114,137,218,0.05);
    --brand-experiment-10a: rgba(114,137,218,0.1);
    --brand-experiment-15a: rgba(114,137,218,0.15);
    --brand-experiment-20a: rgba(114,137,218,0.2);
    --brand-experiment-25a: rgba(114,137,218,0.25);
    --brand-experiment-30a: rgba(114,137,218,0.3);
    --brand-experiment-35a: rgba(114,137,218,0.35);
    --brand-experiment-40a: rgba(114,137,218,0.4);
    --brand-experiment-45a: rgba(114,137,218,0.45);
    --brand-experiment-50a: rgba(114,137,218,0.5);
    --brand-experiment-55a: rgba(114,137,218,0.55);
    --brand-experiment-60a: rgba(114,137,218,0.6);
    --brand-experiment-65a: rgba(114,137,218,0.65);
    --brand-experiment-70a: rgba(114,137,218,0.7);
    --brand-experiment-75a: rgba(114,137,218,0.75);
    --brand-experiment-80a: rgba(114,137,218,0.8);
    --brand-experiment-85a: rgba(114,137,218,0.85);
    --brand-experiment-90a: rgba(114,137,218,0.9);
    --brand-experiment-95a: rgba(114,137,218,0.95)
}

[data-popout-root].newBrand,html.newBrand {
    --brand-experiment-100: #f7f7fe;
    --brand-experiment-130: #f0f1fe;
    --brand-experiment-160: #e7e9fd;
    --brand-experiment-200: #dee0fc;
    --brand-experiment-230: #d4d7fc;
    --brand-experiment-260: #c9cdfb;
    --brand-experiment-300: #bcc1fa;
    --brand-experiment-330: #a8aff8;
    --brand-experiment-360: #949cf7;
    --brand-experiment-400: #7984f5;
    --brand-experiment-430: #707bf4;
    --brand-experiment-460: #6571f3;
    --brand-experiment: #5865f2;
    --brand-experiment-500: #5865f2;
    --brand-experiment-530: #505cdc;
    --brand-experiment-560: #4752c4;
    --brand-experiment-600: #3c45a5;
    --brand-experiment-630: #343b8f;
    --brand-experiment-660: #2d347d;
    --brand-experiment-700: #232861;
    --brand-experiment-730: #21265b;
    --brand-experiment-760: #1e2353;
    --brand-experiment-800: #1a1e49;
    --brand-experiment-830: #141738;
    --brand-experiment-860: #0d0f24;
    --brand-experiment-900: #04050c;
    --brand-experiment-05a: rgba(88,101,242,0.05);
    --brand-experiment-10a: rgba(88,101,242,0.1);
    --brand-experiment-15a: rgba(88,101,242,0.15);
    --brand-experiment-20a: rgba(88,101,242,0.2);
    --brand-experiment-25a: rgba(88,101,242,0.25);
    --brand-experiment-30a: rgba(88,101,242,0.3);
    --brand-experiment-35a: rgba(88,101,242,0.35);
    --brand-experiment-40a: rgba(88,101,242,0.4);
    --brand-experiment-45a: rgba(88,101,242,0.45);
    --brand-experiment-50a: rgba(88,101,242,0.5);
    --brand-experiment-55a: rgba(88,101,242,0.55);
    --brand-experiment-60a: rgba(88,101,242,0.6);
    --brand-experiment-65a: rgba(88,101,242,0.65);
    --brand-experiment-70a: rgba(88,101,242,0.7);
    --brand-experiment-75a: rgba(88,101,242,0.75);
    --brand-experiment-80a: rgba(88,101,242,0.8);
    --brand-experiment-85a: rgba(88,101,242,0.85);
    --brand-experiment-90a: rgba(88,101,242,0.9);
    --brand-experiment-95a: rgba(88,101,242,0.95);
    --font-display: Ginto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    --control-brand-foreground: var(--control-brand-foreground-new);
}

.root-3R2ngo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    contain: strict;
    pointer-events: all
}

.enter-1qIQaf,.exit-1xyzxd {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.enter-1qIQaf {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.enterActive-14DLLh,.enterDone-2zvtsK,.exit-1xyzxd {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.exitActive-JZFsGn,.exitDone-2Q591Q {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.errorPage-u8SYh4 {
    width: 100%
}

.emoji {
    -o-object-fit: contain;
    object-fit: contain;
    width: 1.375em;
    height: 1.375em;
    vertical-align: bottom
}

.emoji.jumboable {
    width: 3rem;
    height: 3rem;
    min-height: 3rem
}

.loading-Ags1CY {
    position: absolute;
    width: 100%;
    height: 100vh;
    background: var(--background-secondary);
    color: var(--text-normal)
}

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

@media (max-height: 600px) {
    .modal-3c3bKg {
        padding-top:20px;
        padding-bottom: 20px
    }
}

.inner-1ilYF7 {
    position: relative;
    pointer-events: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.app-1q1i1E,.mobileApp-13Vx-n {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    z-index: auto
}

.mobileApp-13Vx-n {
    overflow: auto
}

.modal-yWgWj- {
    border-radius: 5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.theme-dark .modal-yWgWj- {
    background-color: #36393f;
    -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)
}

.theme-light .modal-yWgWj- {
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

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

.sizeMedium-df47zS {
    width: 600px;
    max-height: 800px;
    min-height: 400px
}

.sizeLarge-2yOtf1 {
    min-width: 800px;
    max-width: 960px;
    min-height: 400px
}

@media (max-width: 485px) {
    .sizeLarge-2yOtf1,.sizeMedium-df47zS,.sizeSmall-1jtLQy {
        min-width:auto;
        width: 96%;
        -ms-flex-item-align: center;
        align-self: center;
        max-height: 100vh
    }

    .fullscreenOnMobile-1aglG_ {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: 0;
        overflow-y: auto
    }

    .fullscreenOnMobile-1aglG_ .footer-3rDWdC,.fullscreenOnMobile-1aglG_ .header-2tA9Os {
        border-radius: 0
    }

    .hideOnFullscreen-2tpqvf {
        display: none
    }
}

.app-2rEoOp {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--background-tertiary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.app-2rEoOp button {
    cursor: pointer
}

.layers-3q14ss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    min-width: 0;
    min-height: 0
}

.art-RyCKMR {
    width: 220px;
    height: 110px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 16px auto
}

.theme-dark .art-RyCKMR {
    background-image: url(../../assets/9f670a7821c663913c393f5df62e63d7.html)
}

.theme-light .art-RyCKMR {
    background-image: url(../../assets/baf3bb2ef44dd152825ced96e0c8ae3e.html)
}

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,table,tbody,td,tfoot,th,thead,tr,tt,ul,var {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline
}

a {
    color: var(--text-link);
    text-decoration: none;
    cursor: pointer
}

a img {
    border: none
}

body {
    line-height: 1;
    margin: 0;
    padding: 0;
    font-family: var(--font-primary);
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent
}

p {
    margin: 14px 0
}

ol,ul {
    list-style: none
}

::-webkit-input-placeholder,input,select,textarea {
    font-family: var(--font-primary);
    font-weight: 400
}

::-moz-placeholder,input,select,textarea {
    font-family: var(--font-primary);
    font-weight: 400
}

:-ms-input-placeholder,input,select,textarea {
    font-family: var(--font-primary);
    font-weight: 400
}

::placeholder,input,select,textarea {
    font-family: var(--font-primary);
    font-weight: 400
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light ::-webkit-input-placeholder,.theme-light input,.theme-light select,.theme-light textarea {
        font-weight:500
    }

    .theme-light ::-moz-placeholder,.theme-light input,.theme-light select,.theme-light textarea {
        font-weight: 500
    }

    .theme-light :-ms-input-placeholder,.theme-light input,.theme-light select,.theme-light textarea {
        font-weight: 500
    }

    .theme-light ::placeholder,.theme-light input,.theme-light select,.theme-light textarea {
        font-weight: 500
    }
}

strong {
    font-weight: 600
}

button {
    font-family: var(--font-primary);
    font-weight: 500;
    border: 0;
    cursor: pointer
}

code {
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    font-size: 14px;
    line-height: 16px
}

:root {
    --font-primary: Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-display: Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-code: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
    --font-korean: Whitney,"Apple SD Gothic Neo","NanumBarunGothic","\B9D1\C740   \ACE0\B515","Malgun Gothic",Gulim,eµ?e¦?,Dotum,e?‹i›ˆ,"Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-japanese: Whitney,Hiragino Sans,"\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3","Hiragino Kaku Gothic ProN","\30E1\30A4\30EA\30AA",Meiryo,Osaka,"MS PGothic","Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-chinese-simplified: Whitney,"Microsoft YaHei New",a?®e??e›…e»‘,"Microsoft Yahei","Microsoft JhengHei",a®‹a?“,SimSun,"Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-chinese-traditional: Whitney,"Microsoft JhengHei",a?®e»Y?­?e»‘e«”,"Microsoft JhengHei UI","Microsoft YaHei",a?®e»Ye›…e»‘,a®‹a?“,SimSun,"Helvetica Neue",Helvetica,Arial,sans-serif
}

@font-face {
    font-family: Whitney;
    font-weight: 300;
    src: url(../../assets/6c6374bad0b0b6d204d8d6dc4a18d820.html) format("woff")
}

@font-face {
    font-family: Whitney;
    font-weight: 400;
    src: url(../../assets/e8acd7d9bf6207f99350ca9f9e23b168.html) format("woff")
}

@font-face {
    font-family: Whitney;
    font-weight: 500;
    src: url(../../assets/3bdef1251a424500c1b3a78dea9b7e57.html) format("woff")
}

@font-face {
    font-family: Whitney;
    font-weight: 600;
    src: url(../../assets/be0060dafb7a0e31d2a1ca17c0708636.html) format("woff")
}

@font-face {
    font-family: Whitney;
    font-weight: 700;
    src: url(../../assets/8e12fb4f14d9c4592eb8ec9f22337b04.html) format("woff")
}

@font-face {
    font-family: Ginto;
    font-weight: 300;
    src: url(../../assets/148d0f25ba9c02a9190be23e882c7f87.html) format("woff")
}

@font-face {
    font-family: Ginto;
    font-weight: 400;
    src: url(../../assets/32c4f766e4892c054dfd367dbe0fc6dc.html) format("woff")
}

@font-face {
    font-family: Ginto;
    font-weight: 500;
    src: url(../../assets/32c4f766e4892c054dfd367dbe0fc6dc.html) format("woff")
}

@font-face {
    font-family: Ginto;
    font-weight: 600;
    src: url(../../assets/88055567e3d928bcb1e67e967081572e.html) format("woff")
}

@font-face {
    font-family: Ginto;
    font-weight: 700;
    src: url(../../assets/746a4f241e03deffc59b08c5650cf458.html) format("woff")
}

@font-face {
    font-family: Ginto;
    font-weight: 300;
    font-style: italic;
    src: url(../../assets/26ec135289ee1c4e5439e30fa7d771b0.html) format("woff")
}

@font-face {
    font-family: Ginto;
    font-weight: 400;
    font-style: italic;
    src: url(../../assets/7a504226cbb79a1a6990a72266007030.html) format("woff")
}

@font-face {
    font-family: Ginto;
    font-weight: 500;
    font-style: italic;
    src: url(../../assets/7a504226cbb79a1a6990a72266007030.html) format("woff")
}

@font-face {
    font-family: Ginto;
    font-weight: 600;
    font-style: italic;
    src: url(../../assets/4ea3faef5f6c0c74eb4d5e1a4a5de0b4.html) format("woff")
}

@font-face {
    font-family: Ginto;
    font-weight: 700;
    font-style: italic;
    src: url(../../assets/09788e4fa057f2e0067e13209e56c8a7.html) format("woff")
}

.theme-dark {
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #dcddde;
    --text-muted: #72767d;
    --text-link: #00b0f4;
    --text-positive: #4fdc7b;
    --interactive-normal: #b9bbbe;
    --interactive-hover: #dcddde;
    --interactive-active: #fff;
    --interactive-muted: #4f545c;
    --background-primary: #36393f;
    --background-secondary: #2f3136;
    --background-secondary-alt: #292b2f;
    --background-tertiary: #202225;
    --background-accent: #4f545c;
    --background-floating: #18191c;
    --background-mobile-primary: #36393f;
    --background-mobile-secondary: #2f3136;
    --background-modifier-hover: rgba(79,84,92,0.16);
    --background-modifier-active: rgba(79,84,92,0.24);
    --background-modifier-selected: rgba(79,84,92,0.32);
    --background-modifier-accent: hsla(0,0%,100%,0.06);
    --info-positive-text: #fff;
    --info-warning-text: #fff;
    --info-danger-text: #fff;
    --info-help-background: rgba(0,176,244,0.1);
    --info-help-foreground: #00b0f4;
    --info-help-text: #fff;
    --status-warning-text: #000;
    --scrollbar-thin-thumb: #202225;
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: #202225;
    --scrollbar-auto-track: #2e3338;
    --scrollbar-auto-scrollbar-color-thumb: #202225;
    --scrollbar-auto-scrollbar-color-track: #2f3136;
    --elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15);
    --elevation-low: 0 1px 0 rgba(4,4,5,0.2),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05);
    --elevation-medium: 0 4px 4px rgba(0,0,0,0.16);
    --elevation-high: 0 8px 16px rgba(0,0,0,0.24);
    --logo-primary: #fff;
    --control-brand-foreground: #a5b3e7;
    --control-brand-foreground-new: #949cf7;
    --background-mentioned: rgba(250,166,26,0.1);
    --background-mentioned-hover: rgba(250,166,26,0.08);
    --background-message-hover: rgba(4,4,5,0.07);
    --channels-default: #8e9297;
    --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    --channeltextarea-background: #40444b;
    --activity-card-background: #202225;
    --textbox-markdown-syntax: #8e9297;
    --deprecated-card-bg: rgba(32,34,37,0.6);
    --deprecated-card-editable-bg: rgba(32,34,37,0.3);
    --deprecated-store-bg: #36393f;
    --deprecated-quickswitcher-input-background: #72767d;
    --deprecated-quickswitcher-input-placeholder: hsla(0,0%,100%,0.3);
    --deprecated-text-input-bg: rgba(0,0,0,0.1);
    --deprecated-text-input-border: rgba(0,0,0,0.3);
    --deprecated-text-input-border-hover: #040405;
    --deprecated-text-input-border-disabled: #202225;
    --deprecated-text-input-prefix: #dcddde
}

.theme-dark,.theme-light {
    --text-warning: #faa61a;
    --text-danger: #ed4245;
    --info-positive-background: rgba(59,165,92,0.1);
    --info-positive-foreground: #3ba55c;
    --info-warning-background: rgba(250,166,26,0.1);
    --info-warning-foreground: #faa61a;
    --info-danger-background: rgba(237,66,69,0.1);
    --info-danger-foreground: #ed4245;
    --status-positive-background: #3ba55c;
    --status-positive-text: #fff;
    --status-warning-background: #faa61a;
    --status-danger-background: #ed4245;
    --status-danger-text: #fff;
    --focus-primary: #00b0f4
}

.theme-light {
    --header-primary: #060607;
    --header-secondary: #4f5660;
    --text-normal: #2e3338;
    --text-muted: #747f8d;
    --text-link: #0067e0;
    --text-positive: #3ba55c;
    --interactive-normal: #4f5660;
    --interactive-hover: #2e3338;
    --interactive-active: #060607;
    --interactive-muted: #c7ccd1;
    --background-primary: #fff;
    --background-secondary: #f2f3f5;
    --background-secondary-alt: #ebedef;
    --background-tertiary: #e3e5e8;
    --background-accent: #747f8d;
    --background-floating: #fff;
    --background-mobile-primary: #f8f9f9;
    --background-mobile-secondary: #fff;
    --background-modifier-hover: rgba(116,127,141,0.08);
    --background-modifier-active: rgba(116,127,141,0.16);
    --background-modifier-selected: rgba(116,127,141,0.24);
    --background-modifier-accent: rgba(6,6,7,0.08);
    --info-positive-text: #000;
    --info-warning-text: #000;
    --info-danger-text: #000;
    --info-help-background: rgba(0,103,224,0.1);
    --info-help-foreground: #0067e0;
    --info-help-text: #000;
    --status-warning-text: #fff;
    --scrollbar-thin-thumb: rgba(79,84,92,0.3);
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: #ccc;
    --scrollbar-auto-track: #f2f2f2;
    --scrollbar-auto-scrollbar-color-thumb: #e3e5e8;
    --scrollbar-auto-scrollbar-color-track: #f2f3f5;
    --elevation-stroke: 0 0 0 1px rgba(6,6,7,0.08);
    --elevation-low: 0 1px 0 rgba(6,6,7,0.1),0 1.5px 0 rgba(6,6,7,0.025),0 2px 0 rgba(6,6,7,0.025);
    --elevation-medium: 0 4px 4px rgba(0,0,0,0.08);
    --elevation-high: 0 8px 16px rgba(0,0,0,0.16);
    --logo-primary: #7289da;
    --control-brand-foreground: #7289da;
    --control-brand-foreground-new: #5865f2;
    --background-mentioned: rgba(250,166,26,0.1);
    --background-mentioned-hover: rgba(250,166,26,0.2);
    --background-message-hover: rgba(6,6,7,0.02);
    --channels-default: #6a7480;
    --guild-header-text-shadow: 0 1px 1px hsla(0,0%,100%,0.4);
    --channeltextarea-background: #ebedef;
    --activity-card-background: #fff;
    --textbox-markdown-syntax: #6a7480;
    --deprecated-card-bg: #f8f9f9;
    --deprecated-card-editable-bg: rgba(246,246,247,0.6);
    --deprecated-store-bg: #f8f9f9;
    --deprecated-quickswitcher-input-background: #fff;
    --deprecated-quickswitcher-input-placeholder: rgba(79,84,92,0.3);
    --deprecated-text-input-bg: rgba(79,84,92,0.02);
    --deprecated-text-input-border: rgba(79,84,92,0.3);
    --deprecated-text-input-border-hover: #b9bbbe;
    --deprecated-text-input-border-disabled: #dcddde;
    --deprecated-text-input-prefix: #b9bbbe
}

.appMount-3lHmkl,body,html {
    height: 100%;
    width: 100%
}

.appMount-3lHmkl {
    position: absolute;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.appMount-3lHmkl,body {
    background-color: var(--background-tertiary);
    text-rendering: optimizeLegibility
}

.overlay .appMount-3lHmkl,.overlay body {
    background: transparent
}

::-webkit-input-placeholder,body,button,input,select,textarea {
    font-family: var(--font-primary);
    text-rendering: optimizeLegibility
}

::-moz-placeholder,body,button,input,select,textarea {
    font-family: var(--font-primary);
    text-rendering: optimizeLegibility
}

:-ms-input-placeholder,body,button,input,select,textarea {
    font-family: var(--font-primary);
    text-rendering: optimizeLegibility
}

::placeholder,body,button,input,select,textarea {
    font-family: var(--font-primary);
    text-rendering: optimizeLegibility
}

html:lang(ja) ::-webkit-input-placeholder,html:lang(ja) body,html:lang(ja) button,html:lang(ja) input,html:lang(ja) select,html:lang(ja) textarea,html:lang(ja-JP) ::-webkit-input-placeholder,html:lang(ja-JP) body,html:lang(ja-JP) button,html:lang(ja-JP) input,html:lang(ja-JP) select,html:lang(ja-JP) textarea {
    font-family: var(--font-japanese)
}

html:lang(ja) ::-moz-placeholder,html:lang(ja) body,html:lang(ja) button,html:lang(ja) input,html:lang(ja) select,html:lang(ja) textarea,html:lang(ja-JP) ::-moz-placeholder,html:lang(ja-JP) body,html:lang(ja-JP) button,html:lang(ja-JP) input,html:lang(ja-JP) select,html:lang(ja-JP) textarea {
    font-family: var(--font-japanese)
}

html:lang(ja) :-ms-input-placeholder,html:lang(ja) body,html:lang(ja) button,html:lang(ja) input,html:lang(ja) select,html:lang(ja) textarea,html:lang(ja-JP) :-ms-input-placeholder,html:lang(ja-JP) body,html:lang(ja-JP) button,html:lang(ja-JP) input,html:lang(ja-JP) select,html:lang(ja-JP) textarea {
    font-family: var(--font-japanese)
}

html:lang(ja) ::placeholder,html:lang(ja) body,html:lang(ja) button,html:lang(ja) input,html:lang(ja) select,html:lang(ja) textarea,html:lang(ja-JP) ::placeholder,html:lang(ja-JP) body,html:lang(ja-JP) button,html:lang(ja-JP) input,html:lang(ja-JP) select,html:lang(ja-JP) textarea {
    font-family: var(--font-japanese)
}

html:lang(ko) ::-webkit-input-placeholder,html:lang(ko) body,html:lang(ko) button,html:lang(ko) input,html:lang(ko) select,html:lang(ko) textarea {
    font-family: var(--font-korean)
}

html:lang(ko) ::-moz-placeholder,html:lang(ko) body,html:lang(ko) button,html:lang(ko) input,html:lang(ko) select,html:lang(ko) textarea {
    font-family: var(--font-korean)
}

html:lang(ko) :-ms-input-placeholder,html:lang(ko) body,html:lang(ko) button,html:lang(ko) input,html:lang(ko) select,html:lang(ko) textarea {
    font-family: var(--font-korean)
}

html:lang(ko) ::placeholder,html:lang(ko) body,html:lang(ko) button,html:lang(ko) input,html:lang(ko) select,html:lang(ko) textarea {
    font-family: var(--font-korean)
}

html:lang(zh-CN) ::-webkit-input-placeholder,html:lang(zh-CN) body,html:lang(zh-CN) button,html:lang(zh-CN) input,html:lang(zh-CN) select,html:lang(zh-CN) textarea {
    font-family: var(--font-chinese-simplified)
}

html:lang(zh-CN) ::-moz-placeholder,html:lang(zh-CN) body,html:lang(zh-CN) button,html:lang(zh-CN) input,html:lang(zh-CN) select,html:lang(zh-CN) textarea {
    font-family: var(--font-chinese-simplified)
}

html:lang(zh-CN) :-ms-input-placeholder,html:lang(zh-CN) body,html:lang(zh-CN) button,html:lang(zh-CN) input,html:lang(zh-CN) select,html:lang(zh-CN) textarea {
    font-family: var(--font-chinese-simplified)
}

html:lang(zh-CN) ::placeholder,html:lang(zh-CN) body,html:lang(zh-CN) button,html:lang(zh-CN) input,html:lang(zh-CN) select,html:lang(zh-CN) textarea {
    font-family: var(--font-chinese-simplified)
}

html:lang(zh-HK) ::-webkit-input-placeholder,html:lang(zh-HK) body,html:lang(zh-HK) button,html:lang(zh-HK) input,html:lang(zh-HK) select,html:lang(zh-HK) textarea,html:lang(zh-TW) ::-webkit-input-placeholder,html:lang(zh-TW) body,html:lang(zh-TW) button,html:lang(zh-TW) input,html:lang(zh-TW) select,html:lang(zh-TW) textarea {
    font-family: var(--font-chinese-traditional)
}

html:lang(zh-HK) ::-moz-placeholder,html:lang(zh-HK) body,html:lang(zh-HK) button,html:lang(zh-HK) input,html:lang(zh-HK) select,html:lang(zh-HK) textarea,html:lang(zh-TW) ::-moz-placeholder,html:lang(zh-TW) body,html:lang(zh-TW) button,html:lang(zh-TW) input,html:lang(zh-TW) select,html:lang(zh-TW) textarea {
    font-family: var(--font-chinese-traditional)
}

html:lang(zh-HK) :-ms-input-placeholder,html:lang(zh-HK) body,html:lang(zh-HK) button,html:lang(zh-HK) input,html:lang(zh-HK) select,html:lang(zh-HK) textarea,html:lang(zh-TW) :-ms-input-placeholder,html:lang(zh-TW) body,html:lang(zh-TW) button,html:lang(zh-TW) input,html:lang(zh-TW) select,html:lang(zh-TW) textarea {
    font-family: var(--font-chinese-traditional)
}

html:lang(zh-HK) ::placeholder,html:lang(zh-HK) body,html:lang(zh-HK) button,html:lang(zh-HK) input,html:lang(zh-HK) select,html:lang(zh-HK) textarea,html:lang(zh-TW) ::placeholder,html:lang(zh-TW) body,html:lang(zh-TW) button,html:lang(zh-TW) input,html:lang(zh-TW) select,html:lang(zh-TW) textarea {
    font-family: var(--font-chinese-traditional)
}

a,button,div,input,label,select,span,strong,textarea {
    outline: 0
}

img[alt] {
    text-indent: -9999px
}

.wrapper-6URcxg {
    width: 100%;
    height: 100%
}

@media (min-width: 486px) {
    .wrapper-6URcxg {
        position:absolute;
        top: 0;
        left: 0;
        min-height: 580px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.logo-2iEHEq {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 130px;
    height: 36px;
    background: url(../../assets/4f004ac9be168ac6ee18fc442a52ab53.html) no-repeat
}

.newBrand .logo-2iEHEq {
    background: url(../../assets/5724892521ce5bc348669e9f1fabe28b.html) no-repeat
}

.image-2jyRAK {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .2s linear .2s;
    transition: opacity .2s linear .2s
}

.image-2jyRAK.loaded-3PtF_J {
    opacity: 1
}

.canvas-3XuBXe {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.canvas-3XuBXe,.fallbackImage-31Sk4m {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none
}

.fallbackImage-31Sk4m {
    width: 100%;
    height: 85%;
    min-width: 780px;
    min-height: 780px;
    max-width: 1000px;
    max-height: 1000px;
    background: url(../../assets/c5c565a8b7cb84db7409e4052ead36fe.html) 0 0/contain no-repeat;
    border: none;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.visible-JD5pR1 {
    opacity: 1
}

.embedded-30DdwH {
    position: absolute
}

.platform-osx .splashBackground-1FRCko:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 32px;
    z-index: 1;
    -webkit-app-region: drag
}

.platform-win .splashBackground-1FRCko:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    width: 84px;
    height: 22px;
    background: rgba(0,0,0,.3);
    border-bottom-left-radius: 3px;
    z-index: 1;
    -webkit-transition: background .4s ease .4s;
    transition: background .4s ease .4s
}

.platform-win .theme-dark .splashBackground-1FRCko.loggingIn-3Hi-BU:before,.platform-win .theme-light .splashBackground-1FRCko.loggingIn-3Hi-BU:before {
    background: transparent
}

.characterBackground-2itjYF {
    position: relative;
    width: 100vw;
    min-height: 100vh;
    overflow: auto
}

.characterBackground-2itjYF .artwork-1adZW0 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.characterBackground-2itjYF .logo-1-AbdC {
    display: block
}

.characterBackground-2itjYF .logo-1-AbdC,.splashBackground-1FRCko .logo-1-AbdC {
    position: fixed;
    top: 24px;
    left: 50%;
    margin-left: -65px;
    margin-top: 0
}

@media (min-width: 830px) {
    .characterBackground-2itjYF .logo-1-AbdC {
        top:53px;
        left: 48px;
        margin: 0
    }

    .splashBackground-1FRCko .logo-1-AbdC {
        position: fixed;
        top: 24px;
        left: 24px;
        margin: 0
    }

    .platform-osx .splashBackground-1FRCko .logo-1-AbdC {
        top: 40px
    }
}

.spacer-2b8O1V {
    width: 8px
}

.input-3yHnCz {
    width: 44px;
    height: 44px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 17px;
    text-align: center;
    margin-left: 4px;
    margin-right: 4px
}

.theme-light .input-3yHnCz {
    background-color: #e3e5e8;
    color: #36393f
}

.theme-dark .input-3yHnCz {
    background-color: #4f545c;
    color: #f6f6f7
}

.flowerStarContainer-3zDVtj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.flowerStar-1GeTsn {
    width: 100%;
    height: 100%
}

.childContainer-1wxZNh {
    position: absolute;
    top: -.05px;
    left: .05px;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none
}

.background-2uufRq {
    width: 16px;
    height: 16px
}

.verified-1eC5dy {
    color: #3ba55c
}

.partnered-3nJayh {
    color: var(--brand-experiment)
}

.icon-1ihkOt {
    width: 100%;
    height: 100%;
    color: #fff
}

.icon-3o6xvg {
    position: relative;
    background-clip: padding-box;
    background-color: none;
    background-position: 50%;
    background-size: 100% 100%
}

.icon-3o6xvg .guildIconBadge-1PJHeq {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 14px;
    height: 14px
}

.iconInactive-98JN5i {
    border-radius: 50%
}

.iconActiveMini-3PzjMn {
    border-radius: 6px
}

.iconActiveSmall-3IUUtn {
    border-radius: 9px
}

.iconActiveMedium-1UaEIR {
    border-radius: 12px
}

.iconActiveLarge-2nzn9z {
    border-radius: 15px
}

.iconActiveLarger-1L4Joi {
    border-radius: 16px
}

.iconActiveXLarge-_qKvKn {
    border-radius: 30px
}

.iconSizeSmol-2Dw61G {
    width: 16px;
    height: 16px
}

.iconSizeMini-3dKErj {
    width: 20px;
    height: 20px
}

.iconSizeSmaller-2whVAO {
    width: 24px;
    height: 24px
}

.iconSizeSmall-3aWgx9 {
    width: 30px;
    height: 30px
}

.iconSizeMedium-2OqPjI {
    width: 40px;
    height: 40px
}

.iconSizeLarge-161qtT {
    width: 50px;
    height: 50px
}

.iconSizeLarger-2MnpN2 {
    width: 64px;
    height: 64px
}

.iconSizeXLarge-1AvWOw {
    width: 100px;
    height: 100px
}

.acronym-1e2Mdt {
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.noIcon-1a_FrS {
    background-color: var(--background-secondary);
    color: var(--text-normal);
    text-align: center
}

.noIcon-1a_FrS.iconSizeSmol-2Dw61G {
    line-height: 16px
}

.noIcon-1a_FrS.iconSizeMini-3dKErj {
    line-height: 20px
}

.noIcon-1a_FrS.iconSizeSmaller-2whVAO {
    line-height: 24px
}

.noIcon-1a_FrS.iconSizeSmall-3aWgx9 {
    line-height: 30px
}

.noIcon-1a_FrS.iconSizeMedium-2OqPjI {
    line-height: 40px
}

.noIcon-1a_FrS.iconSizeLarge-161qtT {
    line-height: 50px
}

.noIcon-1a_FrS.iconSizeLarger-2MnpN2 {
    line-height: 64px
}

.noIcon-1a_FrS.iconSizeXLarge-1AvWOw {
    line-height: 100px
}

.noAcronym-pYLF4V {
    background-color: var(--background-modifier-accent)
}

.authBox-hW6HRx {
    width: 480px;
    padding: 32px;
    font-size: 18px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.authBox-hW6HRx a {
    color: var(--text-link)
}

.authBox-hW6HRx a:hover {
    text-decoration: underline
}

.authBoxExpanded-2jqaBe {
    width: 784px
}

.centeringWrapper-2Rs1dR {
    width: 100%;
    text-align: center
}

@media (max-width: 485px) {
    .authBox-hW6HRx {
        position:absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 70px 16px 40px;
        width: 100%;
        height: 100%;
        min-height: 500px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: -webkit-gradient(linear,right top,left bottom,from(#3d4046),to(#1e1e23));
        background: linear-gradient(to left bottom,#3d4046,#1e1e23);
        border-radius: 0;
        overflow: scroll
    }

    .authBox-hW6HRx:before {
        content: "";
        position: absolute;
        top: 20px;
        height: 36px;
        width: 112px;
        background: url(../../assets/4f004ac9be168ac6ee18fc442a52ab53.html) no-repeat
    }

    .newBrand .authBox-hW6HRx:before {
        background: url(../../assets/5724892521ce5bc348669e9f1fabe28b.html) no-repeat
    }

    @media (max-width: 830px) {
        .authBox-hW6HRx.authBoxExpanded-2jqaBe {
            max-width:unset
        }
    }

    .authBox-hW6HRx .centeringWrapper-2Rs1dR {
        position: relative;
        min-height: 540px
    }
}

@media (max-width: 830px) {
    .authBoxExpanded-2jqaBe {
        max-width:480px
    }
}

.is-mobile .authBox-hW6HRx {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 70px 16px 20px;
    width: 100%;
    height: 100%;
    min-height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear,right top,left bottom,from(#3d4046),to(#1e1e23));
    background: linear-gradient(to left bottom,#3d4046,#1e1e23);
    border-radius: 0;
    overflow: scroll
}

.is-mobile .authBox-hW6HRx:before {
    content: "";
    position: absolute;
    top: 20px;
    height: 36px;
    width: 112px;
    background: url(../../assets/4f004ac9be168ac6ee18fc442a52ab53.html) no-repeat
}

.newBrand .is-mobile .authBox-hW6HRx:before {
    background: url(../../assets/5724892521ce5bc348669e9f1fabe28b.html) no-repeat
}

@media (max-width: 830px) {
    .is-mobile .authBox-hW6HRx.authBoxExpanded-2jqaBe {
        max-width:unset
    }
}

.is-mobile .authBox-hW6HRx .centeringWrapper-2Rs1dR {
    position: relative;
    min-height: 540px
}

.theme-light.authBox-hW6HRx {
    color: #c7ccd1;
    background: #f8f9f9
}

.theme-light.authBox-hW6HRx:before {
    background: url(../../assets/2dc2e17d6902f055c7c4ca5bb70de37b.html) no-repeat
}

.newBrand .theme-light.authBox-hW6HRx:before {
    width: 130px;
    background: url(../../assets/0c1f2f5429ac65d7a30636176b42ce8c.html) no-repeat
}

.theme-dark.authBox-hW6HRx {
    color: #72767d;
    background: var(--background-mobile-primary)
}

.theme-dark.authBox-hW6HRx:before {
    background: url(../../assets/4f004ac9be168ac6ee18fc442a52ab53.html) no-repeat
}

.newBrand .theme-dark.authBox-hW6HRx:before {
    width: 130px;
    background: url(../../assets/5724892521ce5bc348669e9f1fabe28b.html) no-repeat
}

.title-jXR8lp {
    font-weight: 600
}

.subText-1XkjIB {
    color: var(--text-muted)
}

.subText-1XkjIB strong {
    color: rgba(185,187,190,.9);
    font-weight: 600
}

.pill-1dHPfk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 16px 4px;
    border-radius: 100px;
    background-color: var(--background-tertiary)
}

.pillOnline-35Y-7N {
    margin-right: 8px
}

.pillMessage-1btqlx {
    font-size: 14px;
    white-space: nowrap;
    color: var(--header-secondary)
}

@media (min-height: 640px) {
    .pillMessage-1btqlx {
        font-size:16px
    }
}

.pillIcon-BaqtHs {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 4px
}

.pillIconTotal-1BqTcA {
    background-color: var(--header-secondary)
}

.pillIconOnline-2JGlqR {
    background-color: #3ba55c
}

.pillFlat-1xkgQH {
    background: transparent
}

.pillFlat-1xkgQH .pillIconTotal-1BqTcA {
    background-color: var(--text-muted)
}

.spinnerVideo-4cbMvj {
    width: 200px;
    height: 200px
}

.spinnerText-lNRnYJ {
    font-weight: 500;
    font-size: 16px;
    font-style: italic;
    color: #fff
}

.image-2dZWJQ {
    width: 100%;
    max-width: 186px;
    height: auto;
    max-height: 120px;
    pointer-events: none
}

.block-egJnc0 {
    width: 100%;
    text-align: left
}

.button-3k0cO7 {
    font-size: 16px;
    line-height: 24px
}

.linkButton-wzh5kV {
    display: block;
    padding-left: 0;
    padding-right: 0
}

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

.inviteLargeIcon-HrAH61 {
    margin-right: 0
}

.inviteSmallIcon-1-yydW {
    margin-right: 8px;
    margin-top: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.downloadButtonSubtext-2DRDta {
    margin-top: 8px;
    text-align: center
}

.inputError-1PrjdI,.inputError-1PrjdI:focus,.inputError-1PrjdI:hover {
    border-color: #ed4245
}

.authBoxWithMobileBanner-1Iy9y7 {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 0 16px 40px;
    height: 100vh;
    overflow: auto
}

.theme-dark .authBoxWithMobileBanner-1Iy9y7,.theme-light .authBoxWithMobileBanner-1Iy9y7 {
    color: #72767d;
    background: #36393f
}

.mobileBannerLogo-2Kb4rf {
    position: absolute;
    top: 20px;
    height: 36px;
    width: 112px;
    background: url(../../assets/4f004ac9be168ac6ee18fc442a52ab53.html) no-repeat
}

.newBrand .mobileBannerLogo-2Kb4rf {
    background: url(../../assets/5724892521ce5bc348669e9f1fabe28b.html) no-repeat
}

.mobileBanner-3st25I {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(100% + 32px);
    margin: 0 -16px -32px;
    max-height: 100px;
    overflow: hidden
}

.mobileBanner-3st25I img {
    width: 100%
}

@media (min-height: 720px) {
    .mobileBanner-3st25I {
        margin-bottom:-50px;
        max-height: none
    }
}

.description-3iuMrd {
    margin-top: 8px;
    font-size: 12px
}

.error-36J3A_ {
    margin-top: 8px;
    color: #ed4245
}

.subTitle-1-bIFL {
    margin-bottom: 24px
}

.button-3xPjNA {
    margin-top: 24px
}

.theme-dark .codeInput-2cYD0k,.theme-light .codeInput-2cYD0k {
    background-color: var(--deprecated-text-input-bg);
    border: 1px solid var(--deprecated-text-input-border)
}

.theme-dark .codeInput-2cYD0k:focus,.theme-light .codeInput-2cYD0k:focus {
    border: 1px solid var(--brand-experiment)
}

.avatar-1Mj8bY,.guildIcon-1k02sK {
    margin-bottom: 20px
}

.container-QZKkpR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.title-10HEtO {
    margin-top: 2px;
    color: var(--header-primary);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px
}

.subtitle-1izn1t {
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.subtitle-1izn1t strong {
    color: var(--header-primary)
}

.userText-53oh7E {
    word-break: break-word
}

.templateIcon-3f-SZb {
    vertical-align: middle
}

.templateIcon-3f-SZb,.usagePill-2WGS4A {
    color: var(--header-secondary)
}

.usagePill-2WGS4A {
    background-color: var(--background-secondary);
    border-radius: 16px;
    font-size: 14px;
    padding: 8px 16px;
    margin-top: 16px
}

.verifiedIcon-2zGt44,.verifiedNameContainer-HWD4YK {
    display: inline-block
}

.verifiedIcon-2zGt44 {
    color: #3ba55c;
    margin: -8px 4px 0 2px;
    top: 3px
}

.verifiedCheckContainer-3VSuK8 {
    position: relative;
    top: 1px
}

.verifiedCheck-2Ze-9s {
    color: #fff
}

.image-1ecFZy {
    margin-bottom: 16px;
    border-radius: 8px
}

.header-a5HgW3 {
    margin-bottom: 8px
}

.usagePill-_nSrnP {
    background-color: var(--background-primary);
    display: inline-block
}

.container-cMG81i {
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--background-tertiary)
}

.container-cMG81i,.inner-2P4tQO {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.inner-2P4tQO {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1px;
    min-width: 0
}

.disabled-1ytYrN .inner-2P4tQO {
    opacity: .3
}

.input-3Xdcic {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    border: none;
    resize: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 48px;
    margin: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--text-normal)
}

.input-3Xdcic::-webkit-input-placeholder {
    color: var(--text-muted);
    opacity: 1
}

.disabled-1ytYrN .input-3Xdcic {
    cursor: not-allowed
}

.tag-2gZFdE {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
    margin: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer;
    -webkit-transition: none;
    transition: none;
    background-color: var(--background-primary)
}

.tag-2gZFdE:hover {
    text-decoration: none
}

.small-2oHLgT .input-3Xdcic,.small-2oHLgT .tag-2gZFdE {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    padding: 0 4px
}

.medium-1LLV3p .input-3Xdcic,.medium-1LLV3p .tag-2gZFdE {
    font-size: 16px;
    line-height: 32px;
    height: 30px;
    padding: 0 8px
}

.large-laZJpW .input-3Xdcic,.large-laZJpW .tag-2gZFdE {
    font-size: 20px;
    line-height: 40px;
    height: 38px;
    padding: 0 16px
}

.close-365pYL {
    width: 12px;
    height: 12px;
    margin-left: 4px
}

.close-365pYL,.iconLayout-3OgqU3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.iconLayout-3OgqU3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 22px;
    height: 22px;
    cursor: text
}

.pointer-aRJXzd {
    cursor: pointer
}

.medium-1LLV3p.iconLayout-3OgqU3 {
    width: 32px;
    height: 32px
}

.large-laZJpW.iconLayout-3OgqU3 {
    width: 40px;
    height: 40px
}

.iconContainer-2wXvy1 {
    position: relative;
    width: 16px;
    height: 16px
}

.medium-1LLV3p .iconContainer-2wXvy1 {
    width: 20px;
    height: 20px
}

.large-laZJpW .iconContainer-2wXvy1 {
    width: 24px;
    height: 24px
}

.icon-1S6UIr {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transition: opacity .1s ease-out,-webkit-transform .1s ease-out;
    transition: opacity .1s ease-out,-webkit-transform .1s ease-out;
    transition: transform .1s ease-out,opacity .1s ease-out;
    transition: transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: var(--interactive-normal)
}

.icon-1S6UIr.visible-3bFCH- {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.clear--Eywng {
}

.iconLayout-3OgqU3:hover .clear--Eywng {
    color: var(--interactive-hover)
}

.iconLayout-3OgqU3:active .clear--Eywng {
    color: var(--interactive-active)
}

.selectableItem-1MP3MQ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    height: 34px;
    padding: 8px 10px;
    margin: 2px 4px 2px 0;
    cursor: pointer
}

.selectableItem-1MP3MQ.selected-31soGA {
    cursor: default
}

.selectableItemLabel-1RKQjD {
    font-size: 16px;
    position: relative;
    top: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.theme-light .selectableItem-1MP3MQ {
    color: #4f545c
}

.theme-light .selectableItem-1MP3MQ:hover {
    background-color: #dcddde
}

.theme-dark .selectableItem-1MP3MQ {
    color: #f6f6f7
}

.theme-dark .selectableItem-1MP3MQ:hover {
    background-color: rgba(32,34,37,.6)
}

.size10-39i14u {
    font-size: 10px
}

.size12-3R0845 {
    font-size: 12px
}

.size14-3iUx6q {
    font-size: 14px
}

.size16-14cGz5 {
    font-size: 16px
}

.size18-3EXdSj {
    font-size: 18px
}

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

.size22-3iBPR6 {
    font-size: 22px
}

.size24-1ONE4K {
    font-size: 24px
}

.size26-3MdnUv {
    font-size: 26px
}

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

.popoutList-T9CKZQ {
    border-radius: 5px;
    padding: 10px 10px 0
}

.popoutListInput-1l9TUI {
    width: 100%
}

.popoutListEmpty-voOEBJ {
    cursor: default;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 10px 0;
    margin: 2px 4px 2px 0
}

.divider-faSUbd {
}

.theme-light .popoutList-T9CKZQ {
    background: #fff
}

.theme-light .popoutListEmpty-voOEBJ {
    color: #4f545c
}

.theme-dark .popoutList-T9CKZQ {
    background: #36393f
}

.theme-dark .popoutListEmpty-voOEBJ {
    color: #f6f6f7
}

.phoneFieldPopout-7PzjOO {
    width: 220px;
    height: 240px;
    position: absolute;
    top: 40px;
    left: 0
}

.phoneFieldPopout-7PzjOO .phoneFieldScroller-1rORCK {
    height: 196px;
    padding-bottom: 10px
}

.phoneFieldPopout-7PzjOO .countryItem-2OHkzd {
    width: 100%
}

.phoneFieldPopout-7PzjOO .countryName-1Qmnov {
    font-size: 13px;
    line-height: 18px;
    margin-right: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.phoneFieldPopout-7PzjOO .countryCode-1zrlUB {
    font-weight: 600;
    font-size: 13px;
    text-align: right
}

.theme-light .phoneFieldPopout-7PzjOO .countryName-1Qmnov {
    color: #72767d
}

.theme-light .phoneFieldPopout-7PzjOO .countryCode-1zrlUB {
    color: #4f545c
}

.theme-dark .phoneFieldPopout-7PzjOO .countryName-1Qmnov {
    color: #b9bbbe
}

.theme-dark .phoneFieldPopout-7PzjOO .countryCode-1zrlUB {
    color: #f6f6f7
}

.darkElevationLow-DABD7i {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3)
}

.darkElevationHigh-6iWpWi {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.darkElevationBorderLow-39dDV7 {
    -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-2U1nXW {
    -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-3_Ybxi {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2)
}

.lightElevationHigh-3usmGv {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
}

.lightElevationBorderLow-3APXjz {
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 1px 5px rgba(0,0,0,.2)
}

.lightElevationBorderHigh-2T98IF {
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-light .elevationLow-2lY09M {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2)
}

.theme-light .elevationHigh-3A9Xbf {
    -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-2qgTRQ {
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 1px 5px rgba(0,0,0,.2)
}

.theme-light .elevationBorderHigh-2WYJ09 {
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-dark .elevationLow-2lY09M {
    -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-3A9Xbf {
    -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-2qgTRQ {
    -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-2WYJ09 {
    -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)
}

.outerContainer-2pDY4c {
    position: relative
}

.container-1uOKxa {
    overflow: hidden
}

.container-1uOKxa,.innerContainer-20_g0H {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.countryCode-2YakYv {
    padding: 9px 8px;
    line-height: normal;
    white-space: nowrap
}

.separator-39gxf1 {
    width: 1px;
    background-color: var(--background-modifier-accent);
    margin: 8px 4px
}

.popout-NCeqAn {
    z-index: 1
}

.hidden-2l9u-8 {
    display: none
}

.input-1CjGeR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inputWrapper-3aw2Sf {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.inputField-4g7rSQ {
    border: none;
    background-color: transparent
}

.applicationIcon-28iDrP {
    margin-right: 8px
}

.guildBadge-3vRjwA {
    position: relative;
    margin-right: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25px;
    height: 25px
}

.appIcon-lZGJcM {
    display: inline-block
}

.appIconSize-2ugydl {
    width: 100px;
    height: 100px
}

.appIcon-lZGJcM,.avatar-2Gi7sV,.guildIcon-1PRDp6 {
    margin-bottom: 20px
}

@media (max-height: 720px) {
    .appIcon-lZGJcM,.avatar-2Gi7sV,.guildIcon-1PRDp6 {
        margin-bottom:0;
        width: 64px;
        height: 64px
    }
}

.inviteResolvingGuildName-bQULNl {
    margin-top: 8px
}

.inviteResolvingGuildName-bQULNl,.title-2_aCTw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.title-2_aCTw {
    margin-top: 4px;
    color: var(--header-primary);
    font-weight: 600
}

@media (min-height: 640px) {
    .title-2_aCTw {
        margin-top:8px
    }
}

.activityCount-2GgGMq {
    margin-top: 4px
}

@media (min-height: 640px) {
    .activityCount-2GgGMq {
        margin-top:8px
    }
}

.description-1u9Qui {
    margin: 4px 0;
    color: #b9bbbe;
    font-size: 14px;
    line-height: 18px
}

@media (min-height: 640px) {
    .description-1u9Qui {
        margin:8px 0
    }
}

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

.appIn-_bj_p1 {
    margin: 4px 0
}

.appGuildName-2aGDAZ {
    color: var(--header-primary)
}

.transitionGroup-aR7y1d {
    overflow: hidden;
    position: relative
}

.measurement-DMxQp7 {
    overflow: hidden
}

.measurementFill-31KKmO {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.measurementFillStatic-MZ1pNY {
    height: 100%
}

.animatedNode-5VAmrN {
    width: 100%
}

.qrLogin-1AOZMt {
    position: relative;
    overflow: hidden;
    width: 240px;
    height: 344px
}

.qrLogin-1AOZMt,.qrLoginInner-c_7ePj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.qrLoginInner-c_7ePj {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.qrCode-wG6ZgU {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    position: absolute
}

.qrCodeContainer-3sXarj {
    width: 176px;
    height: 176px;
    position: relative;
    margin-bottom: 32px
}

.qrCodeContainer-3sXarj,.qrCodeOverlay-qgtlTP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.qrCodeOverlay-qgtlTP {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.qrCodeOverlay-qgtlTP img {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    image-rendering: crisp-edges
}

.qrAvatar-8_WYAf {
    margin-bottom: 32px
}

.startOverButton-3q0wUV {
    color: var(--brand-experiment);
    margin-top: 16px
}

.verticalSeparator-3huAjp {
    margin: 0 32px;
    border: 1px solid var(--background-modifier-accent);
    visibility: hidden;
}

@media (max-width: 830px) {
    .qrLogin-1AOZMt,.verticalSeparator-3huAjp {
        display:none
    }
}

.column-3OSB2u {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 32px
}

.column-3OSB2u:nth-child(odd) {
    background-color: var(--background-secondary)
}

.column-3OSB2u:nth-child(2n) {
    background-color: var(--background-primary)
}

.column-3OSB2u:first-child {
    padding-left: 32px
}

.column-3OSB2u:last-child {
    padding-right: 32px
}

.container-1WbC0Y {
    padding: 0;
    overflow: hidden
}

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

.horizontalAuthBox-18f_tk {
    width: 960px
}

.needAccount-23l_Wh {
    font-size: 12px;
    line-height: 16px
}

.smallRegisterLink-2LCrMe {
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 0;
    vertical-align: bottom;
    padding: 0
}

.mainLoginContainer-1ddwnR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.mobile-1ryxso {
    width: 100%
}

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

.directionDown-26e7eE {
    -webkit-transform: rotate3d(0,0,-1,0deg);
    transform: rotate3d(0,0,-1,0deg)
}

.directionRight-O8AY4M {
    -webkit-transform: rotate3d(0,0,-1,90deg);
    transform: rotate3d(0,0,-1,90deg)
}

.directionLeft-O8iqia {
    -webkit-transform: rotate3d(0,0,-1,-90deg);
    transform: rotate3d(0,0,-1,-90deg)
}

.directionUp-ZEk-_J {
    -webkit-transform: rotate3d(0,0,-1,180deg);
    transform: rotate3d(0,0,-1,180deg)
}

.breadcrumbs-SOzMJD {
    overflow: hidden
}

.breadcrumbWrapper-WmDjgG {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.breadcrumbClickWrapper-TpEb92,.breadcrumbFinalWrapper-3WqsGi {
    overflow: hidden
}

.breadcrumb-OALf_a {
    font-size: 14px
}

.breadcrumbArrow-1bJVKv {
    width: 18px;
    height: 18px
}

.interactiveBreadcrumb-3qFng9 {
    cursor: pointer
}

.theme-light .breadcrumbWrapper-WmDjgG {
    color: #b9bbbe
}

.theme-light .activeBreadcrumb-p6aw-F {
    color: #4f545c
}

.theme-dark .breadcrumbWrapper-WmDjgG {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .activeBreadcrumb-p6aw-F {
    color: hsla(0,0%,100%,.6)
}

.error-20ZZpF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
    padding: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.error-20ZZpF a {
    color: #fff;
    font-weight: 600
}

.error-20ZZpF a:hover {
    text-decoration: underline
}

.icon-25oV0D {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.text-1ebFA_ {
    margin-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.backgroundRed-2jrPZy {
    background-color: #ed4245;
    color: #fff
}

.errorClose-19Dwss {
    cursor: pointer;
    -ms-flex-item-align: flex-center;
    align-self: flex-center
}

.errorClose-19Dwss,.errorCloseIcon-3y2VHJ {
    width: 16px;
    height: 16px
}

.backgroundTertiary-3PbXb3 {
    background-color: var(--background-tertiary);
    color: var(--interactive-active)
}

.backgroundAccent-349kuI {
    background-color: var(--background-accent);
    color: #fff
}

.row-2grg9k {
    padding-top: 20px
}

.row-2grg9k:first-child {
    padding-top: 0
}

.section-1Hw6N9 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.section-1Hw6N9:first-child {
    padding-left: 0
}

.width100-2aXN2H {
    width: 100%
}

.width75-3anqmd {
    width: 75%
}

.width60-1v9DeU {
    width: 60%
}

.width40-1Gna7C {
    width: 40%
}

.width30-2P1hBi {
    width: 30%
}

.width50-23-miv {
    width: 50%
}

.width25-3DEhbv {
    width: 25%
}

.cardIcon-3U4mwZ {
    position: relative;
    text-indent: -9999em;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.cardIcon-3U4mwZ:after,.cardIcon-3U4mwZ:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cardIcon-3U4mwZ:before {
    background-image: url(../../assets/cd0d0b191b8251c1351a5747038011af.html);
    background-size: 100% 100%;
    border-radius: 2px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.cardIcon-3U4mwZ:after,.cardIcon-3U4mwZ:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.cardIcon-3U4mwZ:after {
    background: url(../../assets/7d1147d903beea4a0654d2b60837a1d6.html);
    background-size: 100% 100%;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.cardIcon-3U4mwZ.visa-wmEUYN:before {
    background-image: url(../../assets/b614d13eb16fbcdbeacd6bad8b63460f.html)
}

.cardIcon-3U4mwZ.american-express-2JYHQz:before,.cardIcon-3U4mwZ.amex-34lhch:before {
    background-image: url(../../assets/c1dcb16867925c58352de56605ee348d.html)
}

.cardIcon-3U4mwZ.discover-380k9c:before {
    background-image: url(../../assets/f88725d12c605f4875d3d57151c6f691.html)
}

.cardIcon-3U4mwZ.master-card-1eMGLE:before,.cardIcon-3U4mwZ.mastercard-2PR9Wc:before {
    background-image: url(../../assets/9a3ebeaac711b37a91b7de9b3ae55b21.html)
}

.cardIcon-3U4mwZ.paypal-1_sEH-:before {
    background-image: url(../../assets/b5f7a9a2a7229d09a35be506bac28cfc.html)
}

.cardIcon-3U4mwZ.paymentRequest-7yBZCi:before {
    background-image: url(../../assets/9121ee2c33595951f64e9398612a537e.html)
}

.cardIcon-3U4mwZ.gPay-23y16H:before {
    background-image: url(../../assets/063c20d352db432fe0b7afa317cf40dc.html)
}

.cardIconSmall-2gJ6xX {
    width: 32px;
    height: 22px
}

.cardIconMedium-1N98Bu {
    width: 64px;
    height: 44px
}

.cardIconLarge-2Hh3T0 {
    width: 96px;
    height: 66px
}

.cardIconXLarge-1hyB-0 {
    width: 128px;
    height: 88px
}

.flipped-26DCUA {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.cardNumberWrapper-3YhV1H {
    position: relative
}

.cardIcon-8A8yRg {
    position: absolute;
    top: 9px;
    left: 10px
}

.cardNumberInput-3vDUEy {
    padding-left: 55px
}

.buttonIcon-1BKzBu {
    margin-right: 8px
}

.button-1vm4ZO {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vertical-2oj55j .button-1vm4ZO {
    margin-bottom: 10px
}

.vertical-2oj55j .button-1vm4ZO:last-child {
    margin-bottom: 0
}

.horizonal-2R4X-v .button-1vm4ZO {
    margin-right: 10px
}

.horizonal-2R4X-v .button-1vm4ZO:last-child {
    margin-right: 0
}

.inputWrapper-2YCfto {
    position: relative
}

.paypalIcon-2dBx_b {
    position: absolute;
    top: 9px;
    left: 8px;
    z-index: 1
}

.paypalInput-3MddcM {
    padding-left: 48px;
    cursor: default
}

.theme-dark .paypalInput-3MddcM,.theme-dark .paypalInput-3MddcM:focus,.theme-dark .paypalInput-3MddcM:hover,.theme-light .paypalInput-3MddcM,.theme-light .paypalInput-3MddcM:focus,.theme-light .paypalInput-3MddcM:hover {
    border-color: rgba(0,0,0,.3)
}

.cardNumberWrapper-3fnAdq {
    position: relative
}

.cardIcon-22ZAZn {
    position: absolute;
    top: 9px;
    left: 10px
}

.cardIcon-22ZAZn.submitting-1dY48P {
    -webkit-animation: pulse-2sZk7o .75s ease-in-out infinite alternate;
    animation: pulse-2sZk7o .75s ease-in-out infinite alternate
}

.cardNumberInput-1EkDl_ {
    padding-left: 55px
}

@-webkit-keyframes pulse-2sZk7o {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .6
    }
}

@keyframes pulse-2sZk7o {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .6
    }
}

.modal-1qeMox {
    overflow-x: hidden;
    min-height: 180px
}

.form-77IDep {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.content-sp-7A3 {
    height: 100%;
    padding-bottom: 20px
}

.modalTitle-3qb2Mp {
    margin-bottom: 10px
}

.divider-3WKGWk {
    border-top: 1px solid;
    margin: 0 20px 12px
}

.errorBlock-3se5QO {
    margin-bottom: 20px
}

.sequencer-FWouqi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 485px) and (max-height:450px) {
    .form-77IDep {
        display:block
    }
}

.theme-light .divider-3WKGWk {
    border-color: rgba(220,221,222,.6)
}

.theme-dark .divider-3WKGWk {
    border-color: #2f3136
}

.pageActions-1SVAnA {
    border-radius: 3px;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pageButtonNext-V2kUq0,.pageButtonPrev-1Y-47D {
    padding: 14px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 1px solid var(--interactive-normal);
    color: var(--interactive-normal)
}

.pageButtonNext-V2kUq0:hover,.pageButtonPrev-1Y-47D:hover {
    border-color: var(--interactive-hover);
    color: var(--interactive-hover)
}

.pageButtonNext-V2kUq0.disabled-BrLY9Y,.pageButtonPrev-1Y-47D.disabled-BrLY9Y {
    cursor: not-allowed;
    border-color: var(--interactive-muted);
    color: var(--interactive-muted)
}

.pageButtonIcon-27P-7s {
    width: 14px;
    height: 14px
}

.pageButtonPrev-1Y-47D {
    border-radius: 3px 0 0 3px
}

.pageButtonNext-V2kUq0 {
    border-radius: 0 3px 3px 0
}

.pageIndicator-1gAbyA {
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    border-color: var(--interactive-muted);
    border-style: solid;
    border-width: 1px 0
}

.assetWrapper-3GNt0z {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lottieCanvas-1W7L-f {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pngImage-33yLRP,.roundedMask-3rB_-f {
    display: block;
    height: 100%;
    width: 100%
}

.roundedMask-3rB_-f {
    position: absolute;
    left: 0;
    top: 0
}

.errorContent-2z-hpw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shape-2kfO2v {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    display: block
}

.error-3sSo0R,.shape-2kfO2v {
    width: 100%;
    height: 100%;
    background-color: var(--background-modifier-active)
}

.error-3sSo0R {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.errorIcon-16FWDW {
    color: var(--header-secondary)
}

.errorText-2KbYvF {
    margin-top: 4px
}

.descriptionWrapper-1YBY_J {
    margin-left: 14px
}

.subText-V8PTt8 {
    font-size: 14px;
    margin-top: 4px
}

.indicator-2Qs3-E {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 14px;
    padding: 0 4px;
    margin-left: 8px;
    letter-spacing: .4px;
    text-align: center;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700
}

.defaultIndicator-G3c16x,.invalidIndicator-3Buq_-,.premiumIndicator-1XvbfM {
}

.theme-light .description-HxwDO4,.theme-light .descriptionWrapper-1YBY_J {
    color: #72767d
}

.theme-light .defaultIndicator-G3c16x {
    background-color: #4f545c;
    color: #fff
}

.theme-light .premiumIndicator-1XvbfM {
    background-color: var(--brand-experiment-500);
    color: #fff
}

.theme-light .invalidIndicator-3Buq_- {
    background-color: #ed4245;
    color: #fff
}

.theme-dark .description-HxwDO4 {
    color: #dcddde
}

.theme-dark .descriptionWrapper-1YBY_J {
    color: #72767d
}

.theme-dark .defaultIndicator-G3c16x {
    background-color: #4f545c;
    color: #fff
}

.theme-dark .premiumIndicator-1XvbfM {
    background-color: var(--brand-experiment-500);
    color: #fff
}

.theme-dark .invalidIndicator-3Buq_- {
    background-color: #ed4245;
    color: #fff
}

.payment-xT17Mq {
    width: 100%
}

.hoverablePayment-Yc6mK7 {
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.expandInfo-2ApsVK {
    padding: 20px
}

.summaryInfo-2QFKUg {
    cursor: pointer;
    padding: 20px
}

.expandedInfo-3kfShd {
    margin: 0 20px 20px;
    padding: 20px;
    border-radius: 5px
}

.paymentHeader-3QlZQi {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    padding-top: 20px;
    border-top: 1px solid;
    margin-top: 20px
}

.paymentHeader-3QlZQi:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0
}

.paymentText-2vaF7U {
    font-size: 14px;
    line-height: 1.4
}

.paymentBreakdown-28CAO8 {
    padding-top: 10px
}

.paymentDetail-aFXa-m {
    margin-top: 12px
}

.paymentDetail-aFXa-m:first-child,.paymentDetail-aFXa-m:last-child {
    margin-top: 20px
}

.date-2Qr15l {
    width: 20%
}

.amount-ukM6w- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.statusTag-22YO6d {
    border-radius: 3px;
    display: block;
    margin-right: 20px;
    padding: 0 4px;
    overflow: hidden;
    height: 14px;
    max-width: 180px;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 14px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.statusTagGreen-1YzpdX {
    background-color: #3ba55c
}

.statusTagRed-2Xg3v3 {
    background-color: #ed4245
}

.statusTagGrey-2_qq8q {
    background-color: #747f8d
}

.price-2pVkRt {
    white-space: nowrap
}

.description-RQzS-K {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 8px
}

.descriptionIcon-1UHIIr {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: 50%
}

.expand-1g95ZR {
    margin-left: 20px;
    width: 24px;
    height: 24px
}

.refundSubHeader-3hp-GM {
    text-transform: uppercase;
    margin: 20px 0 8px;
    font-size: 12px;
    font-weight: 600
}

.refundSelect-JoPzvz {
    margin-right: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.refundCriteria-o9V-c2 {
    margin-right: 32px
}

.refundCriteriaIcon-Ta3gtw {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.giftIcon-3DRGI6 {
    margin-left: 10px;
    width: 16px;
    height: 16px
}

@media (max-width: 800px) {
    .refundCriteria-o9V-c2 {
        margin-right:16px
    }
}

.compact-3q6200 .amount-ukM6w- {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 20%
}

.compact-3q6200 .summaryInfo-2QFKUg {
    padding: 16px 20px
}

.compact-3q6200 .amount-ukM6w-,.compact-3q6200 .date-2Qr15l,.compact-3q6200 .description-RQzS-K {
    text-transform: unset
}

.compact-3q6200 .date-2Qr15l {
    opacity: .6
}

.compact-3q6200 .descriptionIcon-1UHIIr {
    width: 40px;
    height: 40px
}

.compact-3q6200 .statusTag-22YO6d {
    margin: 8px 0 0
}

.compact-3q6200 .expand-1g95ZR {
    margin-left: 8px
}

.compact-3q6200 .date-2Qr15l {
    width: unset;
    font-size: 12px;
    line-height: 16px
}

.compact-3q6200 .description-RQzS-K {
    text-transform: unset;
    width: unset;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%
}

.theme-light .summaryInfo-2QFKUg {
    color: #4f545c
}

.theme-light .payment-xT17Mq {
    background-color: #f6f6f7
}

.theme-light .paymentHeader-3QlZQi {
    border-color: #4f545c
}

.theme-light .expandedInfo-3kfShd {
    background-color: #dcddde
}

.theme-light .paymentText-2vaF7U {
    color: #36393f
}

.theme-light .giftIcon-3DRGI6 {
    color: #4f545c
}

.theme-dark .summaryInfo-2QFKUg {
    color: #f6f6f7
}

.theme-dark .payment-xT17Mq {
    background-color: #2f3136;
    color: #b9bbbe
}

.theme-dark .hoverablePayment-Yc6mK7:hover {
    background-color: #23262a
}

.theme-dark .paymentHeader-3QlZQi {
    color: #fff;
    border-color: #4f545c
}

.theme-dark .expandedInfo-3kfShd {
    background-color: #36393f
}

.theme-dark .paymentText-2vaF7U {
    color: #b9bbbe
}

.theme-dark .giftIcon-3DRGI6 {
    color: #fff;
    opacity: .6
}

.paymentPane-3bwJ6A {
    border-radius: 5px;
    overflow: hidden
}

.paymentRow-2e7VM6 {
    cursor: default
}

.paymentRowHeader-2sfDdN {
    font-size: 12px;
    font-weight: 600;
    margin-right: 44px;
    padding: 20px
}

.paymentRowHeaderDescription-4bm8wL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin-left: 8px
}

.tab-1kx2RU {
    padding-bottom: 12px;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600
}

.tab-1kx2RU:first-child {
    margin-left: 0
}

.externalRow-EXU9l7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.externalRowHeader-2-8cG6 {
    font-size: 16px
}

.externalRowBody-3PrFmM {
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
    color: var(--text-muted)
}

.bottomDivider-1K9Gao {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.bottomDivider-1K9Gao:last-child {
    border-bottom: none
}

.verticalFit-waKLYN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.theme-light .paymentPane-3bwJ6A {
    background-color: #f6f6f7;
    color: #4f545c
}

.theme-light .paginator-166-09 {
    background: #f6f6f7;
    border-top: 0;
    color: #4f545c
}

.theme-light .bottomDivider-1K9Gao {
    border-bottom-color: #dcddde
}

.theme-light .externalRowHeader-2-8cG6 {
    color: #4f545c
}

.theme-dark .paymentPane-3bwJ6A {
    background-color: #2f3136;
    color: #f6f6f7
}

.theme-dark .paginator-166-09 {
    background: #2f3136
}

.theme-dark .bottomDivider-1K9Gao {
    border-bottom-color: #36393f
}

.theme-dark .tab-1kx2RU {
    color: #72767d
}

.theme-dark .externalRowHeader-2-8cG6 {
    color: #dcddde
}

.card-19w55y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #36393f;
    border-color: #36393f;
    height: 100vh;
    max-height: 100vh
}

.title-3TRLpl {
    display: none
}

@media (min-width: 486px) {
    .card-19w55y {
        margin:16px;
        padding: 20px;
        max-width: 720px;
        height: auto
    }

    .title-3TRLpl {
        display: block;
        margin: 20px 0 16px
    }
}

.paymentSourceLabel-1lo4Ca {
    margin-left: 8px;
    line-height: 22px
}

.paymentSourceLabel-1lo4Ca:first-child {
    margin-left: 0
}

.theme-dark .error-tDF6fl,.theme-light .error-tDF6fl {
    color: #ed4245
}

.table-39R0Oe {
    background-color: var(--background-secondary);
    border-radius: 4px;
    padding: 16px
}

.header-2fYolP {
    color: var(--interactive-active);
    font-weight: 600;
    margin-bottom: 8px
}

.header-2fYolP,.rowBase-19ReVc {
    font-size: 16px;
    line-height: 20px
}

.rowBase-19ReVc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500
}

.rowBase-19ReVc:not(:last-child) {
    margin-bottom: 8px
}

.row-gSQ6pC {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--interactive-normal)
}

.row-gSQ6pC,.rowAmount-2vWhGc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rowAmount-2vWhGc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rowPercentDiscount-1Ip6TE {
    margin-left: 8px;
    background-color: #3ba55c;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px
}

.rowDiscountOriginalPrice-3ZHMbT {
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin: -4px 0 4px;
    text-align: right;
    text-decoration: line-through
}

.entitlementDiscountRow-1PWKPc {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--text-positive)
}

.divider-35lQBz {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 16px 0
}

.dividerExtended-3N_mcn {
    height: 4px;
    margin-left: -16px;
    margin-right: -16px
}

.totalRow-br_EPR {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.totalLabel-kW8CA9 {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.totalAmount-QMwGZT,.totalLabel-kW8CA9 strong {
    color: var(--interactive-active);
    font-weight: 600
}

.finePrint-aNvLWf {
    color: var(--text-normal);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    margin: 16px 0
}

.wrapper-3xYGNM {
    border-radius: 4px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.wrapperActive-1eM2cQ {
    background-color: var(--background-modifier-accent)
}

.link-3dHnkW {
    color: var(--interactive-active);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.note-3f9OXN {
    margin-top: 20px;
    position: relative;
    font-size: 12px
}

.note-3f9OXN~.note-3f9OXN {
    margin-top: 8px
}

.icon-gt7KBA {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.large-2kb0Cr {
    width: 20px;
    height: 20px
}

.small-1Htrse {
    width: 14px;
    height: 14px
}

.colorWarning-2efEE- {
    color: #faa61a
}

.colorError-2vGbJj {
    color: #ed4245
}

.colorPrimary-3hws2f {
    color: var(--text-muted)
}

.content-1YdlXf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.breadcrumbsWrapper-3avBWN {
    border-bottom: 1px solid var(--background-modifier-accent);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 16px;
    padding: 16px 0
}

.bodyWrapper-3GGwfp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    position: relative
}

.scroller-3tPHw0 {
    height: 100%;
    padding: 0 16px 16px
}

.errorBlockWrapper-1ZfYVz {
    padding: 16px 16px 0
}

.paymentNote-3NUaTF {
    padding: 0 16px
}

.loadingBlock-2I2zJI {
    height: 192px
}

.sequencer-2GXxB2 {
    flex-direction: column
}

.sequencer-2GXxB2,.sequencerStatic-UthWGP {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.sequencerAnimatedNode-GEjG0S,.sequencerStatic-UthWGP {
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.sequencerAnimatedNode-GEjG0S {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    min-height: 0
}

.modal-3Msmb3 {
    overflow-x: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.planSelector-2xxBP_ {
    margin-top: 20px
}

.form-2d3M9m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 660px
}

.divider-1que2t {
    position: relative;
    border-top: 1px solid;
    margin: 0 20px
}

.content-PS26MV {
    margin-bottom: 20px
}

.giftToggle-3G-6sw {
    margin-top: 16px
}

.formTitle-1_5gw4 {
    margin: 20px 0 10px
}

.errorBlock-1yXil7,.purchaseTerms-1aF7k1 {
    margin-top: 20px
}

.invalidIcon-1uHQWY {
    width: 18px;
    height: 18px;
    padding: 0 1px
}

.choosePaymentSourceType-2Q_3qs {
    margin-top: 20px
}

.buyButtonTooltipWrapper-3ISTfu {
    position: relative
}

.buyButtonTooltipTarget-2JtpkN {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    cursor: not-allowed
}

.backButtonSize-4hJ3lM {
    height: 38px;
    width: auto
}

.backButton-14DZbs {
    padding: 0
}

.backButton-14DZbs:hover {
    text-decoration: underline
}

.modalContent-3rVa23 {
    -webkit-overflow-scrolling: touch
}

@media (max-width: 485px) and (max-height:550px) {
    .form-2d3M9m {
        display:block
    }

    .modalContent-3rVa23 {
        height: auto
    }
}

.theme-dark .divider-1que2t {
    border-color: #2f3136
}

.theme-dark .backButtonColor-N09dXJ {
    color: #fff
}

.theme-dark .checkboxLabel-3WoD3k {
    color: #b9bbbe
}

.theme-light .divider-1que2t {
    border-color: rgba(220,221,222,.6)
}

.theme-light .backButtonColor-N09dXJ {
    color: #4f545c
}

.theme-light .checkboxLabel-3WoD3k {
    color: #b9bbbe
}

.awaitingAuthenticationStep-3mW1JG,.body-31Cs__ {
    padding-top: 16px
}

.subscriptionCostRowAmount-15tMYg {
    font-weight: 500
}

.subscriptionCostRow-3imIke {
    color: var(--header-primary)
}

.invoiceItemLabelWithIcon-1wBD7Y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.invoiceItemLabelIcon-2DH7qm {
    color: var(--interactive-normal);
    margin-left: 8px;
    height: 14px;
    width: 14px
}

.invoiceItemTooltip-2dMGk8 {
    max-width: 240px
}

.invoiceItemTooltip-2dMGk8 p {
    margin: 0
}

.invoiceItemTooltip-2dMGk8 strong {
    font-weight: 700
}

.subscriptionDetailsToggle-3dzjj6 {
    color: var(--text-normal);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    margin: -16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 0;
    cursor: pointer
}

.subscriptionDetailsToggleCaret-vbWnyU {
    margin-left: 6px;
    height: 16px;
    width: 16px
}

.subscriptionPeriodResetNotice-b5C4Ac {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 16px
}

.subscriptionAddedInvoiceItem-2V_n7J {
    color: var(--text-positive)
}

.copyInput-2rOSt7 {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border: 1px solid;
    cursor: pointer;
    border-radius: 3px;
    height: 40px
}

.copyInputDefault-21sXtF,.copyInputError-WlP8ke {
}

.copyInputError-WlP8ke {
    border-color: #ed4245
}

.copyInputSuccess-XZc7BO {
    border-color: #3ba55c
}

.layout-17VGBm {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.inputWrapper-2YT_dU {
    position: relative
}

.button-38qaLQ {
    margin: 4px 4px 4px 0;
    padding: 2px 20px!important;
    border-radius: 2px;
    -webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    transition: background-color .2s ease-in-out,color .2s ease-in-out
}

.hiddenMessage-1iiFV5,.input-31cgnL {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    background-color: transparent;
    padding: 10px 0 10px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.input-31cgnL {
    width: 100%;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border: none;
    -webkit-transition: color .15s ease;
    transition: color .15s ease;
    cursor: text
}

.inputDefault-A2ud2y,.inputError-reIyaS {
}

.inputError-reIyaS {
    color: #ed4245
}

.inputSuccess-3U9sNd {
    color: var(--text-positive)
}

.hiddenMessage-1iiFV5 {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.inputHidden-1K-bD4 {
    visibility: hidden
}

.theme-light .copyInput-2rOSt7 {
    background-color: rgba(79,84,92,.02)
}

.theme-light .copyInputDefault-21sXtF {
    border-color: rgba(79,84,92,.3)
}

.theme-light .hiddenMessage-1iiFV5,.theme-light .inputDefault-A2ud2y {
    color: #4f545c
}

.theme-light .hiddenMessage-1iiFV5::-webkit-input-placeholder,.theme-light .inputDefault-A2ud2y::-webkit-input-placeholder {
    color: rgba(79,84,92,.3)
}

.theme-light .hiddenMessage-1iiFV5::-moz-placeholder,.theme-light .inputDefault-A2ud2y::-moz-placeholder {
    color: rgba(79,84,92,.3)
}

.theme-light .hiddenMessage-1iiFV5:-ms-input-placeholder,.theme-light .inputDefault-A2ud2y:-ms-input-placeholder {
    color: rgba(79,84,92,.3)
}

.theme-light .hiddenMessage-1iiFV5::placeholder,.theme-light .inputDefault-A2ud2y::placeholder {
    color: rgba(79,84,92,.3)
}

.theme-dark .copyInput-2rOSt7 {
    background-color: rgba(0,0,0,.1)
}

.theme-dark .copyInputDefault-21sXtF {
    border-color: rgba(0,0,0,.3)
}

.theme-dark .hiddenMessage-1iiFV5,.theme-dark .inputDefault-A2ud2y {
    color: #f6f6f7
}

.theme-dark .hiddenMessage-1iiFV5::-webkit-input-placeholder,.theme-dark .inputDefault-A2ud2y::-webkit-input-placeholder {
    color: rgba(246,246,247,.3)
}

.theme-dark .hiddenMessage-1iiFV5::-moz-placeholder,.theme-dark .inputDefault-A2ud2y::-moz-placeholder {
    color: rgba(246,246,247,.3)
}

.theme-dark .hiddenMessage-1iiFV5:-ms-input-placeholder,.theme-dark .inputDefault-A2ud2y:-ms-input-placeholder {
    color: rgba(246,246,247,.3)
}

.theme-dark .hiddenMessage-1iiFV5::placeholder,.theme-dark .inputDefault-A2ud2y::placeholder {
    color: rgba(246,246,247,.3)
}

.blurb-143skT {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.44;
    text-align: center;
    max-width: 360px
}

.divider-2rujXH {
    width: 100%;
    height: 1px;
    margin: 20px 0
}

.subtext-2QfZHv {
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px
}

.installSelector-1OcF6d,.storeTerms-3G4Jo7 {
    width: 100%
}

.confirmButton-1ktpa8,.header-1fmANI,.icon-3w4Cq1,.storeTerms-3G4Jo7 {
    margin-top: 20px
}

.termsCheckbox-3YWF9A {
    margin-bottom: 10px
}

.termsCheckbox-3YWF9A:last-child {
    margin-bottom: 0
}

.header-1fmANI {
    font-size: 20px
}

.theme-dark .header-1fmANI {
    color: #fff
}

.theme-dark .blurb-143skT,.theme-dark .storeTerms-3G4Jo7,.theme-dark .subtext-2QfZHv {
    color: #b9bbbe
}

.theme-dark .divider-2rujXH {
    background-color: rgba(47,49,54,.6)
}

.theme-light .header-1fmANI {
    color: #36393f
}

.theme-light .blurb-143skT,.theme-light .storeTerms-3G4Jo7,.theme-light .subtext-2QfZHv {
    color: #72767d
}

.theme-light .divider-2rujXH {
    background-color: rgba(220,221,222,.6)
}

.header-3bB_GQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px
}

.title-2HFmAi {
    font-weight: 700
}

.subtitle-8DQCLU,.title-2HFmAi {
    text-align: center
}

.subtitle-8DQCLU {
    margin-top: 8px
}

.modalCloseButton-nA1JXv {
    position: absolute;
    top: 16px;
    right: 16px
}

.content-2Cyhe6 {
    padding-bottom: 16px
}

.password-3REpJO {
    margin-top: 16px
}

.cancel-204y04 {
    margin-right: 8px
}

.message-3rf57R {
    margin-top: 20px;
    margin-bottom: 20px
}

.imageUnverified-1QCPtJ {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    margin: 20px auto;
    width: 162px
}

.theme-dark .imageUnverified-1QCPtJ {
    background-image: url(../../assets/e260177e5165e6789e30b9592df75424.html)
}

.theme-light .imageUnverified-1QCPtJ {
    background-image: url(../../assets/a83463d9763516332570b37731572733.html)
}

.wrapper-1P_m9K svg {
    display: block
}

.tier2Animation-M5D31n {
    position: relative
}

.panningAnimation-38NjY9 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 20px;
    right: 0;
    overflow: hidden
}

.panningAnimationInner-2-99fl {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: 100% 100%
}

.tier2Background-gCUPNQ {
    opacity: .2;
    background-image: url(../../assets/8d2cc61d9f06d4b1fb0e3b15b36b2817.html)
}

.tier2Foreground-2tYn8P {
    background-image: url(../../assets/88635b43b1f70f094f034b1cce8ab329.html)
}

.guildWrapper-13lnzT {
    position: relative
}

.guildBackground-3UtSZ2 {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.guildBackground-3UtSZ2,.guildStar-35l026 {
    position: absolute
}

.header-RSCE0X {
    color: #fff;
    overflow-x: visible;
    position: relative;
    min-height: 77px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.headerTier1-2Ckjmd {
    background-color: var(--brand-experiment)
}

.headerTier2-3FKMxd {
    background-image: -webkit-gradient(linear,left top,right top,from(#b473f5),to(#e292aa));
    background-image: linear-gradient(90deg,#b473f5,#e292aa)
}

.header-RSCE0X .closeButton-52_sX- {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #fff;
    opacity: .8
}

.header-RSCE0X .closeButton-52_sX-:hover {
    opacity: 1
}

.headerLogo-3yYMKQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 1
}

.headerLogoWordmark-3s0bFX {
    width: auto;
    height: 15px
}

.headerLogoTier2-K7zsGB {
    width: auto;
    height: 22px
}

.headerLogoTier1-tgveOB {
    width: auto;
    height: 35px
}

.headerAnimationWrapper-1W2JzL {
    bottom: -20px;
    overflow: hidden;
    z-index: 0
}

.headerAnimation-3SJLN4,.headerAnimationWrapper-1W2JzL {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%
}

.headerAnimation-3SJLN4 {
    bottom: 0;
    left: 50%;
    min-width: 440px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.loader-3HXZ2q {
    margin-top: 64px
}

.invoiceHeader-3VOJTm {
    margin: 16px 0 8px
}

.invoice-28DmWy {
    margin-bottom: 16px
}

.paymentSourceWrapper-2dIzE4 {
    margin: 16px 0
}

.paymentSourceOptionalWarning-bonA40 {
    margin-top: 16px;
    color: var(--text-normal)
}

.contentWrapper-2H52F3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

@media (max-width: 485px) {
    .shaker-35cz7E {
        position:absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .root-1ANs48 {
        width: 100vw;
        border-radius: 0
    }
}

.trialCheckbox-2rz9Q1 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.trialCheckboxLabel-3DxtAL {
    font-size: 14px;
    line-height: 18px
}

.shinyButton-3uFlM- {
    overflow: hidden
}

.buttonShine-1CSUM8 {
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: Shine-2sIJ1p;
    animation-name: Shine-2sIJ1p;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    color: hsla(0,0%,100%,.1)
}

.shineContainer-1HHuZ1 {
    position: absolute;
    top: -50%;
    bottom: 0;
    right: 0
}

.shineContainerDefault-2bbFgu {
    left: -50%
}

.shineContainerSmall-1MIVgq {
    left: -100%
}

.shine-2f1uEU {
    background-color: currentColor;
    height: 300%;
    position: relative;
    top: -100%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 56px
}

.shinePaused-1D7eIe {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.shineInner-fWUhvE {
    background-color: currentColor;
    height: 100%;
    width: 16px
}

@-webkit-keyframes Shine-2sIJ1p {
    0% {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    to {
        -webkit-transform: translate3d(200%,0,0);
        transform: translate3d(200%,0,0)
    }
}

@keyframes Shine-2sIJ1p {
    0% {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    to {
        -webkit-transform: translate3d(200%,0,0);
        transform: translate3d(200%,0,0)
    }
}

.animationContainer-cNePAf,.container-2mdxGH {
    position: relative;
    z-index: 0
}

.animationContainer-cNePAf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden
}

.svgBorder-1CQ67m {
    position: absolute;
    top: -1px;
    left: -1px;
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    z-index: 1
}

.svgCopy-3RgiTa {
    display: block
}

.animationContainer-cNePAf {
    color: var(--header-primary)
}

.shine-KMI5j7 {
    color: hsla(0,0%,100%,.5)
}

.confirmation-NXinYV {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 64px
}

.banner-2TeZN0,.text-1F94k4 {
    margin-bottom: 16px
}

.text-1F94k4 {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.errorBody-3WviEJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px
}

@media (max-width: 485px) {
    .errorBody-3WviEJ {
        text-align:center
    }
}

.promotionBody-2r_eLH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 200px;
    margin-top: 20px
}

@media (max-width: 485px) {
    .promotionBody-2r_eLH {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        text-align: center
    }
}

.promotionImage-1HQo_l {
    max-height: 200px;
    max-width: 160px
}

@media (min-width: 485px) {
    .promotionImage-1HQo_l {
        margin-right:16px
    }
}

@media (max-width: 485px) {
    .promotionImage-1HQo_l {
        margin-top:32px;
        margin-bottom: 32px
    }
}

.title-9oNsnn {
    margin-bottom: 16px
}

.bodyText-ThtFMi {
    font-weight: 500;
    margin-bottom: 20px
}

.errorImage-22tjNJ {
    margin-top: 42px;
    margin-bottom: 12px;
    height: 111px
}

@media (max-width: 485px) {
    .errorFooter-eY2PQo {
        display:none
    }
}

.header-1F6gxU {
    background-image: url(../../assets/013c5f80926ca992c0d708af8ff334ea.html);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 132px
}

.animation-3YKWGa {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.headerTitle-1_9Kor {
    background-image: url(../../assets/bb0498a0c697a956f54f2b26216d6a2e.html);
    height: 28px;
    width: 60px
}

.header-1F6gxU .closeButton-23VgYF {
    position: absolute;
    right: 12px;
    top: 12px;
    color: #fff;
    opacity: .8
}

.header-1F6gxU .closeButton-23VgYF:hover {
    opacity: 1
}

.pricePerInterval-WZc5oR {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.pricePerInterval-WZc5oR strong {
    color: var(--interactive-active);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px
}

.skuButtons-3KnDcG {
    padding: 0 8px 0 16px
}

.button-3Wn6-1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 258px;
    border-radius: 8px;
    padding: 24px;
    position: relative;
    margin-bottom: 16px
}

.tier2-3pW_6T {
    background-image: linear-gradient(32deg,#b473f5,#e292aa)
}

.tier1-UUxEBG {
    background-image: linear-gradient(32deg,#738ef5,#b3aeff 75.25%)
}

.tier2Image-1_9GtA {
    background-image: url(../../assets/27ed7eb4a867f79c70615b9e9e68fe5b.html);
    height: 237px;
    width: 297px
}

.tier1Image-3ShgQH,.tier2Image-1_9GtA {
    position: absolute;
    bottom: 0;
    right: 0
}

.tier1Image-3ShgQH {
    background-image: url(../../assets/fd8340095bf2e0c2b9bf4d5912c02c63.html);
    height: 234px;
    width: 279px
}

.tierTitle-24KvK4 {
    margin-bottom: 16px
}

.text-1AMsjB {
    width: 160px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.description-1XiJ8P {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 16px
}

.priceWrapper-3ug9CZ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.price-3ihUyv,.price-3ihUyv strong {
    color: #fff
}

.headerBackground-23gIwK {
    position: relative;
    top: -20px;
    left: -20px;
    right: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    min-height: 77px;
    width: 100%
}

.tier1HeaderBackground-3LjWgU {
    background-color: var(--brand-experiment)
}

.tier2HeaderBackground-2BUqcl {
    background-image: -webkit-gradient(linear,left top,right top,from(#b473f5),to(#e292aa));
    background-image: linear-gradient(90deg,#b473f5,#e292aa)
}

.closeIcon-1Te9hO {
    opacity: 1
}

.headerTop-Bg0929 {
    position: relative;
    width: 100%
}

.headerIcon-1OW_re {
    width: auto;
    height: 22px
}

.headerIcon-1OW_re.tier1-ObWVGJ {
    height: 35px
}

.price-1rEl-z {
    position: relative;
    margin-top: 20px;
    padding: 2px 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.71;
    color: var(--brand-experiment);
    background-color: #fff;
    border-radius: 3px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.closeButton-2PEpYG {
    color: #fff!important
}

.closeButton-2PEpYG:hover {
    background-color: hsla(0,0%,100%,.04)!important
}

.theme-dark .closeIcon-1Te9hO {
    color: #f6f6f7
}

.theme-dark .headerIcon-1OW_re,.theme-light .closeIcon-1Te9hO,.theme-light .headerIcon-1OW_re {
    color: #fff
}

.modalHeader-1a6oWz {
    margin-bottom: -20px;
    padding-bottom: 0
}

.header-jiLdx9 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.headerAnimation-pQYQcu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -20px;
    left: 50%;
    min-width: 440px;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.shaker-1QVc6p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 660px;
    height: 100%
}

.modalHeader-3heSN8 {
    margin-bottom: -20px;
    padding-bottom: 0
}

.header-2jljXY {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.headerAnimation-2ipCWU {
    position: absolute;
    top: 0;
    bottom: -20px;
    left: calc(50% - 220px);
    width: 440px
}

.spinner-2UYkNB {
    position: relative;
    top: calc(50% - 16px)
}

.stepBody-1cR8n4 {
    padding-top: 16px
}

.bodyText-1uGqIv {
    color: var(--interactive-normal);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 16px
}

.selectPlanChooseSubtitle-2QNzXl,.selectPlanChooseTitle-2ClZSL {
    color: var(--interactive-active);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px
}

.selectPlanChooseTitle-2ClZSL {
    font-weight: 600
}

.selectPlanChooseSubtitle-2QNzXl {
    margin-bottom: 18px
}

.planOption-3m2svN {
    color: var(--interactive-normal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 0;
    cursor: pointer
}

.planOptionDisabled-JiB80K {
    opacity: .6
}

.planOptionClickable-2m4lfF {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.planOptionDisabled-JiB80K .planOptionClickable-2m4lfF {
    cursor: not-allowed
}

.planOptionCheckbox-3ik8cg {
    margin-right: 10px
}

.planOptionInterval-2idEhf {
    color: var(--interactive-normal);
    font-weight: 500
}

.optionSelected-1d91jC {
    color: var(--interactive-active)
}

.planOptionCurrentPlan-1NIWWm,.planOptionMonthsFree-d4pf3C {
    margin-left: 4px
}

.planOptionDiscount-cS8uaO {
    color: #fff;
    text-transform: uppercase;
    border-radius: 16px;
    background-color: #3ba55c;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 8px;
    font-weight: 500;
    margin-left: 8px
}

.selectPlanDivider-1mx_6q {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 8px 0 16px
}

.selectPlanTotalRow-Coq3OB {
    margin-top: 8px
}

.taxInclusiveNote-2PeWCh {
    margin-bottom: 16px
}

.renewalInvoiceDate-2NNrkM {
    color: var(--text-normal);
    margin-bottom: 16px
}

.invoice-3GWhNe {
    margin-bottom: 16px
}

.grandfatheredUpgradeNote-3hxZHm,.paymentSourceWrapper-RY23yY {
    margin: 16px 0
}

@media (max-width: 485px) {
    .shaker-1QVc6p {
        position:absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-height: none
    }

    .root-2k49pR {
        width: 100vw;
        border-radius: 0
    }
}

.perkRow-4H5Kvz {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid var(--channeltextarea-background);
    margin: 0 16px;
    padding: 16px 0
}

.perkRow-4H5Kvz:last-child {
    border-bottom: none
}

.perkIconContainer-Pf29_D {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px
}

.perkIcon-XjImOD,.perkIconContainer-Pf29_D {
    height: 24px;
    width: 24px
}

.perkDescription-2-1vIq {
    color: var(--interactive-active);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.content-1tUOTl {
    padding-top: 32px
}

.closeButton-27-8oX {
    position: absolute;
    right: 4px;
    top: 12px
}

.upsellImage-1IzAr4 {
    background-image: url(../../assets/a873f632f0c10166704d70d7fb966565.html);
    background-size: cover;
    height: 120px;
    width: 265px;
    margin: 0 auto 32px
}

.bodyText-GzTXXM {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.perksList-1vtwXn {
    background-color: var(--background-secondary);
    border-radius: 8px;
    margin: 16px 0
}

.perkIconGuild-KLNhuR {
    color: #ff80f4
}

.perkIconUpload-1KAE-g {
    color: #ffe83d
}

.perkIconStream-7wqAvn {
    color: #4173da
}

.perkIconChatPerks-BnKNFh {
    color: var(--brand-experiment-400)
}

.backStep-vJugKI {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: -16px
}

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

.value-IR9osW {
    width: 48px
}

.actions-6rRvry {
    border-radius: 4px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.value-IR9osW {
    text-align: center;
    height: 32px;
    background: var(--background-secondary);
    border: none;
    border-radius: 0
}

.iconWrapper-3LVgIo {
    cursor: pointer
}

.icon-TYbVk4 {
    display: block;
    padding: 8px;
    width: 32px;
    height: 32px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: var(--interactive-normal);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.icon-TYbVk4:active {
    color: var(--interactive-active)
}

.icon-TYbVk4:hover {
    color: var(--interactive-hover);
    background: var(--background-modifier-hover)
}

.icon-TYbVk4.disabled-24YXy-,.icon-TYbVk4.disabled-24YXy-:hover {
    color: var(--interactive-muted);
    cursor: not-allowed;
    background: none
}

.theme-dark .iconWrapper-3LVgIo {
    background: #72767d
}

.theme-light .iconWrapper-3LVgIo {
    background: #e3e5e8
}

.upsellFooter-3coAfO {
    background-color: var(--background-secondary);
    border-radius: 8px;
    color: var(--text-normal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    margin-top: 16px;
    padding: 8px
}

.upsellFooterIcon-wRsqlH {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    height: 24px;
    width: 24px
}

.bodyText-2BAgX2 {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px
}

.planSelectStep-siOMix {
    padding: 16px 0
}

.planSelectText-27NxQV {
    margin-bottom: 16px
}

.planSelectRow-2YPEKQ {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 8px auto
}

.planSelectorWrapper-26xZEm,.planSelectRow-2YPEKQ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.planSelectorLabel-1aEsuE {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    margin-left: 16px
}

.planSelectorPreviewPrice-2xDAwc {
    color: var(--interactive-normal);
    font-size: 16px;
    line-height: 20px
}

.planSelectDivider-3KU5-l {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 16px 0
}

.planSelectorSubtotal-Ze7sIQ {
    color: var(--interactive-active);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.reviewStep-1bHb2j {
    padding: 16px 0
}

.invoiceTableBottom-ZfxfOm,.paymentSourceWrapper-1k4xvS {
    margin: 16px 0
}

.taxInclusiveNote-1609LC {
    margin-top: 12px
}

.confirmationContainer-1TiG5F {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 56px 32px 64px
}

.confirmationAnimation-23ieIm {
    width: 400px;
    height: 140px;
    margin-bottom: 32px
}

.confirmationText-1CakOE,.confirmationUpgradedBanner-3CRRar {
    margin-bottom: 16px
}

.confirmationText-1CakOE {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.confirmationText-1CakOE p {
    margin: 0
}

.confirmationText-1CakOE p+p {
    margin-top: 8px
}

.existingSlotNotice-1KvWSb {
    background-color: var(--background-secondary);
    border-radius: 8px;
    color: var(--text-normal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    margin-top: 16px;
    padding: 8px;
    margin-bottom: 16px
}

.existingSlotIcon-zCzuDM {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    height: 24px;
    width: 24px
}

.existingSlotTooltipWarningIcon-3U0NWb {
    height: 16px;
    width: 14px;
    vertical-align: text-bottom;
    margin-left: 6px;
    cursor: pointer
}

.contentWrapper-3INYJy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.content-1AQeZG {
    overflow: hidden
}

.breadcrumbsWrapper-1m9gjf {
    border-bottom: 1px solid var(--background-modifier-accent);
    padding: 0 0 16px
}

.externalErrorBlock-RoYW2L {
    margin-top: 16px
}

.externalErrorBlock-RoYW2L a {
    text-decoration: underline
}

.bodyWrapper-3k1Slb {
    position: relative
}

.footerRight-2F0jE7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.backStep-22G5wh {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: -16px
}

.copy-3YQ4Eu {
    color: var(--text-normal)
}

.wrapper-2JeiFF {
    max-height: 100%
}

.spinnerWrapper-3MQVhb,.wrapper-2JeiFF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.spinnerWrapper-3MQVhb {
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.unsupportedBrowser-3LZq46 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #1b242b;
    text-align: center
}

.unsupportedBrowser-3LZq46,.wrap-Ep75jh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.title-3Lo6gh {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    margin: 50px 0 10px;
    text-transform: uppercase
}

.message-3vjdjX,.title-3Lo6gh {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.message-3vjdjX {
    font-weight: 500;
    margin: 0 auto 30px;
    line-height: 18px;
    max-width: 420px;
    font-size: 14px;
    padding: 0 20px;
    color: #949494
}

.browserList-NdGOy7 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.browserItem-1mKMYK:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    border-color: var(--brand-experiment)
}

.browserItem-1mKMYK:hover .browser-3GMQyB {
    background-position-y: 100px
}

.browserItem-1mKMYK:hover .btn-3wPLTq {
    background-color: var(--brand-experiment);
    border-color: var(--brand-experiment);
    color: #fff
}

.browserItemText-1h58O0 {
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5em;
    font-weight: 500;
    font-size: 12px
}

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

.browserDiscord-mlswz3 {
    background-position-x: 0
}

.browserOpera-3VgIwy {
    background-position-x: 100px
}

.browserFirefox-3rx2mR {
    background-position-x: 200px
}

.browserChrome-88x1sG {
    background-position-x: 300px
}

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

.btn-3wPLTq:active {
    position: relative;
    top: 1px
}

.theme-dark .btn-3wPLTq,.theme-light .btn-3wPLTq {
    background: transparent
}

.verifyConnectedAccount-3WFmtE {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../../assets/d20e43cdcadf850cfd8d4e953df0f3b4.html) 0 0 repeat;
    background-color: #282b30
}

.verifyConnectedAccount-3WFmtE,.verifyConnectedAccount-3WFmtE .logos-pt9vV6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.verifyConnectedAccount-3WFmtE .logos-pt9vV6 {
    margin-bottom: 95px
}

.verifyConnectedAccount-3WFmtE .logos-pt9vV6 .logosDivider-2K41nn {
    width: 28px;
    height: 28px;
    margin: 0 37px;
    background-size: 28px 28px;
    background-image: url(../../assets/6b22a209e3b29ba0ba06dd0346226460.html);
    content: " ";
    display: inline-block
}

.verifyConnectedAccount-3WFmtE .logos-pt9vV6 .logo-TOCUPc {
    width: 88px;
    height: 88px;
    background-size: 88px 88px
}

.verifyConnectedAccount-3WFmtE .logos-pt9vV6 .logoDiscord-3MZDXD {
    background-image: url(../../assets/54a3402f6ce47d7b7e15f590cb37882f.html)
}

.verifyConnectedAccount-3WFmtE .message-bWw5KR {
    text-align: center;
    font-size: 18px
}

.verifyConnectedAccount-3WFmtE .message-bWw5KR.error-2hdVlS {
    color: #ed4245
}

.verifyConnectedAccount-3WFmtE .message-bWw5KR strong {
    font-weight: 700
}

.verifyConnectedAccount-3WFmtE .btn-3HQv6W {
    margin-top: 22px;
    width: 400px;
    height: 60px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.verifyConnectedAccount-3WFmtE .btn-3HQv6W .spinnerItem-3hBt_K {
    background-color: #fff;
    opacity: .25
}

.verifyConnectedAccount-3WFmtE .btn-3HQv6W:disabled {
    cursor: not-allowed;
    background-color: #2f3136;
    opacity: 1
}

.container-2XeR5Z {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--background-tertiary)
}

.container-2XeR5Z,.inner-3ErfOT {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inner-3ErfOT {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1px
}

.disabled-jLAJq8 .inner-3ErfOT {
    opacity: .3
}

.input-1Rv96N {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    border: none;
    resize: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 48px;
    margin: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--text-normal)
}

.input-1Rv96N::-webkit-input-placeholder {
    color: var(--text-muted);
    opacity: 1
}

.disabled-jLAJq8 .input-1Rv96N {
    cursor: not-allowed
}

.tag-2gHSR7 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
    margin: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer;
    -webkit-transition: none;
    transition: none;
    background-color: var(--background-primary);
    color: var(--text-normal)
}

.tag-2gHSR7:hover {
    text-decoration: none;
    opacity: .9
}

.small-1lPjda .input-1Rv96N,.small-1lPjda .tag-2gHSR7 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    padding: 0 4px
}

.medium-2-DE5M .input-1Rv96N,.medium-2-DE5M .tag-2gHSR7 {
    font-size: 16px;
    line-height: 32px;
    height: 30px;
    padding: 0 8px
}

.large-3dt_qC .input-1Rv96N,.large-3dt_qC .tag-2gHSR7 {
    font-size: 20px;
    line-height: 40px;
    height: 38px;
    padding: 0 16px
}

.richTag-1rBBz8 {
    background-color: var(--background-secondary-alt)
}

.medium-2-DE5M .richTag-1rBBz8,.medium-2-DE5M .richTagInput-1GjAv7 {
    margin: 3px 0 3px 3px;
    height: 26px;
    line-height: 24px
}

.large-3dt_qC .richTag-1rBBz8,.large-3dt_qC .richTagInput-1GjAv7 {
    margin: 4px 0 4px 4px;
    height: 32px;
    line-height: 30px
}

.tagLabel-1Kxtxb {
    padding-left: 6px
}

.tagRoleColor-3ieGvq {
    height: 8px;
    width: 8px;
    border-radius: 50%
}

.close-3WVtCL {
    width: 12px;
    height: 12px;
    margin-left: 4px
}

.close-3WVtCL,.iconLayout-1WxHy4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.iconLayout-1WxHy4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 22px;
    height: 22px;
    cursor: text
}

.medium-2-DE5M.iconLayout-1WxHy4 {
    width: 32px;
    height: 32px
}

.large-3dt_qC.iconLayout-1WxHy4 {
    width: 40px;
    height: 40px
}

.iconContainer-O4O2CN {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 16px;
    height: 16px
}

.medium-2-DE5M .iconContainer-O4O2CN {
    width: 20px;
    height: 20px
}

.large-3dt_qC .iconContainer-O4O2CN {
    width: 24px;
    height: 24px
}

.icon-3cZ1F_ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transition: opacity .1s ease-out,-webkit-transform .1s ease-out;
    transition: opacity .1s ease-out,-webkit-transform .1s ease-out;
    transition: transform .1s ease-out,opacity .1s ease-out;
    transition: transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: var(--text-muted)
}

.icon-3cZ1F_.visible-3V0mGj {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.clear-1pMieT {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.clear-1pMieT .icon-3cZ1F_ {
    color: var(--interactive-normal)
}

.clear-1pMieT.iconLayout-1WxHy4:hover .icon-3cZ1F_ {
    color: var(--interactive-hover)
}

.wrapper-21YAQM {
    width: 500px;
    z-index: 1
}

.header-LyxrPy {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-1O1GKY;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.closeButton-O0hkB2 {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3
}

.resultWrapper-2g7r2D {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    margin-right: -10px;
    padding: 7px 10px 7px 8px;
    height: 44px;
    color: #b9bbbe;
    font-size: 16px
}

.resultWrapperSelected-3v78W2 {
    color: #fff;
    background-color: rgba(79,84,92,.3)
}

.result-2XuU55 {
    overflow: hidden;
    margin-right: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.resultAvatar-2lJWaG {
    margin-right: 10px;
    width: 30px!important;
    height: 30px!important
}

.resultIcon-9dYGgv {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-1O1GKY;
    opacity: .6
}

.resultIconBackground-ar9sVF {
    opacity: .6
}

.resultText-LZCb11 {
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.resultUsername-1oWpSm {
    margin-left: 4px;
    opacity: .5;
    font-weight: 300
}

.resultCategoryName-Heu4ue {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 16px
}

.resultCategoryName-Heu4ue,.resultGuildName-1dxVR3 {
    margin-left: 4px;
    opacity: .5;
    font-weight: 500
}

.resultGuildName-1dxVR3 {
    font-size: 14px;
    margin-right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.inviteButton-MGrg8b {
    width: 72px;
    height: 32px;
    -webkit-transition: unset;
    transition: unset;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.results-3TZ2t8 {
    height: 300px
}

.noResults-3LFG4E {
    width: 100%;
    background: url(../../assets/0b298968e0a756e25677771fd6b58b34.html) no-repeat 50% 40%
}

.container-347Bj6 {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px
}

.title-2QMS5Z {
    margin-bottom: 8px
}

.img-13DOg9 {
    width: 149px;
    height: 83px
}

.birthday-1a5GTD,.confirmContainer-26aFKb,.img-13DOg9 {
    margin-bottom: 16px
}

.confirmContainer-26aFKb {
    text-align: center;
    margin-top: 24px
}

.confirmTitle-2NBYVn {
    margin-bottom: 8px
}

.confirmFooter-3qlQIM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container-W_-I6J {
    text-align: center;
    margin-top: 16px
}

.title-3Bn9Ug {
    margin-bottom: 8px
}

.img-32j92f,.subtitle-3Sv-2Y {
    margin-bottom: 16px
}

.img-32j92f {
    width: 252px;
    height: 168px
}

.container-aP5JfW {
    text-align: center;
    margin-top: 16px
}

.title-9DQOZZ {
    margin-bottom: 8px
}

.img-3KRB1J,.subtitle-3GNI_g {
    margin-bottom: 16px
}

.img-3KRB1J {
    width: 113px;
    height: 94px
}

.header-1Ijz4R {
    padding: 24px 16px 0
}

.channelPrompt-1kjOz3 {
    padding: 16px;
    margin-top: 8px;
    margin-bottom: 16px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.closeButton-miMLYp {
    position: absolute;
    top: 12px;
    right: 12px
}

.guildName-1kMlYi {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

.title-z3hreh {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700
}

.subtitle-2942Dz {
    margin-top: 8px;
    font-size: 16px;
    line-height: 20px
}

.skipButton-U0dQ2q {
    margin-right: 16px
}

.container-UC8Ug1 {
    border-radius: 8px;
    border: 1px solid var(--background-modifier-accent);
    background-color: var(--background-primary);
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: 100%;
    padding: 0
}

.container-UC8Ug1:hover {
    background-color: var(--background-modifier-hover)
}

.keyboard-mode .container-UC8Ug1:focus {
    background-color: var(--background-modifier-selected)
}

.container-UC8Ug1:active {
    background-color: var(--background-modifier-active)
}

.icon-QM5383 {
    margin: 8px 8px 8px 16px
}

.text-1FOLJS {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis
}

.arrow-hynWUl {
    margin-left: auto;
    margin-right: 16px
}

.header-1BLHoL {
    padding: 24px 16px 0
}

.closeButton-_onk93 {
    position: absolute;
    top: 12px;
    right: 12px
}

.title-LqAd9K {
    font-weight: 700
}

.subtitle-1Q3BuX,.title-LqAd9K {
    text-align: center
}

.subtitle-1Q3BuX {
    margin-top: 8px
}

.optionsList-3UMAjx {
    margin-top: 24px;
    padding: 0 16px 8px
}

.backButton-iA7KIs {
    height: 38px;
    margin-right: auto
}

.skip-2o6MGG {
    text-align: center;
    margin-top: 18px;
    margin-bottom: 16px
}

.slider-1PF9SW {
    width: 100%;
    height: 40px;
    position: relative
}

.mini-dmm9yo {
    height: 20px
}

.mini-dmm9yo .bar-2Qqk5Z {
    top: 17px;
    height: 6px
}

.mini-dmm9yo .grabber-3mFHz2 {
    width: 12px;
    height: 12px;
    margin-left: -7px;
    margin-top: 3px;
    border-radius: 50%
}

.disabled-bolDAc {
    opacity: .6
}

.disabled-bolDAc .grabber-3mFHz2 {
    cursor: not-allowed
}

.input-2_ChIk {
    display: none
}

.bar-2Qqk5Z {
    position: relative;
    top: 16px;
    height: 8px;
    border-radius: 4px;
    display: block;
    overflow: hidden
}

.barFill-23-gu- {
    background: var(--brand-experiment);
    height: 100%
}

.track-11EASc {
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    left: 5px
}

.grabber-3mFHz2 {
    width: 10px;
    height: 24px;
    margin-left: -5px;
    top: 50%;
    margin-top: -13px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dcddde;
    -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);
    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
}

.grabber-3mFHz2,.mark-1xjQqt {
    position: absolute;
    left: 0
}

.mark-1xjQqt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    margin-left: -12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.markAbove-2I4brk {
    top: -6px
}

.markBelow-6DH75T {
    bottom: -12px
}

.markValue-2DwdXI {
    padding-left: 1px;
    font-weight: 700;
    font-size: 10px;
    margin-bottom: 4px
}

.markDash-3hAolZ {
    height: 24px;
    width: 2px
}

.markDashSimple-1vLOGW {
    margin-top: 10px
}

.theme-light .bar-2Qqk5Z {
    background: #dcddde
}

.theme-light .markValue-2DwdXI {
    color: #b9bbbe
}

.theme-light .markDash-3hAolZ {
    background: #dcddde
}

.theme-dark .bar-2Qqk5Z {
    background: #4f545c
}

.theme-dark .markValue-2DwdXI {
    color: #72767d
}

.theme-dark .markDash-3hAolZ {
    background: #4f545c
}

.defaultValue-3gC7yw .markValue-2DwdXI {
    color: var(--text-positive)
}

.modalContent-nFuWe- {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.editingContainer-1iOrsV,.modalContent-nFuWe- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.editingContainer-1iOrsV {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background-color: #000;
    border-radius: 4px
}

.editingContainerAvatar-HyS-Vl {
    min-height: 300px;
    height: 400px;
    max-height: 500px
}

.editingContainerBanner-OAHy-i {
    height: 300px
}

.image-1O4VR4 {
    height: 100%;
    pointer-events: all;
    position: absolute;
    cursor: -webkit-grab;
    cursor: grab
}

.icon-1BtL8T {
    color: var(--text-normal);
    padding: 0 20px
}

.overlay-qP93Id {
    z-index: 1;
    border: 5px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    position: absolute
}

.overlayAvatar-1voNS7 {
    -webkit-box-shadow: rgba(47,49,54,.6) 0 0 0 9999px;
    box-shadow: 0 0 0 9999px rgba(47,49,54,.6);
    border-radius: 50%
}

.overlayAvatar-1voNS7,.overlayBanner-394JZU {
}

.sliderContainer-2Pbe0z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90%;
    margin: 20px auto
}

.cancelButton-2NwKof {
    margin-right: 12px
}

.modalFooter-37WjOa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.premiumPromo-3oM7cT {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px 15px;
    margin-top: -5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-P4SiGI,.premiumPromo-3oM7cT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.content-P4SiGI {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    cursor: pointer;
    opacity: .6
}

.content-P4SiGI:hover {
    opacity: 1
}

.content-P4SiGI:hover .navArrow-3Q9QPC {
    -webkit-transform: translate3d(2px,0,0);
    transform: translate3d(2px,0,0)
}

.navArrow-3Q9QPC {
    width: 14px;
    height: 14px;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out,-webkit-transform .1s ease-in-out
}

@-webkit-keyframes uploadIconAnimateInLeft-lEUOPh {
    0% {
        -webkit-transform: translateZ(0) rotate(0deg);
        transform: translateZ(0) rotate(0deg);
        opacity: .6
    }

    4.1667% {
        -webkit-transform: translate3d(0,-1px,0) rotate(0deg);
        transform: translate3d(0,-1px,0) rotate(0deg);
        opacity: .68
    }

    30.8334% {
        -webkit-transform: translate3d(-48px,-10px,0) rotate(-36deg);
        transform: translate3d(-48px,-10px,0) rotate(-36deg);
        opacity: 1
    }

    58.3334% {
        -webkit-transform: translate3d(-41px,-3px,0) rotate(-28deg);
        transform: translate3d(-41px,-3px,0) rotate(-28deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translate3d(-45px,-8px,0) rotate(-32deg);
        transform: translate3d(-45px,-8px,0) rotate(-32deg);
        opacity: 1
    }

    83.3334% {
        -webkit-transform: translate3d(-44px,-7px,0) rotate(-30.7deg);
        transform: translate3d(-44px,-7px,0) rotate(-30.7deg);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-44px,-6px,0) rotate(-30deg);
        transform: translate3d(-44px,-6px,0) rotate(-30deg);
        opacity: 1
    }
}

@keyframes uploadIconAnimateInLeft-lEUOPh {
    0% {
        -webkit-transform: translateZ(0) rotate(0deg);
        transform: translateZ(0) rotate(0deg);
        opacity: .6
    }

    4.1667% {
        -webkit-transform: translate3d(0,-1px,0) rotate(0deg);
        transform: translate3d(0,-1px,0) rotate(0deg);
        opacity: .68
    }

    30.8334% {
        -webkit-transform: translate3d(-48px,-10px,0) rotate(-36deg);
        transform: translate3d(-48px,-10px,0) rotate(-36deg);
        opacity: 1
    }

    58.3334% {
        -webkit-transform: translate3d(-41px,-3px,0) rotate(-28deg);
        transform: translate3d(-41px,-3px,0) rotate(-28deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translate3d(-45px,-8px,0) rotate(-32deg);
        transform: translate3d(-45px,-8px,0) rotate(-32deg);
        opacity: 1
    }

    83.3334% {
        -webkit-transform: translate3d(-44px,-7px,0) rotate(-30.7deg);
        transform: translate3d(-44px,-7px,0) rotate(-30.7deg);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-44px,-6px,0) rotate(-30deg);
        transform: translate3d(-44px,-6px,0) rotate(-30deg);
        opacity: 1
    }
}

@-webkit-keyframes uploadIconAnimateInMiddle-3DqCs3 {
    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-3DqCs3 {
    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-KUAMIW {
    0% {
        -webkit-transform: translateZ(0) rotate(0deg);
        transform: translateZ(0) rotate(0deg);
        opacity: .6
    }

    4.1667% {
        -webkit-transform: translate3d(0,-1px,0) rotate(0deg);
        transform: translate3d(0,-1px,0) rotate(0deg);
        opacity: .68
    }

    30.8334% {
        -webkit-transform: translate3d(48px,-10px,0) rotate(36deg);
        transform: translate3d(48px,-10px,0) rotate(36deg);
        opacity: 1
    }

    58.3334% {
        -webkit-transform: translate3d(41px,-3px,0) rotate(28deg);
        transform: translate3d(41px,-3px,0) rotate(28deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translate3d(45px,-8px,0) rotate(32deg);
        transform: translate3d(45px,-8px,0) rotate(32deg);
        opacity: 1
    }

    83.3334% {
        -webkit-transform: translate3d(44px,-7px,0) rotate(30.7deg);
        transform: translate3d(44px,-7px,0) rotate(30.7deg);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(44px,-6px,0) rotate(30deg);
        transform: translate3d(44px,-6px,0) rotate(30deg);
        opacity: 1
    }
}

@keyframes uploadIconAnimateInRight-KUAMIW {
    0% {
        -webkit-transform: translateZ(0) rotate(0deg);
        transform: translateZ(0) rotate(0deg);
        opacity: .6
    }

    4.1667% {
        -webkit-transform: translate3d(0,-1px,0) rotate(0deg);
        transform: translate3d(0,-1px,0) rotate(0deg);
        opacity: .68
    }

    30.8334% {
        -webkit-transform: translate3d(48px,-10px,0) rotate(36deg);
        transform: translate3d(48px,-10px,0) rotate(36deg);
        opacity: 1
    }

    58.3334% {
        -webkit-transform: translate3d(41px,-3px,0) rotate(28deg);
        transform: translate3d(41px,-3px,0) rotate(28deg);
        opacity: 1
    }

    75% {
        -webkit-transform: translate3d(45px,-8px,0) rotate(32deg);
        transform: translate3d(45px,-8px,0) rotate(32deg);
        opacity: 1
    }

    83.3334% {
        -webkit-transform: translate3d(44px,-7px,0) rotate(30.7deg);
        transform: translate3d(44px,-7px,0) rotate(30.7deg);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(44px,-6px,0) rotate(30deg);
        transform: translate3d(44px,-6px,0) rotate(30deg);
        opacity: 1
    }
}

@-webkit-keyframes uploadModalShake-1PBhUb {
    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-1PBhUb {
    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-3vkVkM {
    0%,8.334% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
        opacity: 0
    }

    45.8%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes uploadTextFadeIn-3vkVkM {
    0%,8.334% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
        opacity: 0
    }

    45.8%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes uploadModalBounceTransition-2UbjF9 {
    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-2UbjF9 {
    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-30cglS {
    0% {
        -webkit-transform: translateZ(0) scale(.99);
        transform: translateZ(0) scale(.99)
    }

    15%,to {
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -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-30cglS {
    0% {
        -webkit-transform: translateZ(0) scale(.99);
        transform: translateZ(0) scale(.99)
    }

    15%,to {
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -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-3QgLtW {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: rgba(0,0,0,.8);
    font-size: 36px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    z-index: 2000
}

.uploadArea-3QgLtW strong {
    font-weight: 700
}

.uploadArea-3QgLtW * {
    pointer-events: none
}

.uploadArea-3QgLtW.droppable-1orUyP {
    visibility: visible
}

.uploadArea-3QgLtW.uploadModalIn-1z07Bv {
    opacity: 1
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc {
    -webkit-animation: uploadIconAnimateIn-2ME8Vn .25s ease-in-out 0s normal forwards;
    animation: uploadIconAnimateIn-2ME8Vn .25s ease-in-out 0s normal forwards;
    width: 310px;
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .icon-kyxXVr.one-2crnLX {
    -webkit-animation: uploadIconAnimateInLeft-lEUOPh .8s ease 0s normal forwards;
    animation: uploadIconAnimateInLeft-lEUOPh .8s ease 0s normal forwards
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .icon-kyxXVr.two-3BBQI9 {
    -webkit-animation: uploadIconAnimateInMiddle-3DqCs3 .8s ease 0s normal forwards;
    animation: uploadIconAnimateInMiddle-3DqCs3 .8s ease 0s normal forwards
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .icon-kyxXVr.three-27ScFD {
    -webkit-animation: uploadIconAnimateInRight-KUAMIW .8s ease 0s normal forwards;
    animation: uploadIconAnimateInRight-KUAMIW .8s ease 0s normal forwards
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .instructions-2Du9gG,.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .title-2Vtl4y {
    opacity: 0;
    -webkit-animation: uploadTextFadeIn-3vkVkM 1s ease .175s normal forwards;
    animation: uploadTextFadeIn-3vkVkM 1s ease .175s normal forwards
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .instructions-2Du9gG {
    -webkit-animation-delay: .185s;
    animation-delay: .185s;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc.error-kKl9o2 {
    background-color: #d83c3f;
    -webkit-animation: uploadModalShake-1PBhUb .82s cubic-bezier(.36,.07,.19,.97) both;
    animation: uploadModalShake-1PBhUb .82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc.error-kKl9o2 .instructions-2Du9gG {
    margin-bottom: 15px
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc.error-kKl9o2 a {
    cursor: pointer;
    color: hsla(0,0%,100%,.7)
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc.error-kKl9o2 a:hover {
    color: #fff
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc.error-kKl9o2 .icon-kyxXVr.one-2crnLX {
    -webkit-animation-delay: .115s;
    animation-delay: .115s
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc.error-kKl9o2 .icon-kyxXVr.two-3BBQI9 {
    -webkit-animation-delay: .01s;
    animation-delay: .01s
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc.error-kKl9o2 .icon-kyxXVr.three-27ScFD {
    -webkit-animation-delay: .08s;
    animation-delay: .08s
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 10px;
    background: var(--brand-experiment);
    -webkit-animation: uploadModalBounce-30cglS .8s ease 0s normal forwards;
    animation: uploadModalBounce-30cglS .8s ease 0s normal forwards
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px dashed hsla(0,0%,100%,.4);
    border-radius: 6px;
    width: 100%
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .title-2Vtl4y {
    font-size: 22px;
    font-weight: 700;
    padding: 0 8px;
    width: 100%;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .title-2Vtl4y strong {
    color: #fff
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .instructions-2Du9gG {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
    color: #fff
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .icons-1w691d {
    position: relative;
    width: 100px;
    height: 60px
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .wrapOne-14G98n {
    -webkit-transform: translate3d(0,-70px,0);
    transform: translate3d(0,-70px,0)
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .wrapTwo-mQGI3R {
    -webkit-transform: translate3d(0,-80px,0);
    transform: translate3d(0,-80px,0)
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .wrapThree-1CNQ42 {
    -webkit-transform: translate3d(0,-70px,0);
    transform: translate3d(0,-70px,0)
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .icon-kyxXVr {
    position: absolute;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100px;
    height: 130px;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .icon-kyxXVr.one-2crnLX {
    background-image: url(../../assets/3c2ce4428c2c44824b07162f648524f5.html);
    opacity: 0
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .icon-kyxXVr.two-3BBQI9 {
    background-image: url(../../assets/1939fe07993a754364bf3fee5223428d.html);
    -webkit-filter: drop-shadow(0 0 48px rgba(88,101,242,.5));
    filter: drop-shadow(0 0 48px rgba(88,101,242,.5))
}

.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .icon-kyxXVr.three-27ScFD {
    background-image: url(../../assets/d6bb78c1d64640ad06cc8cdd1c61b67d.html);
    opacity: 0
}

.crossOne-G8l6vW,.crossTwo-aG_i7H,.lightOne-i8nDwl,.lightTwo-3AK5zn,.popOne-33Hy62,.sparkleOne-zvhFgj,.sparkleTwo-R0oeYq {
    opacity: .95;
    z-index: 1;
    -webkit-animation-iteration-count: 1!important;
    animation-iteration-count: 1!important
}

.sparkleOne-zvhFgj {
    bottom: -40px;
    right: -15px
}

.sparkleTwo-R0oeYq {
    top: -67px;
    right: 12px;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.lightOne-i8nDwl {
    top: 24px;
    right: -35px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.lightTwo-3AK5zn {
    top: -32px;
    left: -10px;
    -webkit-animation-delay: .61s;
    animation-delay: .61s
}

.crossOne-G8l6vW {
    right: 100px;
    bottom: -35px;
    -webkit-animation-delay: .56s;
    animation-delay: .56s
}

.crossTwo-aG_i7H {
    left: -70px;
    bottom: 50px;
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.popOne-33Hy62 {
    bottom: -40px;
    left: 50px;
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.uploadModal-2ifh8j {
    width: 530px;
    min-height: 258px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-filter: blur(0);
    filter: blur(0)
}

.uploadModal-2ifh8j.transitioning-jYFzwb {
    -webkit-animation: uploadModalBounceTransition-2UbjF9 .2s ease 0s normal forwards;
    animation: uploadModalBounceTransition-2UbjF9 .2s ease 0s normal forwards
}

.uploadModal-2ifh8j .inner-3nWsbo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 4px;
    color: var(--header-primary)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K {
    position: relative;
    height: 103px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K.expandable-3khGbD {
    height: unset;
    display: block
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K.expandable-3khGbD .description-2ug5H_ {
    padding: 16px 16px 24px
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100px;
    height: 130px;
    margin-top: -42px;
    background-repeat: no-repeat;
    background-position: 50%
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
    background-color: var(--background-secondary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
    box-shadow: 0 2px 8px rgba(0,0,0,.4)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.video-27RLEH {
    background-image: url(../../assets/81d1e0f3ad7aa06b1a82da2492cf8699.html)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.acrobat-3K1PC6 {
    background-image: url(../../assets/aee87e981ef9acae845ef397c7a034c5.html)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.ae-1Y5Jq3 {
    background-image: url(../../assets/f8e80ba7587764ddfa27aa1e02c6ed54.html)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.sketch-ZMuo7D {
    background-image: url(../../assets/318ce2f97a8bd1d7a693938d9aff5f08.html)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.ai-11KAaB {
    background-image: url(../../assets/f1141359084b3b61f3a41adbe541fdbb.html)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.archive-2hqXug {
    background-image: url(../../assets/4f27cbf7f975daa32fe7c8dec19ce2de.html)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.code-aoB-kL {
    background-image: url(../../assets/d6bb78c1d64640ad06cc8cdd1c61b67d.html)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.document-2cvI0u {
    background-image: url(../../assets/3c2ce4428c2c44824b07162f648524f5.html)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.photoshop-1UWfyZ,.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.ps-2T6Jrl {
    background-image: url(../../assets/06d2bb1aa36f4ded097cc069df5ee305.html)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.spreadsheet-1QuSej {
    background-image: url(../../assets/1939fe07993a754364bf3fee5223428d.html)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.webcode-22GGLX {
    background-image: url(../../assets/557b6b6b982a8c2b2c97048b86e2e6c3.html)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.audio-14DQXq {
    background-image: url(../../assets/7674eb0d869afebca7b1f3a5202506c6.html);
    margin: -42px 8px 8px
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.unknown-3TPTMr {
    background-image: url(../../assets/66084381f55f4238d69e5cbe3b8dc42e.html)
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .description-2ug5H_ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 16px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .description-2ug5H_ .filename-ovv3c5 {
    font-size: 20px;
    font-weight: 700;
    height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .description-2ug5H_ .subtitle-26nRzM {
    color: var(--header-secondary);
    font-size: 16px;
    line-height: 20px;
    margin-top: 4px
}

.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .description-2ug5H_ .filesize-s2nTZM {
    margin-top: 6px;
    font-size: 10px;
    opacity: .6
}

.uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf {
    margin: 0 18px
}

.uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf .label-3aiqT2 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500
}

.uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf .label-3aiqT2 .optional--ezibr {
    color: var(--header-secondary);
    margin-left: 5px
}

.uploadModal-2ifh8j .inner-3nWsbo .channelTextAreaUpload-3t7EIx {
    margin-bottom: 18px
}

.uploadModal-2ifh8j .footer-3mqk7D,.uploadModal-2ifh8j .hasSpoilers-1IRtQC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.uploadModal-2ifh8j .footer-3mqk7D {
    border-radius: 0 0 5px 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px;
    z-index: 1;
    overflow-x: hidden
}

.uploadModal-2ifh8j .footer-3mqk7D.hasSpoilers-1IRtQC {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cancelAllButton-16p7ma {
    margin: 0 auto 0 0
}

.theme-dark .uploadModal-2ifh8j {
    background-color: #36393f;
    -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)
}

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

.theme-light .uploadModal-2ifh8j {
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-light .footer-3mqk7D {
    background-color: #f6f6f7;
    -webkit-box-shadow: inset 0 1px 0 rgba(246,246,247,.6);
    box-shadow: inset 0 1px 0 rgba(246,246,247,.6)
}

.destination-3ZiRO2 {
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

.destination-3ZiRO2 strong {
    color: var(--header-primary);
    font-weight: 500
}

.iconContainer-2B0ixr {
    height: 80px;
    position: relative;
    width: 80px
}

.filledIcon-2eb7eA {
    background-color: var(--background-secondary-alt);
    border-radius: 80px;
    height: 80px;
    width: 80px
}

.header-287ONi {
    padding: 24px 16px 0
}

.closeButton-26zew5 {
    position: absolute;
    top: 12px;
    right: 12px
}

.title-Z_XiOC {
    font-weight: 700
}

.subtitle-1KdHaN,.title-Z_XiOC {
    text-align: center
}

.subtitle-1KdHaN {
    margin-top: 8px
}

.createGuild-23lWNm {
    margin: 20px 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.uploadIcon-2IFzZU {
    padding-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--interactive-normal)
}

.nameInput-2LpnKg {
    margin-top: 32px
}

.guidelines-1NSoht {
    margin-top: 8px;
    padding-bottom: 4px
}

.creationIntentCheckbox-1rWz6L {
    margin-top: 18px
}

.creationIntentText-3OlELP {
    color: var(--interactive-normal)
}

.header-3msK0M {
    padding: 24px 16px 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.closeButton-9dkb_x {
    position: absolute;
    top: 12px;
    right: 12px
}

.templatesList-2E6rTe {
    margin-top: 24px;
    padding: 0 8px 8px 16px;
    height: 330px
}

.title-3w8xhj {
    font-weight: 700
}

.subtitle-Nw1LLR,.title-3w8xhj {
    text-align: center
}

.subtitle-Nw1LLR {
    margin-top: 8px
}

.optionHeader-1-5lcp {
    margin-top: 16px;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: uppercase
}

.footer-1NnaNd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footerTitle-2CYZch {
    margin-bottom: 8px
}

.footerButton-ayFTfX {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.header-1Xr5FO {
    position: relative;
    text-align: center
}

.title-XLSR78 {
    font-weight: 700;
    margin-bottom: 8px
}

.closeButton-1RFOLl {
    position: absolute;
    top: 12px;
    right: 12px
}

.inputForm-N3LGqy {
    margin-bottom: 16px
}

.formTitle-aeXUoN {
    color: var(--interactive-normal);
    margin-bottom: 8px
}

.formTitle-aeXUoN.error-kfqhb1 {
    color: #ed4245
}

.input--jS-j2 {
    background-color: var(--background-tertiary)
}

.inputInner-2akrSS {
    border: none
}

.examplesForm-1PzAn- {
    margin-bottom: 16px
}

.sampleLink-2NLvZg {
    font-size: 14px;
    line-height: 18px;
    color: var(--header-primary)
}

.footer-2ZvXOl {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container-1CE3eW {
    width: 440px;
    max-height: 580px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

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

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

.checkbox-3kaeSU .checkboxInner-3yjcPe:after,.checkbox-3kaeSU .checkboxInner-3yjcPe:before {
    content: ""
}

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

.checkbox-3kaeSU .checkboxInner-3yjcPe+span {
    margin-left: 8px
}

.checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p {
    display: none
}

.checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked+span {
    background-color: var(--brand-experiment);
    border-color: var(--brand-experiment)
}

.checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked+span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    display: table;
    width: 4px;
    height: 10px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:disabled+span {
    border-color: #cdcdcd;
    background-color: #f3f3f3;
    cursor: not-allowed
}

.checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked:disabled+span {
    background-color: var(--brand-experiment-300);
    border-color: var(--brand-experiment-300)
}

.checkbox-3kaeSU .checkboxInner-3yjcPe.alt-6FvZrq .checkboxElement-1qV33p+span {
    background: #fff;
    border-color: #fff
}

.checkbox-3kaeSU .checkboxInner-3yjcPe.alt-6FvZrq .checkboxElement-1qV33p:checked+span:after {
    border-color: var(--brand-experiment)
}

.theme-dark .checkbox-3kaeSU .checkboxInner-3yjcPe span {
    border-color: hsla(0,0%,100%,.2)
}

.root-2IyrUe {
    border-radius: 8px;
    background: var(--background-secondary);
    overflow: hidden
}

.option-3Ztn6N {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--interactive-active);
    padding: 16px;
    cursor: pointer;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.option-3Ztn6N:hover {
    background: var(--background-modifier-hover);
    border-bottom-color: transparent
}

.option-3Ztn6N:last-child {
    border-bottom: none
}

.text-NjYDzs {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.caret-3iKYZt {
    color: var(--interactive-normal);
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px
}

.textArea-1Lj-Ns {
    height: auto;
    resize: none
}

.resizeable-3Dlqvo {
    resize: auto
}

.inputMaxLength-1vRluy {
    position: relative
}

.flex-2mWL14 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.maxLength-39QFBo {
    position: absolute;
    bottom: 12px;
    right: 14px;
    font-size: 12px;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    pointer-events: none;
    color: #72767d
}

.headerContainer-3-vFuY {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.simpleHeaderContainer-af-IOe {
    margin-bottom: 16px
}

.helpdeskLink-1OuOa1 {
    margin-top: 8px
}

.header-B-DcDj {
    font-weight: 700
}

.header-B-DcDj,.ratingBody-2p2rH4 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.ratingBody-2p2rH4 {
    margin-top: 8px;
    color: var(--text-normal)
}

.footer-2Bb21C {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.emojis-3mSQwp {
    width: 240px;
    margin: 16px auto 8px
}

.problemInfo-1qfNLW {
    margin-bottom: 24px
}

.emoji-1N-wHh {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transition-property: -webkit-transform opacity filter;
    transition-property: -webkit-transform opacity filter;
    transition-property: transform opacity filter;
    transition-property: transform opacity filter,-webkit-transform opacity filter
}

.emoji-1N-wHh.selected-2jwLHq,.emoji-1N-wHh:hover {
    -webkit-filter: none;
    filter: none
}

.emoji-1N-wHh:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

.emojiSad-1iG7c0 {
    background-image: url(../../assets/9bccf834edfbb31d3b8bd3d72e279f6c.html)
}

.emojiNeutral-1AAukj {
    background-image: url(../../assets/83942d9e1bfaf1e07b77a68504607b72.html)
}

.emojiHappy-1umapU {
    background-image: url(../../assets/d211ec6a4c42a1a38e79323b40511eeb.svg)
}

.hidden-36kfaz {
    visibility: hidden
}

.theme-dark .emoji-1N-wHh {
    opacity: .4
}

.theme-dark .emoji-1N-wHh.selected-2jwLHq,.theme-dark .emoji-1N-wHh:hover {
    opacity: 1
}

.theme-dark .header-B-DcDj {
    color: #fff
}

.theme-light .emoji-1N-wHh {
    opacity: .6
}

.theme-light .emoji-1N-wHh.selected-2jwLHq,.theme-light .emoji-1N-wHh:hover {
    opacity: 1
}

.theme-light .header-B-DcDj {
    color: #23262a
}

.title-3mEw9k {
    margin: 0
}

.fullArt-2izgMA {
    margin: 38px 0 20px;
    background: url(../../assets/5cead3f236ff233c59ebbf9caeda1b84.html);
    width: 100%;
    height: 93px;
    background-position: 50%;
    background-repeat: no-repeat
}

.header-1CDBgT {
    margin: 0
}

.content-Ulq9NI {
    font-weight: 500
}

.modalCloseButton-ZynU77 {
    margin: -4px
}

.wrapper-2a6GCs {
    position: relative;
    word-wrap: break-word;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 16px;
    min-height: 1.375rem
}

.compact-T3H92H.wrapper-2a6GCs {
    padding-left: 5rem
}

.compact-T3H92H.wrapper-2a6GCs,.cozy-3raOZG.wrapper-2a6GCs {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.cozy-3raOZG.wrapper-2a6GCs {
    padding-left: 72px
}

.repliedMessage-VokQwo {
    --reply-spacing: 4px;
    color: var(--header-secondary);
    position: relative;
    white-space: pre;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.executedCommand-2GE3w2,.repliedMessage-VokQwo,.threadMessageAccessory-1pYyA- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.125rem
}

.executedCommand-2GE3w2,.threadMessageAccessory-1pYyA- {
    height: 18px;
    min-width: 0
}

.repliedMessage-VokQwo.latin12CompactTimeStamp-38a8OU {
    --timestamp-width: 2.25rem
}

.repliedMessage-VokQwo.latin24CompactTimeStamp-2V7XIQ {
    --timestamp-width: 3.1rem
}

.repliedMessage-VokQwo.asianCompactTimeStamp-1K6-VB {
    --timestamp-width: 4.25rem
}

.compact-T3H92H .repliedMessage-VokQwo {
    --text-indent: -4rem;
    margin-left: calc(var(--timestamp-width) + .25rem + var(--text-indent));
    padding-left: .625rem
}

.cozy-3raOZG .repliedMessage-VokQwo {
    margin-bottom: var(--reply-spacing)
}

.cozy-3raOZG .repliedMessage-VokQwo:before {
    --avatar-size: 40px;
    --gutter: 16px
}

.a11y-font-scaled-down .cozy-3raOZG .repliedMessage-VokQwo:before {
    --avatar-size: 2.5rem;
    --wrapper-padding-left: 4.5rem;
    --avatar-position-left: 1rem;
    --gutter: calc(var(--wrapper-padding-left) - var(--avatar-position-left) - var(--avatar-size))
}

.compact-T3H92H .repliedMessage-VokQwo:before {
    --avatar-size: var(--timestamp-width);
    --gutter: 0.25rem
}

.repliedMessage-VokQwo:before {
    --spine-width: 2px;
    content: "";
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    right: 100%;
    bottom: 0;
    left: calc(-1*(var(--avatar-size)/2 + var(--gutter)));
    margin-right: var(--reply-spacing);
    margin-top: calc(-1*var(--spine-width)/2);
    margin-left: calc(-1*var(--spine-width)/2);
    margin-bottom: calc(.125rem - 4px);
    border-left: var(--spine-width) solid var(--background-accent);
    border-bottom: 0 solid var(--background-accent);
    border-right: 0 solid var(--background-accent);
    border-top: var(--spine-width) solid var(--background-accent);
    border-top-left-radius: 6px
}

.compact-T3H92H .repliedMessage-VokQwo:before {
    right: calc(100% - .625rem)
}

.executedCommandAvatar-yZ5r9z,.replyAvatar-1K9Wmr,.replyBadge-r1su3o,.threadMessageAccessoryAvatar-2XWCxw {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: .25rem
}

.threadMessageAccessoryAvatar-2XWCxw {
    margin-right: 8px
}

.replyBadge-r1su3o {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--header-secondary);
    background: var(--background-tertiary)
}

.replyIcon-1b4Xjp {
    width: 10.8px;
    height: 7.2px
}

.commandIcon-SBYpgi {
    width: 5px;
    height: 9px
}

.executedCommand-2GE3w2 .applicationName-1-Uq7y,.executedCommand-2GE3w2 .commandName-1klrjB,.executedCommand-2GE3w2 .username-1A8OIy,.repliedMessage-VokQwo .username-1A8OIy,.threadMessageAccessory-1pYyA- .username-1A8OIy {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: inherit;
    line-height: inherit;
    margin-right: .25rem;
    opacity: .64
}

.executedCommand-2GE3w2 .applicationName-1-Uq7y,.executedCommand-2GE3w2 .commandName-1klrjB,.executedCommand-2GE3w2 .username-1A8OIy {
    margin-right: 0
}

.executedCommand-2GE3w2 .botTag-1un5a6,.repliedMessage-VokQwo .botTag-1un5a6,.threadMessageAccessory-1pYyA- .botTag-1un5a6 {
    top: 0
}

.executedCommand-2GE3w2 .commandName-1klrjB {
    font-weight: 500;
    color: var(--text-link)
}

.executedCommand-2GE3w2 .applicationName-1-Uq7y {
    font-weight: 500;
    color: var(--header-primary)
}

.repliedTextPreview-2NBljf,.threadMessageAccessoryPreview-1uSsue {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.threadMessageAccessoryPreview-1uSsue {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.repliedTextPreview-2NBljf.clickable-1bVtEA {
    cursor: pointer
}

.repliedTextPreview-2NBljf.clickable-1bVtEA:hover {
    color: var(--header-primary)
}

.repliedMessage-VokQwo .repliedTextPreview-2NBljf .repliedTextContent-1R3vnK,.threadMessageAccessory-1pYyA- .threadMessageAccessoryPreview-1uSsue .threadMessageAccessoryContent-1LHM39 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    white-space: pre;
    text-overflow: ellipsis;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.repliedMessage-VokQwo .repliedTextPreview-2NBljf .repliedTextContent-1R3vnK code,.threadMessageAccessory-1pYyA- .threadMessageAccessoryPreview-1uSsue .threadMessageAccessoryContent-1LHM39 code {
    white-space: pre
}

.repliedTextPlaceholder-dmN7D1,.threadMessageAccessoryPlaceholder-2pTLxK {
    font-style: italic;
    padding-right: 2px
}

.repliedTextContentIcon-1ivTae,.threadMessageAccessoryContentIcon-1QAVEG {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-left: 4px
}

.compact-T3H92H .contents-2mQqc9 {
    margin-left: -5rem;
    padding-left: 5rem;
    text-indent: -4rem
}

.cozy-3raOZG .contents-2mQqc9 {
    position: static;
    margin-left: 0;
    padding-left: 0;
    text-indent: 0
}

.zalgo-jN1Ica.compact-T3H92H .messageContent-2qWWxC {
    overflow: hidden
}

.compact-T3H92H .header-23xsNx {
    display: inline
}

.cozy-3raOZG .header-23xsNx {
    display: block;
    position: relative;
    line-height: 1.375rem;
    min-height: 1.375rem;
    color: var(--text-muted);
    white-space: break-spaces;
    word-wrap: pre-wrap
}

.zalgo-jN1Ica.cozy-3raOZG .header-23xsNx {
    overflow: hidden
}

.a11y-font-scaled-down .cozy-3raOZG.wrapper-2a6GCs,.a11y-font-scaled-down .cozy-3raOZG.wrapper-2a6GCs .header-23xsNx {
    padding-left: 4.5rem
}

.a11y-font-scaled-down .cozy-3raOZG .header-23xsNx {
    margin-left: -4.5rem
}

.buttonContainer-DHceWr {
    position: absolute;
    top: 0;
    right: 0
}

.systemMessageAccessories-2uCWxo {
    margin-left: 2.5rem
}

.avatar-1BDn8e {
    position: absolute;
    left: 16px;
    margin-top: calc(4px - .125rem);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    pointer-events: none;
    z-index: 1
}

.a11y-font-scaled-down .avatar-1BDn8e {
    width: 2.5rem;
    height: 2.5rem;
    left: 1rem;
    margin-top: .125rem
}

.avatar-1BDn8e.clickable-1bVtEA {
    pointer-events: auto
}

.full-motion .avatar-1BDn8e.clickable-1bVtEA:hover {
    -webkit-filter: drop-shadow(var(--elevation-medium));
    filter: drop-shadow(var(--elevation-medium))
}

.avatar-1BDn8e.clickable-1bVtEA:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.timestamp-3ZCmNB {
    display: inline-block;
    height: 1.25rem;
    cursor: default;
    pointer-events: none;
    font-weight: 500
}

.timestampInline-yHQ6fX {
    margin-left: .25rem
}

.timestamp-3ZCmNB.latin12CompactTimeStamp-38a8OU {
    width: 2.25rem
}

.timestamp-3ZCmNB.latin24CompactTimeStamp-2V7XIQ {
    width: 3.1rem
}

.timestamp-3ZCmNB.asianCompactTimeStamp-1K6-VB {
    width: 4.25rem
}

.mouse-mode .timestamp-3ZCmNB {
    pointer-events: auto
}

.cozy-3raOZG .timestamp-3ZCmNB {
    font-size: 0.75rem;
    line-height: 1.375rem;
    color: var(--text-muted);
    vertical-align: baseline
}

.background-opacity-high .cozy-3raOZG .timestamp-3ZCmNB,.background-opacity-low .cozy-3raOZG .timestamp-3ZCmNB,.background-opacity-medium .cozy-3raOZG .timestamp-3ZCmNB {
    display: none
}

.compact-T3H92H .timestamp-3ZCmNB,.cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt {
    text-align: right;
    font-size: 0.6875rem;
    line-height: 1.375rem;
    margin-right: .25rem;
    color: var(--text-muted);
    text-indent: 0
}

.cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt {
    position: absolute;
    left: 0;
    height: 1.375rem;
    line-height: 1.375rem;
    width: 56px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: right;
    z-index: 1
}

.a11y-font-scaled-down .cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt {
    width: 3.5rem
}

.a11y-font-scaled-up .cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt {
    font-size: 12Px
}

.background-opacity-high .compact-T3H92H .timestamp-3ZCmNB,.background-opacity-low .compact-T3H92H .timestamp-3ZCmNB,.background-opacity-medium .compact-T3H92H .timestamp-3ZCmNB {
    text-shadow: none;
    color: #f6f6f7
}

.timestampTooltip-2w2MVG {
    max-width: none!important;
    white-space: nowrap
}

.timestampVisibleOnHover-2bQeI4 {
    opacity: 0
}

.mouse-mode .wrapper-2a6GCs:hover .timestampVisibleOnHover-2bQeI4 {
    opacity: 1
}

.username-1A8OIy {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    color: var(--header-primary);
    display: inline;
    vertical-align: baseline;
    position: relative;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.compact-T3H92H .headerText-3Uvj1Y,.cozy-3raOZG .headerText-3Uvj1Y {
    margin-right: .25rem
}

.applicationName-1-Uq7y.clickable-1bVtEA:hover,.commandName-1klrjB.clickable-1bVtEA:hover,.username-1A8OIy.clickable-1bVtEA:hover {
    cursor: pointer;
    text-decoration: underline
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .username-1A8OIy {
        font-weight:600
    }
}

.background-opacity-high .username-1A8OIy,.background-opacity-low .username-1A8OIy,.background-opacity-medium .username-1A8OIy {
    text-shadow: 0 0 1px #202225,1px 1px 0 #202225
}

.background-opacity-low .username-1A8OIy,.background-opacity-medium .username-1A8OIy {
    font-weight: 600
}

.botTag-1un5a6 {
    position: relative;
    top: .1rem
}

.botTagCompact-29bCci {
    margin-right: .25rem
}

.botTagCozy-1fFsZk {
    margin-left: .25rem
}

.replyLink-nOQEG8 {
    color: var(--header-secondary)
}

.replyLink-nOQEG8.clickable-1bVtEA {
    cursor: pointer
}

.replyLink-nOQEG8.clickable-1bVtEA:hover {
    text-decoration: underline
}

.separator-2nZzUB {
    position: absolute;
    opacity: 0;
    width: 0;
    display: inline-block;
    font-style: normal
}

.messageEditorCompact-3Y64ly {
    margin-left: 5rem;
    margin-right: 16px
}

.messageContent-2qWWxC {
    text-indent: 0
}

.cozy-3raOZG .messageContent-2qWWxC {
    position: relative
}

.cozy-3raOZG.hasThread-2k82W0:after {
    border-left: 2px solid var(--background-accent);
    border-bottom: 2px solid var(--background-accent);
    border-bottom-left-radius: 8px;
    bottom: 29px;
    content: "";
    left: 35px;
    position: absolute;
    top: 48px;
    width: 31px
}

.cozy-3raOZG.hasThread-2k82W0.hasReply-34In-r:after {
    top: 70px
}

.compact-T3H92H .contents-2mQqc9 {
    position: relative
}

.compact-T3H92H.hasThread-2k82W0 .contents-2mQqc9:before {
    background-color: var(--background-accent);
    bottom: 0;
    content: "";
    left: 40px;
    position: absolute;
    top: 22px;
    width: 2px
}

.zalgo-jN1Ica .messageContent-2qWWxC {
    overflow: hidden
}

.messageContent-2qWWxC:empty {
    display: none
}

.compact-T3H92H .messageContent-2qWWxC {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    display: inline;
    word-wrap: break-word
}

.compact-T3H92H .messageContent-2qWWxC .emoji {
    position: relative
}

.compact-T3H92H .messageContent-2qWWxC .emoji.jumboable {
    width: 1.375em;
    height: 1.375em;
    min-height: 1.375em
}

.compact-T3H92H .messageContent-2qWWxC.markupRtl-26VWXC {
    display: block;
    text-indent: 0
}

.cozy-3raOZG .messageContent-2qWWxC {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    margin-left: -72px;
    padding-left: 72px
}

.isSending-9nvak6 {
    opacity: .5
}

.isFailed-2MPmD6,.isFailed-2MPmD6 .hljs,.isFailed-2MPmD6 a,.isFailed-2MPmD6 code.inline,.theme-dark .isFailed-2MPmD6,.theme-light .isFailed-2MPmD6 {
    color: #ed4245
}

.cozy-3raOZG .markupRtl-26VWXC {
    text-align: left;
    text-indent: 0;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.edited-3sfAzf {
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mention {
    border-radius: 3px;
    padding: 0 2px
}

.background-opacity-low .edited-3sfAzf {
    color: hsla(0,0%,100%,.6)
}

.background-opacity-medium .edited-3sfAzf {
    color: hsla(0,0%,100%,.5)
}

.background-opacity-high .edited-3sfAzf {
    color: hsla(0,0%,100%,.4)
}

.image-2QWf3Q {
    margin: 20px auto;
    background-repeat: no-repeat;
    background-size: cover
}

.imageUpgrade-moI_hv {
    width: 267px;
    height: 120px
}

.imageCancel-2x4k_k {
    width: 166px;
    height: 144px
}

.imageUnclaimed-5nJyYs,.imageUnverified-2NLnW6 {
    width: 162px;
    height: 100px
}

.message-1F58Gs {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.44
}

.theme-dark .message-1F58Gs {
    color: #b9bbbe
}

.theme-dark .secondaryButton-197mr8 {
    color: #fff
}

.theme-dark .imageUpgrade-moI_hv {
    background-image: url(../../assets/81ded87ebac6f9d55e8624a3e5167c8f.html)
}

.theme-dark .imageCancel-2x4k_k {
    background: url(../../assets/03863b539aec443327ca2ffc51a89dac.html)
}

.theme-dark .imageUnclaimed-5nJyYs {
    background-image: url(../../assets/3b65c741e596bc0979f7ba0c42de6fff.html)
}

.theme-dark .imageUnverified-2NLnW6 {
    background-image: url(../../assets/e260177e5165e6789e30b9592df75424.html)
}

.theme-light .message-1F58Gs {
    color: #72767d
}

.theme-light .secondaryButton-197mr8 {
    color: #4f545c
}

.theme-light .imageUpgrade-moI_hv {
    background-image: url(../../assets/854593608c634a933f26c9c57807ce35.html)
}

.theme-light .imageCancel-2x4k_k {
    background: url(../../assets/44eef677f2a490dc0cb23a67e59a6223.html)
}

.theme-light .imageUnclaimed-5nJyYs {
    background-image: url(../../assets/4577a7146df5d177b2d61d16927615ec.html)
}

.theme-light .imageUnverified-2NLnW6 {
    background-image: url(../../assets/a83463d9763516332570b37731572733.html)
}

.premiumSubscribeButton-3TowJw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.premiumIcon-YgHhed {
    margin-right: 4px
}

.buttonText-3LvUCc {
    max-width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.giftButton-2uAsFo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.giftIcon-1DsQ4W {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.overflow-WK9Ogt {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative
}

.arrow-gKvcEx {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out
}

.arrow-gKvcEx.open-2d6eoT {
    -webkit-transform: translate3d(0,-3px,0) rotate(-180deg);
    transform: translate3d(0,-3px,0) rotate(-180deg)
}

.gifTag-31zFY8 {
    background-image: url(../../assets/97645e390161ce066d6a8d010d4d705c.html);
    width: 29px;
    height: 22px
}

.imageWrapper-2p5ogY {
    display: block;
    position: relative;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    overflow: hidden;
    border-radius: 3px
}

.imageWrapper-2p5ogY img {
    position: absolute
}

.imageWrapperBackground-E_M6Nu {
    background: rgba(0,0,0,.05)
}

.imageWrapperInner-3_dNk0 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.imageError-2OefUi {
    width: 200px;
    height: 102px;
    background-image: url(../../assets/b5d0fabb4afdf0666f3785f8c1d3beff.html);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.imagePlaceholder-1AxUV5 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.imagePlaceholderOverlay-ETNjpn {
    background-color: rgba(0,0,0,.6)
}

.imageAccessory-3uSIjZ {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 1
}

.imageZoom-1n-ADA {
    cursor: nesw-resize;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.clickable-3Ya1ho {
    cursor: pointer
}

.theme-dark .imageError-2OefUi {
    background-image: url(../../assets/e0c782560fd96acd7f01fda1f8c6ff24.html)
}

.background-opacity-low .imageWrapper-2p5ogY,.background-opacity-medium .imageWrapper-2p5ogY {
    opacity: .6
}

.overlay-unlocked .imageWrapper-2p5ogY {
    opacity: 1
}

.wrapper-2K4Z3k {
    position: relative
}

.downloadLink-1ywL9o {
    position: absolute;
    top: 100%;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #fff!important;
    text-decoration: none;
    line-height: 30px;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease;
    opacity: .5;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.downloadLink-1ywL9o:hover {
    opacity: 1
}

.modal-qgFCbT {
    background: transparent!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.image-1tIMwV,.modal-qgFCbT {
    border-radius: 0
}

.mediaBarInteraction-37i2O4,.mediaBarInteractionDragging-2QurIZ {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 0 7px
}

.mediaBarInteraction-37i2O4:hover .mediaBarWrapper-3D7r67,.mediaBarInteractionDragging-2QurIZ:hover .mediaBarWrapper-3D7r67 {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3)
}

.mediaBarInteraction-37i2O4:hover .bubble-3qRl2J,.mediaBarInteractionDragging-2QurIZ:hover .bubble-3qRl2J {
    opacity: 1
}

.mediaBarInteraction-37i2O4:hover .mediaBarGrabber-1FqnbN {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: var(--brand-experiment-560)
}

.mediaBarInteraction-37i2O4:hover .mediaBarPreview-1jfyFs {
    opacity: .3
}

.mediaBarInteraction-37i2O4:hover .bubble-3qRl2J,.mediaBarInteractionDragging-2QurIZ .bubble-3qRl2J {
    opacity: 1
}

.mediaBarInteractionDragging-2QurIZ .mediaBarGrabber-1FqnbN {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: var(--brand-experiment-560)
}

.mediaBarInteractionVolume-3QZqYd {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 8px;
    background-color: rgba(0,0,0,.7);
    padding: 4px 8px;
    width: 72px;
    margin: 0 4px 0 0
}

.vertical-1gJnJQ {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 54px;
    width: 140px
}

.horizontal-3Sq5iO,.vertical-1gJnJQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.horizontal-3Sq5iO {
    width: 100%;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.fakeEdges-27pgtp {
    position: relative
}

.fakeEdges-27pgtp:after,.fakeEdges-27pgtp:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 3px;
    z-index: 1
}

.fakeEdges-27pgtp:before {
    left: -3px;
    border-radius: 3px 0 0 3px
}

.fakeEdges-27pgtp:after {
    right: -3px;
    border-radius: 0 3px 3px 0
}

.buffer-26XPkd {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: .3
}

.buffer-26XPkd,.buffer-26XPkd:after,.buffer-26XPkd:before {
    background-color: #fff
}

.mediaBarWrapper-3D7r67 {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 6px
}

.mediaBarWrapper-3D7r67,.mediaBarWrapper-3D7r67:after,.mediaBarWrapper-3D7r67:before {
    background-color: rgba(185,187,190,.3)
}

.mediaBarWrapperVolume-354-jo {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 72px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mediaBarPreview-1jfyFs,.mediaBarProgress-1xaPtl {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.mediaBarPreview-1jfyFs {
    z-index: 0;
    opacity: 0
}

.mediaBarPreview-1jfyFs,.mediaBarPreview-1jfyFs:after,.mediaBarPreview-1jfyFs:before {
    background-color: #fff
}

.mediaBarProgress-1xaPtl {
    z-index: 3
}

.mediaBarGrabber-1FqnbN,.mediaBarProgress-1xaPtl,.mediaBarProgress-1xaPtl:after,.mediaBarProgress-1xaPtl:before {
    background-color: var(--brand-experiment)
}

.mediaBarGrabber-1FqnbN {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 2;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-top: -5px;
    margin-right: -5px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: background-color .25s linear,-webkit-transform .25s ease-in-out;
    transition: background-color .25s linear,-webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out,background-color .25s linear;
    transition: transform .25s ease-in-out,background-color .25s linear,-webkit-transform .25s ease-in-out;
    cursor: -webkit-grab;
    cursor: grab
}

.bubble-3qRl2J {
    border-radius: 3px;
    top: -28px;
    padding: 0 8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: #f6f6f7;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    background-color: #000
}

.bubble-3qRl2J,.bubble-3qRl2J:before {
    position: absolute;
    pointer-events: none
}

.bubble-3qRl2J:before {
    top: 100%;
    left: 50%;
    content: " ";
    width: 0;
    height: 0;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #000
}

.wrapper-129saQ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    height: 48px;
    border-radius: 24px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    pointer-events: none
}

.wrapper-129saQ a:link,.wrapper-129saQ a:visited {
    pointer-events: auto;
    cursor: pointer;
    display: block;
    color: #fff!important
}

.wrapperHasPlayText-24Ab80 {
    padding: 5px 18px 4px 10px;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.wrapperHasPlayText-24Ab80:hover {
    background-color: rgba(0,0,0,.9)
}

.iconWrapper-21idzA {
    pointer-events: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    opacity: .6;
    cursor: pointer;
    -webkit-transition: opacity .25s,color .25s;
    transition: opacity .25s,color .25s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.disableInteractions-31GcUw .iconWrapper-21idzA,.disableInteractions-31GcUw a:link,.disableInteractions-31GcUw a:visited {
    pointer-events: none
}

.iconWrapperActive-12kkfE {
}

.iconWrapperActive-12kkfE:hover {
    opacity: 1
}

.iconWrapperActive-12kkfE:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.iconWrapperHasPlayText-ksGr18 {
    opacity: 1
}

.text-pPnELr {
    font-size: 16px;
    padding-left: 4px
}

.icon-3ZFEtL {
    display: block;
    width: 24px;
    height: 24px
}

.iconPlay-2kgvwV {
    margin-left: 1px;
    margin-right: -1px
}

.iconExternal-NKMKxg,.iconExternalMargins-2v2mzg,.iconPlay-2kgvwV {
}

.iconExternalMargins-2v2mzg {
    margin-left: 2px;
    margin-right: 4px
}

.volumeButton-2XwKVs {
    position: relative
}

.volumeButtonSlider-3U2qy1 {
    position: absolute;
    bottom: calc(100% + 16px);
    left: -78px;
    right: 0;
    display: none;
    -webkit-app-region: no-drag
}

.volumeButtonSlider-3U2qy1.sliderVisible-2GQ2wC {
    display: initial
}

.wrapper-2TxpI8 {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wrapperAudio-1jDe0Q,.wrapperControlsHidden-35Gtol,.wrapperPaused-19pWuK,.wrapperPlaying-1pXOW5 {
}

.wrapperControlsHidden-35Gtol {
    cursor: default
}

.wrapperAudio-1jDe0Q {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-style: solid;
    border-width: 1px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: visible;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.videoControls-2kcYic {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    padding-bottom: 10px;
    height: 32px
}

.audioControls-2HsaU6,.videoControls-2kcYic {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,.6)
}

.audioControls-2HsaU6 {
    margin-top: 4px;
    border-radius: 3px
}

.controlIcon-3cRbti {
    display: block;
    width: 24px;
    height: 24px;
    padding: 4px;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    opacity: .6
}

.controlIcon-3cRbti:hover {
    opacity: 1
}

.controlIcon-3cRbti:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.volumeSliderWrapper-1A8mUw {
    margin-bottom: 4px;
    margin-left: -4px
}

.durationTimeWrapper-OugPFt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 4px;
    height: 12px
}

.durationTimeDisplay-jww5fr,.durationTimeSeparator-2_xpJ7 {
    font-weight: 500;
    display: inline-block;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    font-size: 12px;
    line-height: 12px;
    vertical-align: text-top
}

.durationTimeSeparator-2_xpJ7 {
    margin: 0 2px
}

.video-8eMOth {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 3px
}

.video-8eMOth:-webkit-full-screen {
    z-index: 99999
}

.video-8eMOth::-webkit-media-controls-enclosure {
    display: none!important
}

.audio-2-PNle {
    position: absolute;
    display: block;
    width: 0;
    height: 0
}

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

.audioMetadata-3zOuGv:before {
    width: 24px;
    height: 40px;
    content: "";
    background-image: url(../../assets/7674eb0d869afebca7b1f3a5202506c6.html);
    background-size: 100% auto;
    background-repeat: no-repeat
}

.audioMetadata-3zOuGv .metadataContent-3c_ZXw {
    padding: 0 8px
}

.audioMetadata-3zOuGv .metadataDownload-1fk90V {
    height: 24px;
    opacity: 1
}

.audioMetadata-3zOuGv .metadataIcon-2FyCKU {
    color: var(--interactive-normal)
}

.audioMetadata-3zOuGv .metadataIcon-2FyCKU:hover {
    color: var(--interactive-hover)
}

.audioMetadata-3zOuGv .metadataSize-2UOOLK {
    color: var(--text-muted)
}

.metadata-13NcHb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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));
    padding: 22px 12px 12px;
    z-index: 1
}

.metadataContent-3c_ZXw {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden
}

.metadataName-14STf- {
    font-size: 16px;
    line-height: 20px
}

.metadataName-14STf-,.metadataSize-2UOOLK {
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.metadataSize-2UOOLK {
    font-size: 12px;
    line-height: 16px;
    opacity: .7
}

.metadataDownload-1fk90V {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    opacity: .6
}

.metadataDownload-1fk90V:hover {
    opacity: 1
}

.metadataIcon-2FyCKU {
    width: 24px;
    height: 25px;
    color: #fff
}

.playCenter-Fe8u3X {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.playCenter-Fe8u3X,.playPausePop-RnpJoM {
    position: absolute;
    pointer-events: none
}

.playPausePop-RnpJoM {
    top: 50%;
    left: 50%;
    margin-left: -23px;
    margin-top: -23px;
    padding: 12px;
    width: 24px;
    height: 24px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border-radius: 50%
}

.playPausePop-RnpJoM .playPausePopIcon-p-D8VH {
    width: 24px;
    height: 24px;
    display: block
}

.theme-dark .wrapper-2TxpI8 {
    background-color: #202225
}

.theme-dark .wrapperAudio-1jDe0Q {
    border-color: var(--background-secondary-alt);
    background-color: var(--background-secondary)
}

.theme-light .wrapper-2TxpI8 {
    background-color: #f6f6f7
}

.theme-light .wrapperAudio-1jDe0Q {
    border-color: var(--background-secondary-alt);
    background-color: var(--background-secondary)
}

.background-opacity-high .audioControls-2HsaU6,.background-opacity-low .audioControls-2HsaU6,.background-opacity-medium .audioControls-2HsaU6 {
    background-color: rgba(0,0,0,.3)
}

.background-opacity-high .audioMetadata-3zOuGv:before,.background-opacity-low .audioMetadata-3zOuGv:before,.background-opacity-medium .audioMetadata-3zOuGv:before {
    opacity: .6
}

.combobox-3V1oCd {
    overflow: hidden;
    height: 100%
}

.list-1xE9GQ {
    list-style: none;
    height: 100%;
    margin-top: 8px
}

.item-2J2GlB {
    font-weight: 500;
    border-radius: 4px;
    padding: 10px 8px;
    margin-bottom: 4px;
    color: var(--interactive-normal);
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    outline: none
}

.focused-dKLoQt,.item-2J2GlB:hover {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.itemLabel-38pPIt {
    width: 100%
}

.itemCheckbox-x25t6M~.itemLabel-38pPIt {
    margin-left: 8px
}

.empty-1tY4oL {
    padding: 20px;
    text-align: center;
    display: grid;
    grid-gap: 12px
}

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

.selected-2114Fj {
    background-color: var(--background-modifier-selected)
}

.selectedBrand-1UKrSX {
    background: var(--brand-experiment-500);
    color: #fff
}

.selectedBrand-1UKrSX.focused-dKLoQt,.selectedBrand-1UKrSX:hover {
    background: var(--brand-experiment-600);
    color: #fff
}

.spinner-2vhCyH {
    width: 100%;
    height: 100%
}

.container-1pMiXm {
    width: 100%;
    display: grid
}

.textContainer-C0szpm {
    min-height: 118px;
    height: 100%;
    overflow: hidden;
    background-color: var(--background-secondary);
    border: 1px solid var(--background-secondary-alt);
    border-radius: 4px 4px 0 0
}

.textContainer-C0szpm,.textContainer-C0szpm pre {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.textContainer-C0szpm pre {
    border-radius: 4px 4px 0 0
}

.codeView-1JPDeA {
    font-size: 0.875rem;
    line-height: 1rem;
    min-height: 100px
}

.codeView-1JPDeA::-webkit-scrollbar-track {
    margin: 0 .5em
}

.expanded-2itZLW {
    overflow: auto
}

.footer-2yA7Ep {
    background-color: var(--background-secondary);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 40px;
    border: 1px solid var(--background-secondary-alt);
    border-top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px;
    padding: 0 10px;
    font-size: 0.875rem;
    min-width: 0
}

.footer-2yA7Ep,.toggleExpandSection-3WJYqa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.toggleExpandSection-3WJYqa {
    cursor: pointer;
    padding-right: 10px
}

.toggleExpandSection-3WJYqa:hover {
    color: var(--interactive-hover)
}

.openFullPreviewSection-DZS30W {
    cursor: pointer;
    padding-top: 4px
}

.openFullPreviewSection-DZS30W:hover {
    color: var(--interactive-hover)
}

.footerGap-Dnjvue {
    -webkit-box-flex: 200;
    -ms-flex: 200 0 auto;
    flex: 200 0 auto
}

.downloadSection-3DLWUO {
    color: var(--interactive-normal)
}

.downloadSection-3DLWUO:hover {
    color: var(--interactive-hover);
    text-decoration: none
}

.attachmentName-1iFwvb {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-align: right
}

.formattedSize-2PXVec {
    padding-left: 2px;
    color: var(--interactive-muted);
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.downloadButton-3RfpkU {
    padding-left: 4px
}

.languageSelector-2LVJrh {
    margin-top: 4px;
    padding: 8px 8px 4px;
    background-color: var(--background-floating);
    border-radius: 4px;
    overflow: hidden;
    max-width: 176px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    height: 284px
}

.codeIcon-3YZylx {
    min-width: 24px;
    padding-left: 4px;
    padding-bottom: 4px
}

.codeIcon-3YZylx:hover {
    color: var(--interactive-hover)
}

.modalRoot-2o6FJT {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    height: 100%;
    min-height: auto
}

.modalContent-3XArPg {
    display: grid;
    width: 100%;
    height: 100%
}

.modalTextContainer-ITvzbi {
    overflow: scroll;
    background-color: var(--background-secondary);
    border: 1px solid var(--background-secondary-alt);
    border-radius: 4px 4px 0 0
}

.modalTextContainer-ITvzbi,.modalTextContainer-ITvzbi pre {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modalTextContainer-ITvzbi pre {
    border-radius: 4px 4px 0 0
}

.barBase-1c2Rfb {
    position: absolute;
    left: 16px;
    right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    min-height: 24px;
    text-transform: capitalize;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    opacity: .95;
    cursor: pointer
}

.barBase-1c2Rfb:hover {
    opacity: 1
}

.barButtonBase-2uLO1z {
    text-align: left;
    background: none;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 500;
    padding: 0 12px;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.barButtonIcon-3t4V3d {
    display: block;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-left: 8px
}

.jumpToPresentBar-G1R9s6 {
    bottom: 0;
    border-radius: 8px 8px 0 0;
    background-color: var(--background-accent);
    opacity: .95;
    padding-bottom: 8px
}

.jumpToPresentBar-G1R9s6:active {
    margin-bottom: -1px
}

.jumpToPresentBar-G1R9s6 .spinner-1AwyAQ {
    padding-right: 12px
}

.jumpToPresentBar-G1R9s6 .spinnerItem-2swXFm {
    background-color: #fff
}

.messagesErrorBar-nyJGU7 {
    bottom: 0;
    border-radius: 8px 8px 0 0;
    background-color: #ed4245;
    opacity: .9;
    padding-bottom: 8px
}

.messagesErrorBar-nyJGU7:active {
    margin-bottom: -1px
}

.messagesErrorBar-nyJGU7 .spinner-1AwyAQ {
    padding-right: 12px
}

.messagesErrorBar-nyJGU7 .spinnerItem-2swXFm {
    background-color: #fff
}

.newMessagesBar-265mhP {
    top: 0;
    border-radius: 0 0 8px 8px;
    background-color: var(--brand-experiment);
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.newMessagesBar-265mhP:active {
    padding-top: 1px;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.barButtonMain-3K-jeJ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: block;
    position: relative
}

.barButtonMain-3K-jeJ,.span-1mKrMp {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.barButtonAlt-mYL1lj {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 600;
    position: relative
}

.loadingMore-FEpq89 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.loadingMore-FEpq89 .spinner-1AwyAQ {
    display: inline-block;
    margin: 0
}

.hasMore-3POVhk,.loadingMore-FEpq89 {
    margin: 16px 6px 16px 16px;
    height: 32px
}

.hasMore-3POVhk {
    -webkit-box-shadow: inset 0 0 0 1px var(--background-modifier-accent);
    box-shadow: inset 0 0 0 1px var(--background-modifier-accent);
    color: var(--brand-experiment);
    text-align: center;
    font-size: 12px;
    line-height: 32px;
    font-weight: 500;
    border-radius: 3px;
    text-transform: uppercase;
    cursor: pointer
}

.hasMore-3POVhk:hover {
    background-color: var(--background-modifier-hover)
}

.messageGroupBlocked-2lRk_V {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    margin: 6px 0;
    background-color: rgba(0,0,0,.05);
    color: var(--text-muted);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.messageGroupBlocked-2lRk_V:last-child {
    margin-bottom: 12px
}

.messageGroupBlockedBtn-2PRkNr {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 0;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    color: var(--interactive-normal)
}

.messageGroupBlockedBtn-2PRkNr:hover {
    background-color: rgba(0,0,0,.05)
}

.revealed-3K53gX .messageGroupBlockedBtn-2PRkNr {
    color: var(--interactive-active)
}

.tooltip-ocNES0 {
    text-align: center
}

.clickCTA-2B6Kbs {
    color: #b9bbbe
}

.popoutContainer-1MXdqN {
    width: 288px;
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--background-tertiary);
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

@-webkit-keyframes popout-loading-3ETohm {
    0% {
        -webkit-transform: translate3d(-256px,0,0);
        transform: translate3d(-256px,0,0)
    }

    50% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-256px,0,0);
        transform: translate3d(-256px,0,0)
    }
}

@keyframes popout-loading-3ETohm {
    0% {
        -webkit-transform: translate3d(-256px,0,0);
        transform: translate3d(-256px,0,0)
    }

    50% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-256px,0,0);
        transform: translate3d(-256px,0,0)
    }
}

.popoutLoadingBackground-1dkDdT {
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22256%22%20height%3D%2278%22%20viewBox%3D%2232%2024%20256%2078%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M36%2024C33.7909%2024%2032%2025.7909%2032%2028V78C32%2080.2091%2033.7909%2082%2036%2082H86C88.2091%2082%2090%2080.2091%2090%2078V28C90%2025.7909%2088.2091%2024%2086%2024H36ZM110%2024C107.791%2024%20106%2025.7909%20106%2028V38C106%2040.2091%20107.791%2042%20110%2042H179C181.209%2042%20183%2040.2091%20183%2038V28C183%2025.7909%20181.209%2024%20179%2024H110ZM106%2058C106%2055.7909%20107.791%2054%20110%2054H284C286.209%2054%20288%2055.7909%20288%2058V68C288%2070.2091%20286.209%2072%20284%2072H110C107.791%2072%20106%2070.2091%20106%2068V58ZM110%2084C107.791%2084%20106%2085.7909%20106%2088V98C106%20100.209%20107.791%20102%20110%20102H223C225.209%20102%20227%20100.209%20227%2098V88C227%2085.7909%20225.209%2084%20223%2084H110Z%22%20fill%3D%22%23000000%22%20%2F%3E%3C%2Fsvg%3E");
    mask: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22256%22%20height%3D%2278%22%20viewBox%3D%2232%2024%20256%2078%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M36%2024C33.7909%2024%2032%2025.7909%2032%2028V78C32%2080.2091%2033.7909%2082%2036%2082H86C88.2091%2082%2090%2080.2091%2090%2078V28C90%2025.7909%2088.2091%2024%2086%2024H36ZM110%2024C107.791%2024%20106%2025.7909%20106%2028V38C106%2040.2091%20107.791%2042%20110%2042H179C181.209%2042%20183%2040.2091%20183%2038V28C183%2025.7909%20181.209%2024%20179%2024H110ZM106%2058C106%2055.7909%20107.791%2054%20110%2054H284C286.209%2054%20288%2055.7909%20288%2058V68C288%2070.2091%20286.209%2072%20284%2072H110C107.791%2072%20106%2070.2091%20106%2068V58ZM110%2084C107.791%2084%20106%2085.7909%20106%2088V98C106%20100.209%20107.791%20102%20110%20102H223C225.209%20102%20227%20100.209%20227%2098V88C227%2085.7909%20225.209%2084%20223%2084H110Z%22%20fill%3D%22%23000000%22%20%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance;
    margin: 16px;
    width: 256px;
    height: 78px;
    position: relative;
    overflow: hidden
}

.popoutLoadingForeground-2mZT61 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 512px;
    -webkit-animation: popout-loading-3ETohm 4s ease-in-out infinite;
    animation: popout-loading-3ETohm 4s ease-in-out infinite;
    background-image: -webkit-gradient(linear,left top,right top,from(#36393f),color-stop(#4f545c),to(#36393f));
    background-image: linear-gradient(90deg,#36393f,#4f545c,#36393f)
}

.theme-light .popoutLoadingForeground-2mZT61 {
    background-image: -webkit-gradient(linear,left top,right top,from(#f6f6f7),color-stop(#dcddde),to(#f6f6f7));
    background-image: linear-gradient(90deg,#f6f6f7,#dcddde,#f6f6f7)
}

&.background-opacity-high .messageGroupBlocked-2lRk_V,&.background-opacity-low .messageGroupBlocked-2lRk_V,&.background-opacity-medium .messageGroupBlocked-2lRk_V {
    background-color: rgba(54,57,63,.3);
    border-color: rgba(47,49,54,.2)
}

&.background-opacity-high .messageGroupBlocked-2lRk_V .messageGroupBlockedBtn-2PRkNr,&.background-opacity-low .messageGroupBlocked-2lRk_V .messageGroupBlockedBtn-2PRkNr,&.background-opacity-medium .messageGroupBlocked-2lRk_V .messageGroupBlockedBtn-2PRkNr {
    background-color: transparent;
    color: #f6f6f7
}

&.background-opacity-high .messageGroupBlocked-2lRk_V .messageGroupBlockedBtn-2PRkNr:hover,&.background-opacity-low .messageGroupBlocked-2lRk_V .messageGroupBlockedBtn-2PRkNr:hover,&.background-opacity-medium .messageGroupBlocked-2lRk_V .messageGroupBlockedBtn-2PRkNr:hover {
    background: rgba(54,57,63,.4)
}

.background-opacity-low .divider-1zpjU3:not(.dividerRed-258GgF) {
    opacity: .8
}

.background-opacity-low .divider-1zpjU3:not(.dividerRed-258GgF) .dividerContent-178VBO {
    opacity: .8;
    color: #fff
}

.background-opacity-low .divider-1zpjU3:not(.dividerRed-258GgF) .dividerContent-178VBO:before {
    border-color: currentColor
}

.background-opacity-medium .divider-1zpjU3 {
    opacity: .8
}

.background-opacity-medium .divider-1zpjU3:not(.dividerRed-258GgF) .dividerContent-178VBO {
    color: #e6e6e6
}

.background-opacity-medium .divider-1zpjU3:not(.dividerRed-258GgF) .dividerContent-178VBO:before {
    background-color: currentColor;
    opacity: .8
}

.background-opacity-high .divider-1zpjU3 {
    opacity: .5
}

.background-opacity-high .divider-1zpjU3:not(.dividerRed-258GgF) .dividerContent-178VBO {
    color: #e6e6e6
}

.background-opacity-high .divider-1zpjU3:not(.dividerRed-258GgF) .dividerContent-178VBO:before {
    background-color: currentColor;
    opacity: .8
}

.disableInteractions-z9ck59.hasMore-3POVhk {
    visibility: hidden
}

.emoji {
    -o-object-fit: contain;
    object-fit: contain;
    width: 1.375em;
    height: 1.375em;
    vertical-align: bottom
}

.emoji.jumboable {
    width: 3rem;
    height: 3rem;
    min-height: 3rem
}

.emojiSection-3Fb9ix {
    padding: 16px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    background-color: var(--background-tertiary)
}

.primaryEmoji-3LinDq {
    min-width: 3rem;
    min-height: 3rem;
    margin-top: 4px
}

.emojiName-27Bjxw {
    font-weight: 600
}

.ctaButton-fjBGVN {
    margin: 16px auto 0
}

.guildSection-1EoFKd {
    padding: 16px;
    background-color: var(--background-secondary-alt)
}

.guildTitle-2IliYu {
    color: var(--header-secondary);
    margin-bottom: 8px
}

.guildIcon-1zxZMV {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.guildBadge-2YTIW_ {
    margin-right: 4px;
    min-width: 16px
}

.guildName-nBoMcU {
    cursor: pointer
}

.showMoreEmojis-1Xd5A3 {
    color: var(--interactive-normal);
    cursor: pointer;
    -webkit-transition: color .125s;
    transition: color .125s;
    font-weight: 600;
    margin-top: 8px
}

.showMoreEmojis-1Xd5A3:hover {
    color: var(--interactive-active)
}

.showMoreEmojisArrow-PK64BO {
    position: relative;
    left: 4px;
    height: 16px;
    width: 16px;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s,-webkit-transform .1s
}

.showMoreEmojisArrow-PK64BO.showMoreEmojisArrowCollapsed-2esWuk {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.otherEmojisContainer-lyudgL {
    margin-top: 4px
}

.otherEmoji-2IRr39 {
    height: 2rem;
    width: 2rem;
    min-width: 2rem;
    -ms-flex-preferred-size: calc(16.66667% - 4px);
    flex-basis: calc(16.66667% - 4px);
    margin: 4px 0
}

.truncatingText-18osv_ {
    min-width: 0
}

.dotSeparator-2SMscJ {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    margin: 0 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: var(--interactive-muted)
}

.emojiContainer-3X8SvE {
    display: inline-block;
    cursor: pointer
}

.wrapper-3WhCwL {
    border-radius: 3px;
    padding: 0 2px;
    font-weight: 500;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
    color: var(--brand-experiment-530);
    background: var(--brand-experiment-15a);
    position: relative
}

.theme-dark .wrapper-3WhCwL {
    background: var(--brand-experiment-30a);
    color: var(--brand-experiment-200)
}

.interactive {
    -webkit-transition: background-color 50ms ease-out,color 50ms ease-out;
    transition: background-color 50ms ease-out,color 50ms ease-out;
    cursor: pointer
}

.interactive:hover {
    color: #fff;
    background-color: var(--brand-experiment)
}

.inlineContent-3ZjPuv {
    opacity: 1;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.spoilerContainer-331r0R {
    position: relative;
    -webkit-filter: blur(0);
    filter: blur(0);
    border-radius: 3px
}

.spoilerContainer-331r0R.hidden-HHr2R9 {
    cursor: pointer;
    overflow: hidden
}

.spoilerWarning-2aAZq1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
    z-index: 1;
    padding: 8px 12px;
    border-radius: 20px;
    letter-spacing: .5px;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.spoilerWarning-2aAZq1.embed-2Fkp92 {
    margin-left: 4px
}

.spoilerText-3p6IlD {
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.spoilerText-3p6IlD.codeBlock-2328Tz {
    display: block;
    width: 90%;
    border-radius: 5px
}

.spoilerText-3p6IlD.codeBlock-2328Tz pre {
    max-width: 100%
}

.spoilerText-3p6IlD.quoteBlock-1Ck12r {
    display: block;
    width: 90%;
    border-radius: 5px
}

.spoilerText-3p6IlD.quoteBlock-1Ck12r blockquote {
    max-width: 100%
}

.spoilerText-3p6IlD.hidden-HHr2R9 {
    cursor: pointer
}

.spoilerText-3p6IlD.hidden-HHr2R9 .inlineContent-3ZjPuv {
    cursor: pointer;
    opacity: 0;
    pointer-events: none
}

.theme-dark .spoilerText-3p6IlD {
    background-color: hsla(0,0%,100%,.1)
}

.theme-dark .spoilerText-3p6IlD.hidden-HHr2R9 {
    background-color: #202225
}

.theme-dark .spoilerText-3p6IlD.hidden-HHr2R9:hover {
    background-color: rgba(32,34,37,.8)
}

.theme-dark .spoilerWarning-2aAZq1 {
    color: #dcddde;
    background-color: rgba(0,0,0,.6)
}

.theme-dark .spoilerContainer-331r0R:hover .spoilerWarning-2aAZq1 {
    color: #fff;
    background-color: rgba(0,0,0,.9)
}

.theme-dark .spoilerContainer-331r0R.hidden-HHr2R9:not(:focus) {
    -webkit-box-shadow: .5px .5px 1px 1px rgba(0,0,0,.1);
    box-shadow: .5px .5px 1px 1px rgba(0,0,0,.1)
}

.theme-light .spoilerText-3p6IlD {
    background-color: rgba(0,0,0,.1)
}

.theme-light .spoilerText-3p6IlD.hidden-HHr2R9 {
    background-color: #b9bbbe
}

.theme-light .spoilerText-3p6IlD.hidden-HHr2R9:hover {
    background-color: rgba(185,187,190,.8)
}

.theme-light .spoilerWarning-2aAZq1 {
    color: #dcddde;
    background-color: rgba(0,0,0,.6)
}

.theme-light .spoilerContainer-331r0R:hover .spoilerWarning-2aAZq1 {
    color: #fff;
    background-color: rgba(0,0,0,.9)
}

.theme-light .spoilerContainer-331r0R.hidden-HHr2R9:not(:focus) {
    -webkit-box-shadow: .5px .5px 1px 1px rgba(0,0,0,.1);
    box-shadow: .5px .5px 1px 1px rgba(0,0,0,.1)
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    border-radius: 4px;
    color: var(--header-secondary);
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.hljs-comment,.hljs-quote {
    color: var(--interactive-muted)
}

.hljs-addition,.hljs-keyword,.hljs-selector-tag {
    color: #859900
}

.hljs-doctag,.hljs-literal,.hljs-meta .hljs-meta-string,.hljs-number,.hljs-regexp,.hljs-string {
    color: #2aa198
}

.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-title {
    color: #268bd2
}

.hljs-attr,.hljs-attribute,.hljs-class .hljs-title,.hljs-template-variable,.hljs-type,.hljs-variable {
    color: #b58900
}

.hljs-bullet,.hljs-link,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-subst,.hljs-symbol {
    color: #cb4b16
}

.hljs-built_in,.hljs-deletion {
    color: #dc322f
}

.hljs-formula {
    background: #073642
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.markup-2BOw-j {
    font-size: 1rem;
    line-height: 1.375rem;
    white-space: pre-wrap;
    white-space: break-spaces;
    word-wrap: break-word;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    color: var(--text-normal);
    font-weight: 400
}

.markup-2BOw-j a {
    color: var(--text-link);
    word-break: break-word;
    text-decoration: none;
    cursor: pointer
}

.markup-2BOw-j a:hover {
    text-decoration: underline
}

.markup-2BOw-j strong {
    font-weight: 700
}

.markup-2BOw-j em {
    font-style: italic
}

.markup-2BOw-j pre {
    border-radius: 4px;
    padding: 0;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-top: 6px;
    white-space: pre-wrap;
    background-clip: border-box
}

.markup-2BOw-j blockquote,.markup-2BOw-j pre {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 90%
}

.markup-2BOw-j blockquote {
    text-indent: 0
}

.markup-2BOw-j blockquote pre {
    max-width: 100%
}

.markup-2BOw-j code {
    font-size: 0.875rem;
    line-height: 1.125rem;
    text-indent: 0;
    white-space: pre-wrap;
    scrollbar-width: thin;
    scrollbar-color: var(--background-tertiary) var(--background-secondary);
    background: var(--background-secondary);
    border: 1px solid var(--background-tertiary)
}

.markup-2BOw-j code.inline {
    width: auto;
    height: auto;
    padding: .2em;
    margin: -.2em 0;
    border-radius: 3px;
    font-size: 85%;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    text-indent: 0;
    border: none;
    white-space: pre-wrap
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .markup-2BOw-j {
        font-weight:500
    }
}

.blockquoteContainer-U5TVEi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blockquoteContainer-U5TVEi .blockquoteDivider-2hH8H6 {
    width: 4px;
    border-radius: 4px
}

.blockquoteContainer-U5TVEi blockquote {
    padding: 0 8px 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 0
}

.blockquoteDivider-2hH8H6 {
    background-color: var(--interactive-muted)
}

.slateBlockquoteContainer-u5zDDJ .blockquoteDivider-2hH8H6,.slateBlockquoteContainer-u5zDDJ blockquote {
    margin: 0;
    border-radius: 0
}

.background-opacity-low .markup-2BOw-j,.background-opacity-medium .markup-2BOw-j {
    font-weight: 400
}

.background-opacity-low .markup-2BOw-j {
    color: #fff;
    text-shadow: 0 0 1px #202225,1px 1px 0 #202225
}

.background-opacity-low .markup-2BOw-j a {
    color: var(--text-link);
    text-shadow: 0 0 1px rgba(32,34,37,.7),1px 1px 0 rgba(32,34,37,.7)
}

.background-opacity-medium .markup-2BOw-j {
    color: #f6f6f7;
    text-shadow: 0 0 1px #36393f,1px 1px 0 #36393f
}

.background-opacity-medium .markup-2BOw-j a {
    color: var(--text-link);
    text-shadow: 0 0 1px rgba(32,34,37,.8),1px 1px 0 rgba(32,34,37,.8)
}

.background-opacity-high .markup-2BOw-j {
    color: #f6f6f7;
    text-shadow: 0 0 1px #36393f,1px 1px 0 #36393f
}

.background-opacity-low pre,.background-opacity-medium pre {
    border-color: rgba(79,84,92,.2)
}

.background-opacity-high pre,.background-opacity-low pre,.background-opacity-medium pre {
    background: rgba(47,49,54,.3);
    border-color: rgba(32,34,37,.1)
}

.background-opacity-high code,.background-opacity-low code,.background-opacity-medium code {
    background-color: transparent
}

.background-opacity-high code.inline,.background-opacity-low code.inline,.background-opacity-medium code.inline {
    background-color: rgba(47,49,54,.3)
}

.background-opacity-high .mention,.background-opacity-low .mention,.background-opacity-medium .mention {
    text-shadow: 0 1px 1px var(--brand-experiment-600),0 1px 0 var(--brand-experiment-600)
}

.overlay-unlocked code,.overlay-unlocked code.inline {
    background: var(--background-secondary);
    border-color: var(--background-tertiary)
}

.channelIcon-Lewl0l {
    width: 1rem;
    height: 1rem;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    left: .125rem;
    top: .125rem
}

.iconMention-O5BG9X {
    padding-left: 1.25rem!important
}

.roleMention-2Bj0ju {
    font-weight: 500
}

.menu-3sdvDG {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    cursor: default;
    max-height: calc(100vh - 32px);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    background: var(--background-floating);
    border-radius: 4px
}

.scroller-3BxosC {
    padding: 6px 8px
}

.styleFixed-sX-yHV {
    width: 220px
}

.styleFlexible-wGDiIL {
    min-width: 188px;
    max-width: 320px
}

.item-1tOPte {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 2px 0;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    cursor: pointer
}

.item-1tOPte.hideInteraction-1iHO1O {
    cursor: default
}

.customItem-a8hq58 {
    color: var(--interactive-normal);
    border-color: var(--interactive-normal);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

.labelContainer-1BLJti {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 32px;
    padding: 6px 8px
}

.label-22pbtT {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.subtext-13Lvrj {
    margin-top: 2px;
    white-space: normal
}

.iconContainer-2-XQPY {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px
}

.icon-LYJorE,.iconContainer-2-XQPY {
    height: 18px;
    width: 18px
}

.hintContainer-Vai8dx,.imageContainer-2fGqYU {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-height: 18px;
    margin-left: 8px
}

.caret-1XEpQV,.image-3v3Wjg {
    height: 18px
}

.caret-1XEpQV {
    width: 18px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.disabled-1WRMNA {
    cursor: pointer;
    pointer-events: none;
    opacity: .5
}

.separator-2I32lJ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 4px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.submenuContainer-2gbm7M {
    position: relative
}

.submenuPaddingContainer-fiOCHc {
    padding: 0 8px
}

.submenu-2-ysNh {
    min-width: 188px;
    max-width: 320px
}

.colorDefault-2K3EoJ {
    color: var(--interactive-normal);
    border-color: var(--interactive-normal)
}

.colorDefault-2K3EoJ .subtext-13Lvrj {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 16px
}

.colorDefault-2K3EoJ .checkbox-3s5GYZ,.colorDefault-2K3EoJ .radioSelection-1HmrQS {
    color: var(--brand-experiment-560)
}

.colorDefault-2K3EoJ .check-1JyqgN {
    color: #fff
}

.colorDefault-2K3EoJ.focused-3afm-j {
    background-color: var(--brand-experiment-560);
    color: #fff
}

.colorDefault-2K3EoJ.focused-3afm-j .checkbox-3s5GYZ,.colorDefault-2K3EoJ.focused-3afm-j .radioSelection-1HmrQS,.colorDefault-2K3EoJ.focused-3afm-j .subtext-13Lvrj {
    color: #fff
}

.colorDefault-2K3EoJ.focused-3afm-j .check-1JyqgN {
    color: var(--brand-experiment-560)
}

.colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) {
    background-color: var(--brand-experiment-600);
    color: #fff
}

.colorBrand-ROmMP1 {
    color: var(--brand-experiment-360)
}

.theme-light .colorBrand-ROmMP1:not(.focused-3afm-j) {
    color: var(--brand-experiment-500)
}

.colorDanger-2qLCe1 {
}

.colorDanger-2qLCe1,.colorDanger-2qLCe1 .checkbox-3s5GYZ,.colorDanger-2qLCe1 .radioSelection-1HmrQS {
    color: #ed4245
}

.colorDanger-2qLCe1.focused-3afm-j {
    background-color: #ed4245;
    color: #fff
}

.colorDanger-2qLCe1.focused-3afm-j .check-1JyqgN {
    color: #ed4245
}

.colorDanger-2qLCe1:active:not(.hideInteraction-1iHO1O) {
    background-color: #d53b3e;
    color: #fff
}

.colorPremium-p4p7qO {
}

.colorPremium-p4p7qO .icon-LYJorE {
    color: #ff73fa
}

.colorPremium-p4p7qO.focused-3afm-j .icon-LYJorE,.colorPremium-p4p7qO:active:not(.hideInteraction-1iHO1O) .icon-LYJorE {
    color: #fff
}

.colorGreen-2ZgJka {
}

.colorGreen-2ZgJka,.colorGreen-2ZgJka .checkbox-3s5GYZ,.colorGreen-2ZgJka .radioSelection-1HmrQS {
    color: #57f287
}

.colorGreen-2ZgJka.focused-3afm-j {
    background-color: #57f287;
    color: #fff
}

.colorGreen-2ZgJka.focused-3afm-j .check-1JyqgN {
    color: #57f287
}

.colorGreen-2ZgJka:active:not(.hideInteraction-1iHO1O) {
    background-color: #4eda7a;
    color: #fff
}

.groupLabel-2t5iuZ {
    text-transform: uppercase;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 0
}

.container-3XJ8ns {
    width: 250px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    background-color: var(--background-primary);
    border: 1px solid var(--background-modifier-accent)
}

.list-1MFD7e {
    height: 280px;
    padding: 8px 0
}

.root-3-B5F3 {
    position: relative;
    margin-top: 2px
}

.role-2irmRk {
    font-size: 12px;
    font-weight: 500;
    border: 1px solid;
    border-radius: 11px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 22px;
    margin: 0 4px 4px 0;
    padding: 4px
}

.roleCircle-3xAZ1j {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    padding: 0;
    margin-right: 4px
}

.roleRemoveIcon-2-TeGW {
    display: none;
    width: 10px;
    height: 10px
}

.role-2irmRk:hover .roleRemoveIcon-2-TeGW,.roleRemoveIconFocused-2ynLxl .roleRemoveIcon-2-TeGW {
    display: block
}

.roleName-32vpEy {
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 4px
}

.actionButton-VzECiy {
    font-size: 11px;
    line-height: 11px
}

.overflowButton-1SCpCf {
    padding: 4px 8px
}

.addButton-pcyyf6 {
    padding: 4px 5px
}

.addButtonIcon-1NMJ8u {
    cursor: pointer;
    width: 10px;
    height: 10px
}

.overflowRolesPopout-140n9i {
    border-radius: 3px;
    padding: 8px;
    width: 200px
}

.overflowRolesPopoutArrowWrapper-2Dx30g {
    margin-left: -8px;
    overflow: hidden;
    width: 16px;
    height: 12px
}

.overflowRolesPopoutArrow-2O66oH {
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popoutBottom-2BJWty .overflowRolesPopoutArrowWrapper-2Dx30g {
    position: absolute;
    bottom: 100%;
    left: 50%
}

.popoutBottom-2BJWty .overflowRolesPopoutArrow-2O66oH {
    position: absolute;
    bottom: -4px;
    left: 4px
}

.popoutTop-1WcJ06 .overflowRolesPopoutArrowWrapper-2Dx30g {
    position: absolute;
    top: 100%;
    left: 50%
}

.popoutTop-1WcJ06 .overflowRolesPopoutArrow-2O66oH {
    position: absolute;
    top: -4px;
    left: 4px
}

.overflowRolesPopoutHeader-ciqDLE {
    margin-bottom: 8px
}

.popoutRoleDot-1XPcoA {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.overflowRolesPopoutHeaderIcon-6PNEZA {
    margin-right: 4px;
    width: 12px;
    height: 12px
}

.overflowRolesPopoutHeaderText-1SW-y3 {
    font-size: 12px;
    font-weight: 700;
    color: #72767d;
    text-transform: uppercase
}

.theme-dark .actionButton-VzECiy {
    border-color: #4f545c;
    color: #b9bbbe;
    background: transparent
}

.theme-dark .overflowRolesPopout-140n9i {
    color: hsla(0,0%,100%,.8)
}

.theme-dark .overflowRolesPopout-140n9i,.theme-dark .overflowRolesPopoutArrow-2O66oH {
    background-color: #36393f;
    -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-light .actionButton-VzECiy {
    border-color: #b9bbbe;
    color: #4f545c;
    background: transparent
}

.theme-light .overflowRolesPopout-140n9i {
    color: rgba(79,84,92,.8)
}

.theme-light .overflowRolesPopout-140n9i,.theme-light .overflowRolesPopoutArrow-2O66oH {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),0 0 0 1px rgba(185,187,190,.3);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),0 0 0 1px rgba(185,187,190,.3)
}

.botTag-2WPJ74 {
    font-size: .625rem;
    text-transform: uppercase;
    vertical-align: top;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-indent: 0
}

.px-10SIf7.botTag-2WPJ74 {
    height: 15px;
    padding: 0 4px;
    margin-top: 1px;
    border-radius: 3px
}

.rem-2m9HGf.botTag-2WPJ74 {
    height: .9375rem;
    padding: 0 .275rem;
    margin-top: .075em;
    border-radius: .1875rem
}

.botTagRegular-2HEhHi {
    background: var(--brand-experiment);
    color: #fff
}

.botTagInvert-18-95s {
    background: #fff;
    color: var(--brand-experiment)
}

.botTagVerified-1klIIt {
    display: inline-block
}

.px-10SIf7 .botTagVerified-1klIIt {
    width: 15px;
    height: 15px;
    margin-left: -4px
}

.rem-2m9HGf .botTagVerified-1klIIt {
    width: .9375rem;
    height: .9375rem;
    margin-left: -.25rem
}

.botText-1526X_ {
    position: relative;
    font-weight: 500
}

.px-10SIf7 .botText-1526X_ {
    font-size: 10px;
    line-height: 15px
}

.rem-2m9HGf .botText-1526X_ {
    line-height: .9375rem
}

.nameTag-m8r81H {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    line-height: 1.1
}

.nameTag-m8r81H .discriminator-19kRMP,.nameTag-m8r81H .username-2b1r56 {
    display: block
}

.username-2b1r56 {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.bot-2Fta1w,.username-2b1r56 {
    -webkit-box-flex: 0
}

.bot-2Fta1w {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 1ch
}

.textarea-2r0oV8 {
    background-color: transparent;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--text-normal);
    font-size: 12px;
    line-height: 14px;
    max-height: 88px;
    padding: 4px;
    resize: none;
    width: 100%
}

.textarea-2r0oV8::-webkit-input-placeholder {
    color: var(--text-muted)
}

.textarea-2r0oV8::-moz-placeholder {
    color: var(--text-muted)
}

.textarea-2r0oV8:-ms-input-placeholder {
    color: var(--text-muted)
}

.textarea-2r0oV8::placeholder {
    color: var(--text-muted)
}

.textarea-2r0oV8:focus {
    background-color: var(--background-tertiary)
}

.contentWarningPopout-n5JsIs {
    width: 440px;
    min-height: 198px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px
}

.header-2NYWtG {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .6px;
    margin-bottom: 4px
}

.body-3PNusm {
    min-height: 128px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-3PNusm strong {
    font-weight: 600
}

.animation-1Bst4H {
    width: 210px
}

.buttonWrapper-wJ7IoA {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buttonContainer-3Jazu9:last-child {
    margin-left: 8px
}

.button-2RbP7U {
    max-width: 120px
}

.buttonHint-OwCvKC {
    margin-top: 4px
}

.buttonHint-OwCvKC strong {
    text-transform: uppercase
}

.content-dmqHNi {
    margin-left: 20px;
    font-size: 14px;
    line-height: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-dmqHNi,.footer-3N9rgh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-3N9rgh {
    font-size: 12px;
    padding: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 14px
}

.footer-3N9rgh strong {
    font-weight: 700
}

.icon-2RSfUw {
    margin-right: 4px
}

.theme-dark .contentWarningPopout-n5JsIs {
    background-color: #36393f;
    -webkit-box-shadow: 0 2px 10px 0 rgba(28,36,43,.6);
    box-shadow: 0 2px 10px 0 rgba(28,36,43,.6)
}

.theme-dark .header-2NYWtG {
    color: #fff
}

.theme-dark .body-3PNusm {
    color: #b9bbbe
}

.theme-dark .buttonHint-OwCvKC {
    color: #72767d
}

.theme-dark .buttonHint-OwCvKC strong {
    color: #b9bbbe
}

.theme-dark .footer-3N9rgh {
    background-color: rgba(32,34,37,.4);
    color: #72767d
}

.theme-dark .footer-3N9rgh strong {
    color: #b9bbbe
}

.theme-light .contentWarningPopout-n5JsIs {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(28,36,43,.6);
    box-shadow: 0 2px 10px 0 rgba(28,36,43,.6)
}

.theme-light .header-2NYWtG {
    color: #4f545c
}

.theme-light .body-3PNusm,.theme-light .buttonHint-OwCvKC,.theme-light .buttonHint-OwCvKC strong {
    color: #72767d
}

.theme-light .footer-3N9rgh {
    background-color: #f6f6f7;
    border-radius: 0 0 5px 5px;
    color: #72767d
}

.theme-light .footer-3N9rgh strong {
    color: #72767d
}

.input-2_SIlA {
    font-size: 14px
}

.height12-2Ltw-k {
    line-height: 12px
}

.height14-RAZbc0 {
    line-height: 14px
}

.height16-2Lv3qA {
    line-height: 16px
}

.height20-mO2eIN {
    line-height: 20px
}

.height24-3XzeJx {
    line-height: 24px
}

.height28-3tox65 {
    line-height: 28px
}

.height30-yt7xZf {
    line-height: 30px
}

.height36-36OHCc {
    line-height: 36px
}

.height44-GQFvfT {
    line-height: 44px
}

.text-AOoUen {
    font-weight: 500;
    color: hsla(0,0%,100%,.8)
}

.textLeft-3EZXG6,.textRight-1XO5Ye {
}

.bar-3urHkF {
    background-color: rgba(79,84,92,.16);
    height: 4px;
    margin-bottom: 4px
}

.bar-3urHkF,.barInner-3NDaY_ {
    border-radius: 2px
}

.barInner-3NDaY_ {
    background-color: #fff;
    height: 100%;
    min-width: 4px
}

.themed-2aMyTM .textLeft-3EZXG6,.themed-2aMyTM .textRight-1XO5Ye {
    color: var(--text-normal)
}

.themed-2aMyTM .barInner-3NDaY_ {
    background-color: var(--text-normal)
}

.theme-light .newPopoutActivityStyles .barInner-3NDaY_ {
    background-color: var(--header-primary)
}

.theme-light .newPopoutActivityStyles .text-AOoUen {
    color: var(--header-primary)
}

.noUserDrag-5Mb43F {
    -webkit-user-drag: none
}

.userSelectText-1o1dQ7 {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.userSelectNone-Iy6XEP {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cursorDefault-331ZcI {
    cursor: default
}

.cursorPointer-1tw4YS {
    cursor: pointer
}

.ellipsis-1XUmPN {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.headerText-1HLrL7 {
    font-weight: 700;
    text-transform: uppercase
}

.headerTextNormal-2mGWX3 {
}

.headerTextEmptyBody-1kb9TT {
}

.body-ZAhrcj {
}

.bodyAlignCenter-1KzvJk,.bodyNormal-2D39hT {
}

.assets-VMAukC {
    position: relative
}

.xboxAssets-aGhVw8 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.assetsLargeMaskStreamPreview-2V7xlA,.assetsLargeMaskUserPopout-12EBBc,.assetsLargeMaskVoiceChannel-2k1oGM {
    -webkit-mask: url(../../assets/3a10988d0f55c63294100b270818207a.html);
    mask: url(../../assets/3a10988d0f55c63294100b270818207a.html)
}

.assetsLargeMaskActivityFeed-3eznI9,.assetsLargeMaskProfile-1Qkfen {
    -webkit-mask: url(../../assets/725244a8d98fc7f9f2c4a3b3257176e6.html);
    mask: url(../../assets/725244a8d98fc7f9f2c4a3b3257176e6.html)
}

.assetsProfile-1qp_pu {
    max-height: 144px
}

.assetsLargeImage-eYwpTX {
    border-radius: 8px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.assetsLargeImageStreamPreview-1A9lfF,.assetsLargeImageUserPopout-3Pp8BK,.assetsLargeImageUserPopoutXbox-2hgKt0 {
    width: 60px;
    height: 60px
}

.assetsLargeImageActivityFeed-25vA7H,.assetsLargeImageActivityFeedXbox-3Tr-tf,.assetsLargeImageProfile-3YXDex {
    width: 90px;
    height: 90px
}

.assetsLargeImageVoiceChannel-dGmxCi {
    width: 64px;
    height: 64px
}

.assetsLargeImageActivityFeedTwitch-35IZuj {
    width: 100%;
    height: 260px;
    -webkit-mask: -webkit-gradient(linear,left bottom,left top,color-stop(10%,transparent),color-stop(80%,#000));
    -webkit-mask: linear-gradient(0deg,transparent 10%,#000 80%);
    mask: -webkit-gradient(linear,left bottom,left top,color-stop(10%,transparent),color-stop(80%,#000));
    mask: linear-gradient(0deg,transparent 10%,#000 80%);
    border-radius: 8px
}

.assetsLargeImageProfileXbox-1t6G2m {
    width: 60px;
    height: 60px
}

.assetsLargeImageProfileTwitch-298r77 {
    width: 162px;
    height: 90px
}

.assetsSmallImage-3_3Bzj {
    border-radius: 50%;
    position: absolute;
    bottom: -4px;
    right: -4px
}

.assetsSmallImageStreamPreview-1Sdyfc,.assetsSmallImageUserPopout-2yc71g,.assetsSmallImageVoiceChannel-19SIVn {
    width: 20px;
    height: 20px
}

.assetsSmallImageActivityFeed-2LNxrO,.assetsSmallImageProfile-3JcsV1 {
    width: 30px;
    height: 30px
}

.gameIcon-_0rmMm {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.screenshareIcon-Bnlgnp {
    width: 40px;
    height: 40px;
    background-image: url(../../assets/e3846167b8bd847f74dfc567d2c3bb10.html)
}

.content-3JfFJh {
    overflow: hidden
}

.contentImagesStreamPreview-19sAie,.contentImagesUserPopout-1vLdRA,.contentImagesVoiceChannel-1LLEDQ {
    margin-left: 10px
}

.contentImagesActivityFeed-2f9veg,.contentImagesProfile-1Mz07W {
    margin-left: 20px
}

.contentNoImagesProfile-371_Rv,.contentNoImagesStreamPreview-3JDPTV,.contentNoImagesUserPopout-PCCPyZ,.contentNoImagesVoiceChannel-2C-iFg {
}

.contentNoImagesActivityFeed-FEn3nf,.contentNoImagesProfile-371_Rv {
    margin-bottom: -4px
}

.contentGameImageStreamPreview-3FGJd1,.contentGameImageUserPopout-2KWIsz,.contentGameImageVoiceChannel-3-m1X_ {
    margin-bottom: -1px;
    margin-left: 10px
}

.contentGameImageProfile-WTVbI0 {
    margin-bottom: -2px;
    margin-left: 10px
}

.textRow-19NEd_ {
    display: block;
    font-size: 14px;
    line-height: 18px
}

.details-38sfDr,.nameNormal-2lqVQK,.playTime-2uWd1Z,.state-Tt0LO3,.timestamp-VjAZmo {
}

.detailsWrap-22pigg,.nameWrap-3Z4G_9 {
}

.activityActivityFeed-3xysim .name-29ETJS {
    display: none
}

.activityActivityFeed-3xysim .details-38sfDr {
    font-weight: 600
}

.timeBarUserPopout-AWPFf2 {
    margin-top: 12px
}

.timeBarActivityFeed-24_oBt,.timeBarProfile-10b-fm {
    margin-top: 10px
}

.timeBarVoiceChannel-1toAIF {
    margin-top: 4px
}

.activityName-1IaRLn,.nameNormal-2lqVQK,.nameWrap-3Z4G_9 {
    color: #fff
}

.bodyLink-3A8Buv {
}

.bodyLink-3A8Buv:hover {
    text-decoration: underline
}

.twitchImageContainer-hVw_dv {
    background: #18191c;
    position: relative;
    border-radius: 8px
}

.twitchImageOverlay-CXCd19 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px
}

.twitchBackgroundImage-3iXCea {
    min-height: 260px;
    display: inline-block
}

.streamUsername-eO7oss {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #dcddde
}

.streamName-1q4JEo {
    margin-top: 8px;
    color: #b9bbbe;
    font-weight: 500;
    font-size: 14px
}

.streamGame-2odMhn {
    text-transform: uppercase;
    color: #72767d;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px
}

.activityVoiceChannel-OPU-Fm .headerText-1HLrL7 {
    color: var(--interactive-normal)
}

.activityVoiceChannel-OPU-Fm .activityName-1IaRLn,.activityVoiceChannel-OPU-Fm .name-29ETJS,.activityVoiceChannel-OPU-Fm .nameNormal-2lqVQK,.activityVoiceChannel-OPU-Fm .nameWrap-3Z4G_9 {
    color: var(--header-primary)
}

.activityVoiceChannel-OPU-Fm .content-3JfFJh,.activityVoiceChannel-OPU-Fm .details-38sfDr,.activityVoiceChannel-OPU-Fm .playTime-2uWd1Z,.activityVoiceChannel-OPU-Fm .state-Tt0LO3,.activityVoiceChannel-OPU-Fm .timestamp-VjAZmo {
    color: var(--header-secondary)
}

.theme-light .activityActivityFeed-3xysim .content-3JfFJh,.theme-light .activityActivityFeed-3xysim .details-38sfDr {
    color: #4f545c
}

.theme-light .activityStreamPreview-3r3GiX .activityName-1IaRLn,.theme-light .activityStreamPreview-3r3GiX .content-3JfFJh,.theme-light .activityStreamPreview-3r3GiX .details-38sfDr,.theme-light .activityStreamPreview-3r3GiX .name-29ETJS,.theme-light .activityStreamPreview-3r3GiX .nameNormal-2lqVQK {
    color: #23262a
}

.theme-dark .activityActivityFeed-3xysim .content-3JfFJh,.theme-dark .activityActivityFeed-3xysim .details-38sfDr {
    color: #dcddde
}

.theme-dark .activityStreamPreview-3r3GiX .activityName-1IaRLn,.theme-dark .activityStreamPreview-3r3GiX .content-3JfFJh,.theme-dark .activityStreamPreview-3r3GiX .details-38sfDr,.theme-dark .activityStreamPreview-3r3GiX .name-29ETJS,.theme-dark .activityStreamPreview-3r3GiX .nameNormal-2lqVQK {
    color: #f6f6f7
}

.theme-dark .activityProfile-2bJRaP .content-3JfFJh,.theme-dark .activityProfile-2bJRaP .details-38sfDr,.theme-dark .activityProfile-2bJRaP .headerText-1HLrL7,.theme-dark .activityProfile-2bJRaP .name-29ETJS,.theme-dark .activityUserPopout-2yItg2 .content-3JfFJh,.theme-dark .activityUserPopout-2yItg2 .details-38sfDr,.theme-dark .activityUserPopout-2yItg2 .headerText-1HLrL7,.theme-dark .activityUserPopout-2yItg2 .name-29ETJS,.theme-light .activityProfile-2bJRaP .content-3JfFJh,.theme-light .activityProfile-2bJRaP .details-38sfDr,.theme-light .activityProfile-2bJRaP .headerText-1HLrL7,.theme-light .activityProfile-2bJRaP .name-29ETJS,.theme-light .activityUserPopout-2yItg2 .content-3JfFJh,.theme-light .activityUserPopout-2yItg2 .details-38sfDr,.theme-light .activityUserPopout-2yItg2 .headerText-1HLrL7,.theme-light .activityUserPopout-2yItg2 .name-29ETJS {
    color: #fff
}

.theme-light .newPopoutActivityStyles .activityName-1IaRLn,.theme-light .newPopoutActivityStyles .content-3JfFJh,.theme-light .newPopoutActivityStyles .details-38sfDr,.theme-light .newPopoutActivityStyles .headerText-1HLrL7,.theme-light .newPopoutActivityStyles .name-29ETJS,.theme-light .newPopoutActivityStyles .nameNormal-2lqVQK,.theme-light .newPopoutActivityStyles .nameWrap-3Z4G_9 {
    color: var(--header-primary)
}

.theme-light .newPopoutActivityStyles button {
    color: var(--header-primary);
    border-color: var(--header-primary)
}

.button-2IFFQ4 {
    font-size: 14px
}

.buttonSize-AQY2mE {
    height: 32px;
    min-height: 32px
}

.button-2Yen-x {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.popout-3h7_tF {
    margin-top: 8px
}

.image-3wFWIj {
    width: 156px;
    height: 137px
}

.text-ojZtuK {
}

.theme-dark .image-3wFWIj {
    background-image: url(../../assets/fb6a21ef85b63dec6e7c01c683904e8f.html)
}

.theme-light .image-3wFWIj {
    background-image: url(../../assets/97e866482f43d3ebd2496641cd934904.html)
}

.spotifyButtonLogo-3uT57D {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.listenAlongIcon-2TkOLH {
    width: 24px;
    height: 24px
}

.iconButton-3ucJ7a {
    padding: 0
}

.iconButtonSize-8raSoG {
    min-width: 32px;
    max-width: 32px
}

.streamIcon-2zxjAa {
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    margin-right: 5px
}

.iconButton-2sWFo9 {
    padding: 0;
    line-height: 0;
    margin-left: 8px
}

.iconButtonSize-1gzEUL {
    min-width: 32px;
    max-width: 32px
}

.iconSize-2WDpUJ {
    width: 24px;
    height: 24px
}

.xboxButtonLogo-1udUda {
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-right: 8px
}

.buttonsWrapper-2spIeK {
    margin-top: 12px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.buttonsWrapper-2spIeK:empty {
    margin: 0
}

.horizontal-3fI3M->:not(:first-child) {
    margin-left: 8px
}

.vertical-3w1v88>:not(:first-child) {
    margin-top: 8px
}

.actionsStreamPreview-2lARcx {
    margin-top: 10px
}

.actionsProfile-jEtjVX {
    margin-left: 20px;
    margin-top: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.actionsActivityFeed-1S7uWl {
}

.errorImage-149OVL {
    height: 135px
}

.cannotLaunchImage-2h36Tb {
}

.icon-15YQ1T {
    margin-left: 2px
}

.emoji-2cWBLE,.icon-15YQ1T {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.textRuler-wO-qHe {
    position: absolute;
    visibility: hidden
}

.emoji-kdONqz {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.markup-4LM5iR {
    white-space: normal
}

.container-q03LZO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -6px;
    margin-bottom: -6px
}

.container-q03LZO>* {
    margin: 0 6px 6px 0
}

.profileBadge-2niAfJ {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    cursor: pointer
}

.profileBadge24-179Xm3 {
    width: 24px;
    height: 24px
}

.profileBadge24-179Xm3.profileBadgeEarlySupporter-2ng_jL,.profileBadge24-179Xm3.profileBadgePremium-1KDZYC {
    width: 28px
}

.profileBadge18-NVHzY4 {
    width: 18px;
    height: 18px
}

.profileBadge18-NVHzY4.profileBadgeEarlySupporter-2ng_jL,.profileBadge18-NVHzY4.profileBadgePremium-1KDZYC {
    width: 21px
}

.profileBadgeStaff-3BXdTO {
    background-image: url(../../assets/7cfd90c8062139e4804a1fa59f564731.html)
}

.profileBadgePartner-j6Lwhr {
    background-image: url(../../assets/a6a741e07b5ec2d1583f8b98df3c2143.html)
}

.profileBadgeHypesquad-12E2P6 {
    background-image: url(../../assets/3a050fcc884255231b99b7033c776070.html)
}

.profileBadgeHypeSquadOnlineHouse1-3rBtjf {
    background-image: url(../../assets/1115767aed344e96a27a12e97718c171.html)
}

.profileBadgeHypeSquadOnlineHouse2-2oU04B {
    background-image: url(../../assets/d3478c6bd5cee0fc600e55935ddc81aa.html)
}

.profileBadgeHypeSquadOnlineHouse3-1DoJkv {
    background-image: url(../../assets/2a085ed9c86f3613935a6a8667ba8b89.html)
}

.profileBadgeHypeSquadOnlineHouse1Winner-3wCl80 {
    background-image: url(../../assets/75f75c3142b8d44ea7052c2bcb9a9043.html)
}

.profileBadgeHypeSquadOnlineHouse2Winner-AS5bXe {
    background-image: url(../../assets/d4a8fe68fc5f40c8a778f858881a7b84.html)
}

.profileBadgeHypeSquadOnlineHouse3Winner-2CwwQi {
    background-image: url(../../assets/5dc48a7859a00e7d95ad8382156aab84.html)
}

.profileBadgeVerifiedDeveloper-195KfD {
    background-image: url(../../assets/785d81fdbedd133e213da693aba98774.html)
}

.profileBadgeCertifiedModerator-1TQtjV {
    background-image: url(../../assets/2b18e0ba64c087204e399479cab5c60a.html)
}

.profileBadgeEarlySupporter-2ng_jL {
    background-image: url(../../assets/ce15562552e3d70c56d5408cfeed2ffd.html)
}

.profileBadgePremium-1KDZYC {
    background-image: url(../../assets/379d2b3171722ef8be494231234da5d1.html)
}

.profileBadgeBugHunterLevel1-dbEzVz {
    background-image: url(../../assets/df26f079738a4dcd07cbce6eb3c957f1.html)
}

.profileBadgeBugHunterLevel2-3TUciC {
    background-image: url(../../assets/16def052b03d75dac0ed9234c5d6a880.html)
}

.profileGuildSubscriberlvl1-3oI9tx {
    background-image: url(../../assets/a86d7e56b8208da9f8623ac49fe822dc.html)
}

.profileGuildSubscriberlvl2-r6nJHT {
    background-image: url(../../assets/e85361cd599b6722548c5a5f003b4b78.html)
}

.profileGuildSubscriberlvl3-38s3Dj {
    background-image: url(../../assets/7a0be61e754af3353d0871070f46a9d6.html)
}

.profileGuildSubscriberlvl4-2NXrsI {
    background-image: url(../../assets/88f960f400930f109847d0335685de69.html)
}

.profileGuildSubscriberlvl5-3XIa2K {
    background-image: url(../../assets/a99def5f819c077e5e5061cab741b7e6.html)
}

.profileGuildSubscriberlvl6-3e3sxW {
    background-image: url(../../assets/2cfb317f3db3963d8ded9a97ee967bac.html)
}

.profileGuildSubscriberlvl7-1dVhQT {
    background-image: url(../../assets/278736f579d810b11ddf308cb598b19e.html)
}

.profileGuildSubscriberlvl8-1kXdFr {
    background-image: url(../../assets/38e40f25802a0fdf480d9b855a37a2f3.html)
}

.profileGuildSubscriberlvl9-1d6zav {
    background-image: url(../../assets/cfbc2d8ceacfacf07850f986c8165195.html)
}

.colored-1armap .profileBadgeStaff-3BXdTO {
    background-image: url(../../assets/c5b2473c93c340dbe540e120a86a019f.html)
}

.colored-1armap .profileBadgePartner-j6Lwhr {
    background-image: url(../../assets/0d494d94157e71dd9cc064baad0f1b70.html)
}

.colored-1armap .profileBadgeHypesquad-12E2P6 {
    background-image: url(../../assets/6c73f47daf179ffade99f501bfc5101b.html)
}

.colored-1armap .profileBadgeHypeSquadOnlineHouse1-3rBtjf {
    background-image: url(../../assets/64ae1208b6aefc0a0c3681e6be36f0ff.html)
}

.colored-1armap .profileBadgeHypeSquadOnlineHouse2-2oU04B {
    background-image: url(../../assets/48cf0556d93901c8cb16317be2436523.html)
}

.colored-1armap .profileBadgeHypeSquadOnlineHouse3-1DoJkv {
    background-image: url(../../assets/9fdc63ef8a3cc1617c7586286c34e4f1.html)
}

.colored-1armap .profileBadgeHypeSquadOnlineHouse1Winner-3wCl80 {
    background-image: url(../../assets/26a2dc8c9d70955a988cb377eec84c22.html)
}

.colored-1armap .profileBadgeHypeSquadOnlineHouse2Winner-AS5bXe {
    background-image: url(../../assets/88d4f11bee9ea34fee59973b33353da0.html)
}

.colored-1armap .profileBadgeHypeSquadOnlineHouse3Winner-2CwwQi {
    background-image: url(../../assets/3245b2cd85b787b195ea8f6e10ef5790.html)
}

.colored-1armap .profileBadgeVerifiedDeveloper-195KfD {
    background-image: url(../../assets/45cd06af582dcd3c6b79370b4e3630de.html)
}

.colored-1armap .profileBadgeEarlySupporter-2ng_jL {
    background-image: url(../../assets/23e59d799436a73c024819f84ea0b627.html)
}

.colored-1armap .profileBadgePremium-1KDZYC {
    background-image: url(../../assets/386884eecd36164487505ddfbac35a9d.html)
}

.colored-1armap .profileBadgeBugHunterLevel1-dbEzVz {
    background-image: url(../../assets/30f7a46fe785c7273bfc4558213c317a.html)
}

.colored-1armap .profileBadgeBugHunterLevel2-3TUciC {
    background-image: url(../../assets/9286332d6e947c91fa91569efce431b0.html)
}

.colored-1armap .profileBadgeCertifiedModerator-1TQtjV {
    background-image: url(../../assets/955e3c9783043c7080ac202565810fc3.html)
}

.colored-1armap .profileGuildSubscriberlvl1-3oI9tx {
    background-image: url(../../assets/fbb6f1e160280f0e9aeb5d7c452eefe1.html)
}

.colored-1armap .profileGuildSubscriberlvl2-r6nJHT {
    background-image: url(../../assets/b4b741bef6c3de9b29e2e0653e294620.html)
}

.colored-1armap .profileGuildSubscriberlvl3-38s3Dj {
    background-image: url(../../assets/93f5a393e22796a850931483166d7cb9.svg)
}

.colored-1armap .profileGuildSubscriberlvl4-2NXrsI {
    background-image: url(../../assets/4c380650960c2b1e1584115d5e9ad63b.html)
}

.colored-1armap .profileGuildSubscriberlvl5-3XIa2K {
    background-image: url(../../assets/438dd7ecbffcf21b6cbf2773ade51a04.html)
}

.colored-1armap .profileGuildSubscriberlvl6-3e3sxW {
    background-image: url(../../assets/7a5f78de816fcecbbd1d5d6e635cc7dd.html)
}

.colored-1armap .profileGuildSubscriberlvl7-1dVhQT {
    background-image: url(../../assets/5a24b20b84fb3eafc138916729386e76.html)
}

.colored-1armap .profileGuildSubscriberlvl8-1kXdFr {
    background-image: url(../../assets/f31d590e1f3629cd0b614330f4a8ee2a.html)
}

.colored-1armap .profileGuildSubscriberlvl9-1d6zav {
    background-image: url(../../assets/9ba64f1fa91ccde0eba506c1c33f3d1a.html)
}

.base-PmTxvP {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 16px;
    min-height: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.baseShapeRound-1Mm1YW {
    border-radius: 8px
}

.baseShapeRoundLeft-ym85l3 {
    border-radius: 8px 0 0 8px
}

.baseShapeRoundRight-1962en {
    border-radius: 0 8px 8px 0
}

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

.textBadge-1iylP6 {
    padding: 0 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.iconBadge-2NuvG9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16px;
    height: 16px
}

.icon-3s6X1M {
    padding: 2px;
    width: 100%;
    height: 100%
}

.banner-3gRYg5 {
    position: relative
}

.banner-3gRYg5:hover .bannerOverlay-1Q8RTe,.banner-3gRYg5:hover .pencilIcon-XmcZQT {
    opacity: 1
}

.profileBannerPremium-2RxXQ9 {
    height: 120px;
    width: 300px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.profileBanner-j34RzR {
    height: 60px
}

.pencilIcon-XmcZQT {
    top: 14px;
    right: 16px;
    color: #fff
}

.bannerOverlay-1Q8RTe,.pencilIcon-XmcZQT {
    position: absolute;
    opacity: 0
}

.bannerOverlay-1Q8RTe {
    height: 100%;
    width: 100%;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),inset 0 0 120px rgba(0,0,0,.6);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),inset 0 0 120px rgba(0,0,0,.6);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.betaBadge-1eHgKC {
    position: absolute;
    top: 14px;
    right: 16px;
    text-transform: uppercase;
    -webkit-filter: drop-shadow(0 8px 16px rgba(0,0,0,.2));
    filter: drop-shadow(0 8px 16px rgba(0,0,0,.2))
}

.headerNormal-1l1Znk {
    color: var(--header-secondary);
    line-height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: var(--background-secondary)
}

.headerNameWrapper-gEOyRH {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerName-3W-qH- {
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: 4px;
    color: var(--interactive-active)
}

.avatarHint-1E3LMl {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    pointer-events: none
}

.avatarHintInner-2kMTo4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    width: 100%;
    padding-top: 4px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0 0 120px rgba(0,0,0,.75);
    box-shadow: inset 0 0 120px rgba(0,0,0,.75)
}

.avatar-22FtUu {
    border: 6px solid var(--background-tertiary);
    background-color: var(--background-tertiary)
}

.avatarWrapper-1-5NA0 {
    border-radius: 50%;
    position: absolute;
    top: 80px;
    left: 16px;
    z-index: 1
}

.avatarWrapperNormal-2tu8Ts {
    cursor: pointer
}

.avatarWrapperNormal-2tu8Ts:hover .avatarHint-1E3LMl {
    opacity: 1
}

.avatarWrapperNonUserBot-1aLvjh {
    cursor: default
}

.avatarPositionNormal-1CZUPk {
    top: 16px
}

.avatarPositionPremium-1QenYe {
    top: 76px
}

.headerTop-2y3V6H {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 64px 16px 16px;
    background-color: var(--background-tertiary);
    overflow: hidden;
    position: relative
}

.headerText-2WJ44e,.headerTop-2y3V6H {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.headerText-2WJ44e {
    text-align: left
}

.headerTag-nSOkYt {
    font-weight: 500;
    line-height: 18px;
    color: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.headerNormal-1l1Znk .headerTag-nSOkYt {
    color: var(--header-secondary)
}

.headerTagWithNickname-2YarQ8 {
}

.headerTagNoNickname-3ak9o8 {
    line-height: 24px;
    word-break: break-word;
    white-space: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.headerBotTagWithNickname-3-shVg {
    margin-bottom: 2px
}

.customStatus-3NamXG {
    margin-top: 12px;
    width: 100%;
    overflow-wrap: break-word;
    font-size: 14px;
    line-height: 18px;
    color: var(--header-secondary)
}

.customStatus-3NamXG .customStatusEmoji-1itGdP {
    width: 20px;
    height: 20px
}

.customStatus-3NamXG .customStatusEmoji-1itGdP:not(:last-child) {
    margin-right: 8px
}

.customStatus-3NamXG .customStatusEmoji-1itGdP.customStatusSoloEmoji-3RCuZj {
    width: 48px;
    height: 48px
}

.customStatusText-2wWmYP {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.activity-fViXj7 {
    padding: 16px 0;
    margin: 0 16px;
    border-bottom: 1px solid var(--background-accent)
}

.headerTagUsernameNoNickname-1SSLBc {
    color: var(--interactive-active);
    font-weight: 600
}

.headerTagDiscriminatorNoNickname-1jiWtJ {
    line-height: 20px
}

.profileBadges-1dm1_q {
    max-width: 180px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.profileBadges-1dm1_q,.spinner-3YTkt9 {
    position: absolute;
    top: 16px;
    right: 16px
}

.spinner-3YTkt9 {
    width: auto
}

.aboutMeSection-3bipSD {
    padding: 0 16px 16px;
    background-color: var(--background-tertiary)
}

.aboutMeTitle-2M2L3- {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px
}

.aboutMeBody-1a7Pjl {
}

@-webkit-keyframes live-pulse-3GAxuT {
    0% {
        -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 0 0 rgba(237,66,69,.42);
        box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 0 0 rgba(237,66,69,.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-3GAxuT {
    0% {
        -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 0 0 rgba(237,66,69,.42);
        box-shadow: 0 0 10px 2px rgba(0,0,0,.12),0 0 0 0 rgba(237,66,69,.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-3XzG_A {
    -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);
    border-radius: 5px;
    overflow: hidden;
    max-height: calc(100vh - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-2BwW8b {
    color: #fff;
    line-height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.headerBotTagWithNickname--pvZ2g {
    margin-bottom: 2px
}

.headerTop-3C2Zn0 {
    padding: 16px
}

.headerNormal-T_seeN {
}

.headerStreaming-2FjmGz {
    background: #593695
}

.headerSpotify-zpWxgT {
    background: #1db954
}

.headerXbox-3G-4PF {
    background: #107c10
}

.headerPlaying-j0WQBV {
    background: #7289da
}

.avatarWrapper-3H_478 {
    border-radius: 50%;
    margin-bottom: 12px;
    position: relative
}

.avatarWrapperNormal-3wFMbf {
    cursor: pointer
}

.avatarWrapperNormal-3wFMbf:hover .avatarHint-1qgaV3 {
    opacity: 1
}

.avatarWrapperNonUserBot-2DufN6 {
    cursor: default
}

.avatarHint-1qgaV3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    pointer-events: none
}

.avatarHintInner-Dco91E {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    width: 100%;
    padding-top: 4px;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0 0 120px rgba(0,0,0,.75);
    box-shadow: inset 0 0 120px rgba(0,0,0,.75)
}

.avatarHintInner-Dco91E,.headerText-2sdzFM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerText-2sdzFM {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.headerNameWrapper-3res2c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerName-fajvi9 {
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: 4px
}

.headerName-fajvi9,.headerTagUsernameNoNickname-2_H881 {
    white-space: normal;
    color: #fff
}

.headerTag-2pZJzA {
    font-weight: 500;
    line-height: 18px;
    color: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.headerNormal-T_seeN .headerTag-2pZJzA {
    color: var(--header-secondary)
}

.headerTagWithNickname-3IthZD {
}

.headerTagNoNickname-ENx6no {
    word-break: break-word;
    white-space: normal
}

.headerTagUsernameNoNickname-2_H881 {
    font-weight: 600
}

.headerActivityText-gcopRr {
    font-size: 14px;
    padding: 0 10px;
    color: hsla(0,0%,100%,.6);
    text-align: center
}

.headerActivityText-gcopRr strong,.headerLive-172YLb {
    font-weight: 700
}

.headerLive-172YLb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer
}

.headerLive-172YLb .headerLiveText-2NrUq_ {
    color: #fff
}

.headerLive-172YLb:hover {
    background-color: #503186
}

.headerEmoji-3vgSfn {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    vertical-align: -.2em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.headerLiveText-2NrUq_ {
    padding: 8px 0
}

.headerLiveIcon-3ASKA7 {
    background-color: #ed4245;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    display: inline-block;
    margin-right: 5px;
    -webkit-animation: live-pulse-3GAxuT 1.5s infinite;
    animation: live-pulse-3GAxuT 1.5s infinite
}

.activity-11LB_k {
    background-color: rgba(0,0,0,.05);
    padding: 16px
}

.body-3iLsc4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-height: 0;
    padding: 16px 8px 16px 16px;
    background-color: #f6f6f7
}

.bodyInnerWrapper-Z8WDxe {
    padding-right: 8px
}

.rolesList-22qj2L {
    margin-top: 12px
}

.note-3HfJZ5 {
    margin-left: -4px;
    margin-right: -4px
}

.endBodySection-Rf4s-7 {
    margin-bottom: 16px
}

.bodyTitle-Y0qMQz {
    color: var(--header-secondary);
    font-weight: 700;
    text-transform: uppercase
}

.footer-1fjuF6 {
    padding: 0 16px 16px;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.wumpusWrapper-yrvoR3 {
    overflow: hidden;
    pointer-events: none
}

.wumpus-3VDMUi {
    margin-left: 8px;
    -webkit-transform: translate3d(0,18px,0);
    transform: translate3d(0,18px,0);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0,0,.5,2.2) .15s;
    transition: -webkit-transform .15s cubic-bezier(0,0,.5,2.2) .15s;
    transition: transform .15s cubic-bezier(0,0,.5,2.2) .15s;
    transition: transform .15s cubic-bezier(0,0,.5,2.2) .15s,-webkit-transform .15s cubic-bezier(0,0,.5,2.2) .15s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wumpusImage-1f6wii {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.wumpusTooltip-65YlMT {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: inline-block;
    position: relative;
    left: 2px;
    padding: 1px 6px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px;
    margin-top: -8px;
    margin-right: 8px;
    opacity: 0;
    -webkit-transition: opacity .11s linear .17s;
    transition: opacity .11s linear .17s
}

.wumpusTooltip-65YlMT:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    margin-top: -3px;
    border-right-width: 3px;
    border-style: solid;
    height: 0;
    width: 0
}

.wumpusShown-2xKVn_ {
    -webkit-transform: translate3d(0,2px,0);
    transform: translate3d(0,2px,0)
}

.wumpusShown-2xKVn_ .wumpusTooltip-65YlMT {
    opacity: 1
}

.protip-YaFfgO {
    color: var(--header-secondary);
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.applicationStreaming-2FO6Gx {
    background-color: var(--brand-experiment-400)
}

.customStatus-1bh2V9 {
    margin-top: 12px;
    text-align: center;
    width: 100%;
    overflow-wrap: break-word;
    font-size: 14px;
    line-height: 18px;
    color: #fff
}

.customStatus-1bh2V9 .customStatusEmoji-7MXCgv {
    width: 20px;
    height: 20px
}

.customStatus-1bh2V9 .customStatusEmoji-7MXCgv:not(:last-child) {
    margin-right: 8px
}

.customStatus-1bh2V9 .customStatusEmoji-7MXCgv.customStatusSoloEmoji-XOvnMc {
    width: 48px;
    height: 48px
}

.customStatusText-3YJeRZ {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.headerNormal-T_seeN .customStatus-1bh2V9 {
    color: var(--header-secondary)
}

.theme-dark .headerNormal-T_seeN {
    background-color: #202225
}

.theme-dark .body-3iLsc4,.theme-dark .footer-1fjuF6 {
    background-color: #2f3136;
    color: hsla(0,0%,100%,.8)
}

.theme-dark .footer-1fjuF6 {
    border-color: rgba(32,34,37,.3)
}

.theme-dark .wumpusTooltip-65YlMT {
    background: #fff;
    color: #4f545c
}

.theme-dark .wumpusTooltip-65YlMT:after {
    border-color: transparent #fff transparent transparent
}

.theme-light .userPopout-3XzG_A {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(185,187,190,.3);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(185,187,190,.3)
}

.theme-light .headerNormal-T_seeN {
    background-color: #f6f6f7
}

.theme-light .headerNormal-T_seeN .headerTag-2pZJzA {
    color: #b9bbbe
}

.theme-light .headerNormal-T_seeN .headerName-fajvi9,.theme-light .headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881 {
    color: #4f545c
}

.theme-light .body-3iLsc4,.theme-light .footer-1fjuF6 {
    background-color: #fff;
    color: rgba(79,84,92,.8)
}

.theme-light .footer-1fjuF6 {
    border-color: rgba(185,187,190,.3)
}

.theme-light .wumpusTooltip-65YlMT {
    background: rgba(220,221,222,.6);
    color: #4f545c
}

.theme-light .wumpusTooltip-65YlMT:after {
    border-color: transparent rgba(220,221,222,.6) transparent transparent
}

.avatarUploader-3XDtmn {
    text-align: center;
    font-size: 12px
}

.avatarUploader-3XDtmn .removeButton-1hcZyG {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    display: block;
    text-decoration: none;
    cursor: pointer
}

.avatarUploader-3XDtmn .sizeInfo-SKMPPw {
    margin-top: 10px;
    display: block;
    font-size: 10px;
    color: #87909c
}

.avatarUploader-3XDtmn .sizeInfo-SKMPPw strong {
    font-weight: 700
}

.avatarUploaderInner-3UNxY3 {
    display: inline-block;
    width: 138px;
    height: 138px;
    border-radius: 50%;
    background-color: var(--brand-experiment);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow .1s;
    transition: -webkit-box-shadow .1s;
    transition: box-shadow .1s;
    transition: box-shadow .1s,-webkit-box-shadow .1s;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.avatarUploaderInner-3UNxY3>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    color: #fff
}

.avatarUploaderInner-3UNxY3 .fileInput-23-d-3,.avatarUploaderInner-3UNxY3 input[type=file] {
    pointer-events: auto
}

.avatarUploaderInner-3UNxY3:focus-within,.avatarUploaderInner-3UNxY3:hover {
    -webkit-box-shadow: inset 0 0 120px rgba(0,0,0,.75);
    box-shadow: inset 0 0 120px rgba(0,0,0,.75)
}

.avatarUploaderInner-3UNxY3:focus-within .avatarUploaderAcronym-3SioMc,.avatarUploaderInner-3UNxY3:hover .avatarUploaderAcronym-3SioMc {
    visibility: hidden
}

.avatarUploaderInner-3UNxY3:focus-within .avatarUploaderHint-3SN212,.avatarUploaderInner-3UNxY3:hover .avatarUploaderHint-3SN212 {
    visibility: visible
}

.avatarUploaderAcronym-3SioMc {
    font-size: 40px;
    overflow: hidden;
    white-space: nowrap
}

.avatarUploaderHint-3SN212 {
    visibility: hidden;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 12px;
    white-space: pre
}

.avatarUploaderIndicator-2G-aIZ {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.theme-light .avatarUploader-3XDtmn .removeButton-1hcZyG {
    color: #b9bbbe
}

.theme-light .avatarUploader-3XDtmn .removeButton-1hcZyG:hover {
    color: #72767d
}

.theme-light .avatarUploaderIndicator-2G-aIZ {
    background-color: #fff;
    background-image: url(../../assets/30a3036e40d0f175912ec96c03596e29.html)
}

.theme-dark .avatarUploader-3XDtmn .removeButton-1hcZyG {
    color: #b9bbbe
}

.theme-dark .avatarUploader-3XDtmn .removeButton-1hcZyG:hover {
    color: #72767d
}

.theme-dark .avatarUploaderIndicator-2G-aIZ {
    background-color: #dcddde;
    background-image: url(../../assets/d5c25e76af04cea8997e4a060572feae.html)
}

.avatarUploaderInner-8sz5Du {
    width: 80px;
    height: 80px
}

.content-1VT-5N {
    border-radius: 8px;
    background-color: var(--background-secondary);
    padding: 16px
}

.reset-2qAT6l {
    margin-bottom: 20px;
    text-transform: capitalize;
    cursor: pointer;
    padding-left: 1px;
    padding-right: 1px;
    opacity: .6
}

.reset-2qAT6l:hover {
    opacity: 1;
    text-decoration: underline
}

.card-1SJYqw {
    padding: 10px;
    line-height: 20px
}

.input-2JOcvO {
}

.reset-2ikQ30 {
    text-transform: capitalize;
    cursor: pointer;
    padding-left: 1px;
    padding-right: 1px;
    opacity: .6
}

.reset-2ikQ30:hover {
    opacity: 1;
    text-decoration: underline
}

.error-26Fhg_ {
}

.warning-1bDTCh {
    color: #fff
}

.description-3BvR20 {
    margin-bottom: 16px
}

.input-2suNrw {
    margin-bottom: 8px
}

.reset-2IwrbI {
    text-transform: capitalize;
    cursor: pointer;
    margin-bottom: 20px;
    padding-left: 1px;
    padding-right: 1px;
    opacity: .6
}

.reset-2IwrbI:hover {
    opacity: 1;
    text-decoration: underline
}

.spacing-2jY1b4 {
}

.spacing-2IUlSR {
}

.roleRow-1iQo_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.roleDot-2bTP_S {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sliderContainer-2Nrll8 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    overflow: visible
}

.slider-2zxowp {
    position: relative;
    top: -14px
}

.wrapper-2NZy0S {
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-xnhh2x {
    display: block;
    margin-right: 8px
}

.errorIcon-1gpCtD {
    color: #ed4245
}

.tile-2OwFgW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    -webkit-transition: background-color .2s ease,-webkit-box-shadow .2s ease;
    transition: background-color .2s ease,-webkit-box-shadow .2s ease;
    transition: background-color .2s ease,box-shadow .2s ease;
    transition: background-color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease;
    min-height: 370px
}

.tileHorizontal-3eee4N {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    min-height: 0;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 660px
}

.title-1rUb9I {
    font-size: 18px;
    font-weight: 600;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    line-height: 1.2
}

.tagline-2nvxi0 {
    line-height: 1.3;
    margin-top: 8px;
    font-size: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.actions-3p06E9 {
    margin-top: 12px;
    justify-self: flex-end;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.media-gfq_4j {
    position: relative
}

.mediaHorizontal-2Poqtq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 305px;
    flex: 0 0 305px
}

.description-1RsfgZ,.mediaHorizontal-2Poqtq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.description-1RsfgZ {
    padding: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.theme-dark .description-1RsfgZ {
    color: #fff
}

.theme-dark .tagline-2nvxi0 {
    color: #b9bbbe
}

.theme-dark .tile-2OwFgW {
    background-color: #202225;
    -webkit-box-shadow: 0 0 0 rgba(32,34,37,.15);
    box-shadow: 0 0 0 rgba(32,34,37,.15)
}

.theme-dark .tile-2OwFgW:hover {
    background-color: #18191c
}

.theme-light .description-1RsfgZ {
    color: #202225
}

.theme-light .tagline-2nvxi0 {
    color: #36393f
}

.theme-light .tile-2OwFgW {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 rgba(32,34,37,.15);
    box-shadow: 0 0 0 rgba(32,34,37,.15)
}

.embedHorizontal-WknQ2- {
    height: 173px
}

.embedVertical-W5-T0m {
    width: 240px;
    height: 300px
}

@-webkit-keyframes loading-3l7Cr9 {
    0% {
        -webkit-transform: translate3d(-271px,0,0);
        transform: translate3d(-271px,0,0)
    }

    50% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-271px,0,0);
        transform: translate3d(-271px,0,0)
    }
}

@keyframes loading-3l7Cr9 {
    0% {
        -webkit-transform: translate3d(-271px,0,0);
        transform: translate3d(-271px,0,0)
    }

    50% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-271px,0,0);
        transform: translate3d(-271px,0,0)
    }
}

.loadingDescription-2Me56S {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.loadingBackgroundWrapper-3FpTMQ {
    position: relative;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='271' height='165'><path fill='#000000' fill-rule='evenodd' d='M5 0h120c2.761424 0 5 2.23857625 5 5v10c0 2.7614237-2.238576 5-5 5H5c-2.76142375 0-5-2.2385763-5-5V5c0-2.76142375 2.23857625-5 5-5zm0 30h244c2.761424 0 5 2.2385763 5 5v10c0 2.7614237-2.238576 5-5 5H5c-2.76142375 0-5-2.2385763-5-5V35c0-2.7614237 2.23857625-5 5-5zm0 30h180c2.761424 0 5 2.2385763 5 5v10c0 2.7614237-2.238576 5-5 5H5c-2.76142375 0-5-2.2385763-5-5V65c0-2.7614237 2.23857625-5 5-5zm-2 60h60c1.6568542 0 3 1.343146 3 3v26c0 1.656854-1.3431458 3-3 3H3c-1.65685425 0-3-1.343146-3-3v-26c0-1.656854 1.34314575-3 3-3z'/></svg>");
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='271' height='165'><path fill='#000000' fill-rule='evenodd' d='M5 0h120c2.761424 0 5 2.23857625 5 5v10c0 2.7614237-2.238576 5-5 5H5c-2.76142375 0-5-2.2385763-5-5V5c0-2.76142375 2.23857625-5 5-5zm0 30h244c2.761424 0 5 2.2385763 5 5v10c0 2.7614237-2.238576 5-5 5H5c-2.76142375 0-5-2.2385763-5-5V35c0-2.7614237 2.23857625-5 5-5zm0 30h180c2.761424 0 5 2.2385763 5 5v10c0 2.7614237-2.238576 5-5 5H5c-2.76142375 0-5-2.2385763-5-5V65c0-2.7614237 2.23857625-5 5-5zm-2 60h60c1.6568542 0 3 1.343146 3 3v26c0 1.656854-1.3431458 3-3 3H3c-1.65685425 0-3-1.343146-3-3v-26c0-1.656854 1.34314575-3 3-3z'/></svg>");
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 271px;
    height: 165px;
    margin-top: 16px
}

.loadingBackgroundWrapperHorizontal-1ajnAO {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='271' height='141'><g fill='#000000' fill-rule='evenodd'><rect width='130' height='20' rx='5'/><rect width='254' height='20' y='30' rx='5'/><rect width='190' height='20' y='60' rx='5'/><rect width='66' height='32' y='102' rx='3'/></g></svg>");
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='271' height='141'><g fill='#000000' fill-rule='evenodd'><rect width='130' height='20' rx='5'/><rect width='254' height='20' y='30' rx='5'/><rect width='190' height='20' y='60' rx='5'/><rect width='66' height='32' y='102' rx='3'/></g></svg>");
    width: 271px;
    height: 141px;
    margin-top: 8px
}

.loadingImage-2ouGtu {
    width: 100%;
    padding-top: 56%
}

.loadingImageHorizontal-QAjd6U {
    height: 100%;
    padding: 0
}

.loadingBackground-3sVOML {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 542px;
    -webkit-animation: loading-3l7Cr9 4s ease-in-out infinite;
    animation: loading-3l7Cr9 4s ease-in-out infinite
}

.theme-dark .loadingBackground-3sVOML {
    background-image: -webkit-gradient(linear,left top,right top,from(#36393f),color-stop(#4f545c),to(#36393f));
    background-image: linear-gradient(90deg,#36393f,#4f545c,#36393f)
}

.theme-dark .loadingImage-2ouGtu {
    background-color: #2f3136
}

.theme-light .embedHorizontal-WknQ2-,.theme-light .embedVertical-W5-T0m {
    background-color: #f6f6f7
}

.theme-light .loadingBackground-3sVOML {
    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-light .loadingImage-2ouGtu {
    background-color: #dcddde
}

.header-1Kydsy {
    font-size: 20px;
    margin-top: 20px
}

.backSplash-13_XJL {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .15;
    background-size: cover;
    background-position: bottom;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-mask: radial-gradient(circle at 50% 0,#000,transparent);
    mask: radial-gradient(circle at 50% 0,#000,transparent);
    background-image: url(../../assets/ce828de1535235f9a651b1136121d623.html)
}

.content-1tt1e0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 20px
}

.body-32BEO- {
    margin-top: 8px;
    margin-bottom: 20px;
    text-align: center
}

.closeButton-2b6skY {
    position: absolute;
    top: 20px;
    right: 20px
}

.theme-dark .header-1Kydsy {
    color: #fff
}

.theme-dark .body-32BEO- {
    color: #b9bbbe
}

.theme-light .header-1Kydsy {
    color: #202225
}

.theme-light .body-32BEO- {
    color: #36393f
}

.wrapper-1-Fsb8 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    padding: 0 4px;
    z-index: 1
}

.wrapper-1-Fsb8:after {
    content: "";
    background-color: inherit;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: -2px
}

.header-19cWci {
    color: var(--header-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 12px;
    font-weight: 600;
    -webkit-transition: color .125s;
    transition: color .125s
}

.interactive-BzuinF:hover {
    cursor: pointer
}

.interactive-BzuinF:hover:hover {
    color: var(--interactive-active)
}

.headerIcon-1qrXTN {
    display: contents;
    height: 100%;
    margin-right: 8px
}

.headerLabel-3dG4M- {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    margin-right: 8px
}

.headerIcon-1qrXTN+.headerLabel-3dG4M- {
    margin-left: 8px
}

.headerCollapseIcon-ymwSPR {
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s,-webkit-transform .1s
}

.headerCollapseIconCollapsed-3fap1D {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.autocomplete-1vrmpx {
    border-radius: 5px 5px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 3
}

.autocompleteInner-zh20B_ {
    padding-bottom: 8px
}

.autocompleteRow-2OthDa {
    padding: 0 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500
}

.autocompleteRowVertical-q1K4ky {
}

.autocompleteRowHorizontal-32jwnH {
    padding: 0
}

.autocompleteRowContent-1AMstF {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--interactive-normal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 16px
}

.autocompleteRowContentPrimary-238PvP {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.autocompleteRowIcon-2VJmzt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px
}

.autocompleteRowSubheading-WqMMIl {
    margin-top: 2px
}

.autocompleteRowContentSecondary-1tgI-F {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.base-1pYU8j {
    border-radius: 3px;
    padding: 8px
}

.selectable-3dP3y- {
    cursor: pointer
}

.dividerContainer-3Gjj3b .base-1pYU8j {
    padding-bottom: 0;
    padding-top: 0
}

.divider-23swzi {
    padding: 8px
}

.divider-23swzi:after {
    background-color: var(--background-modifier-accent);
    content: "";
    display: block;
    height: 1px;
    width: 100%
}

.contentTitle-2tG_sM {
    color: var(--interactive-normal);
    text-transform: uppercase;
    padding: 4px 0
}

.contentTitle-2tG_sM strong {
    text-transform: none
}

.icon-3ZzoN7 {
    color: var(--interactive-normal);
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain
}

.iconForeground-1w5n7R {
    fill: var(--interactive-normal)
}

.emojiImage-1_XFkC {
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px
}

.emojiRaw-3DHlrS {
    display: block;
    font-size: 20px
}

.descriptionDiscriminator-3vUOCc {
    opacity: .6
}

.autocompleteRowVerticalSmall-1bvn6e .base-1pYU8j {
    padding: 4px 8px
}

.theme-light .autocomplete-1vrmpx {
    background-color: #f8f9f9
}

.theme-light .selected-1Tbx07 {
    background-color: #dcddde
}

.theme-light .contentTitle-2tG_sM strong {
    color: #4f545c
}

.theme-dark .autocomplete-1vrmpx {
    background-color: #2f3136
}

.theme-dark .selected-1Tbx07 {
    background-color: #36393f
}

.theme-dark .contentTitle-2tG_sM strong {
    color: #fff
}

.option-1B5ZV8 {
    display: inline-block;
    border-radius: 4px;
    padding: 0 4px;
    font-weight: 400
}

.theme-light .option-1B5ZV8 {
    background-color: #c7ccd1
}

.theme-dark .option-1B5ZV8 {
    background-color: #18191c
}

.inline-3vqbcF {
    margin-right: 4px;
    padding-bottom: 1px
}

.set-2Zx-DA {
    opacity: .5
}

.error-1NcCbc {
    color: #ed4245
}

.active-2awTSY {
    background-color: var(--brand-experiment)!important;
    color: #fff
}

.clickable-198KJD {
    cursor: pointer
}

.mask-2xtthE {
    display: block
}

.icon-3Rn_DX {
    width: 32px;
    height: 32px
}

.icon-2VCx8O {
    color: var(--interactive-normal)
}

.wrapper-2siovq {
    border-radius: 8px;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.wrapper-2siovq:hover {
    background-color: var(--background-modifier-hover)
}

.wrapper-2siovq:hover .icon-2VCx8O {
    color: var(--interactive-hover)
}

.selected-3xBBKs,.selected-3xBBKs:hover {
    background-color: var(--background-primary)
}

.selected-3xBBKs .icon-2VCx8O,.selected-3xBBKs:hover .icon-2VCx8O {
    color: var(--interactive-active)
}

.theme-light .selected-3xBBKs .icon-2VCx8O,.theme-light .selected-3xBBKs:hover .icon-2VCx8O {
    color: #4f5660
}

.wrapper-2IKwZK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px
}

.image-2oOaF4 {
    -ms-flex-item-align: start;
    align-self: flex-start;
    justify-self: flex-start;
    margin-top: 4px;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.infoWrapper-3ekLP_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.source-3DBj4z {
    margin-left: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 33%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.usageWrapper-UN_ki6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.description-QP9Ktn {
    margin-top: 4px;
    white-space: nowrap
}

.description-QP9Ktn,.title-38hYfV {
    overflow: hidden;
    text-overflow: ellipsis
}

.title-38hYfV {
    font-weight: 500;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.option-2lkyZ_ {
    margin-left: 8px
}

.error-2_oAXi {
    color: #ed4245
}

.optionalHeader-mLQoIx {
    text-transform: uppercase;
    margin-left: 8px;
    border-left: 1px solid var(--background-modifier-accent);
    padding-left: 8px;
    color: var(--text-muted)
}

.disabled-2hyQpT {
    opacity: .3
}

.upsell-1vK3zR {
    margin-top: -4px;
    margin-bottom: -4px
}

.emojis-15d8FD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.emojiMask-7xUG7F {
    left: 4px;
    position: relative
}

.emojiBackground-wnY1bZ {
    background-color: var(--background-tertiary);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    width: 24px
}

.emoji-20Hm2a {
    height: 16px;
    width: 16px
}

.listWrapper-21hRUc {
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.listHeight-3jP-vC {
    visibility: hidden
}

.listItems-1uJgMC {
    contain: layout;
    position: absolute
}

.scroller-3gAZLs {
    height: 100%
}

.wrapper-2Gsate {
    background-color: var(--background-tertiary);
    position: relative
}

.list-donH_Z {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.wrapper-uf3cnO {
    background-color: var(--background-tertiary);
    width: 56px;
    padding-bottom: 8px;
    margin-bottom: -16px
}

.list-A0BHjR {
    height: 100%
}

.section-Kprrfe {
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 8px
}

.section-Kprrfe:last-child {
    margin-bottom: 0
}

.builtInSeparator-1ku6s5 {
    margin: 8px 0;
    border: none;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.wrapper-VQ4BER {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 8px
}

.infoWrapper-1Sn7AX {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.infoWrapper-1Sn7AX,.usageWrapper-3ZU-NG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.usageWrapper-3ZU-NG {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 16px;
    border-radius: 16px;
    background: var(--background-accent)
}

.image-7ErNqd {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
    justify-self: flex-start;
    margin-top: 4px;
    margin-right: 16px;
    background: var(--background-primary)
}

.description-1dU8lv {
    margin-top: 8px
}

.description-1dU8lv,.source-10b1ZU {
    height: 16px;
    border-radius: 16px;
    background: var(--background-primary)
}

.source-10b1ZU {
    margin-left: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.outerWrapper-3-llkA {
    border-radius: 5px;
    -webkit-box-shadow: var(--elevation-stroke),var(--elevation-high);
    box-shadow: var(--elevation-stroke),var(--elevation-high);
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 8px);
    overflow: hidden
}

.wrapper-1CvDB0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 420px;
    padding-bottom: 0
}

.list-17lzo8 {
    height: 100%
}

.rail-2CbP6L {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.content-kh0LTw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.categoryHeader-O1zU94 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0 8px;
    background-color: #2f3136
}

.categorySection-231RiR {
    margin-bottom: 16px
}

.categorySectionLast-2PPrHj {
    margin-bottom: 0
}

.itemWrapper-14KrHY {
    padding: 0
}

.theme-light .categoryHeader-O1zU94 {
    background-color: #f8f9f9
}

.container-5C6BQH {
    position: absolute;
    bottom: calc(100% + 5px);
    left: 0
}

.tooltip-qt9bDB {
    width: 268px;
    padding: 16px;
    max-width: 300px;
    background-color: var(--background-floating);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    border-radius: 5px;
    text-align: center
}

.keyboard-27dSZO {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@-webkit-keyframes bounce-1MS6Pd {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounce-1MS6Pd {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.tooltipImage-2J_7cv {
    margin-top: -75px;
    margin-bottom: 8px
}

.tooltipAnimatedImage-25vBa5 {
    -webkit-animation: bounce-1MS6Pd;
    animation: bounce-1MS6Pd;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.tooltipTextContainer-2rfSPo {
    margin-bottom: 16px
}

.tooltipHeader-p3TKXb {
    margin-bottom: 8px
}

.tooltipButtons-2k7AE4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.tooltipBlankButton-2HQS-g {
    color: var(--interactive-normal);
    -webkit-transition: color .2s;
    transition: color .2s
}

.tooltipBlankButton-2HQS-g:hover {
    color: var(--interactive-active)
}

.tooltipPointer-l336oV {
    width: 0;
    height: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 52px;
    border: 10px solid transparent;
    border-top: 10px solid var(--background-floating)
}

.container-3Fb-hU {
    position: relative;
    height: 100%;
    margin-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.column-33vdru {
    padding-top: 12px;
    height: auto;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: .1
}

.gif-J69mz8 {
    background-color: var(--text-link)
}

.categoryLoader-1UbzZM,.gif-J69mz8 {
    margin-left: 12px;
    margin-bottom: 12px;
    border-radius: 5px
}

.categoryLoader-1UbzZM {
    height: 110px;
    background-color: #000
}

.wrapper-1GJGVj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    font-size: 14px;
    font-weight: 500
}

.sadImage-2ph8SI {
    width: 90px;
    height: 90px;
    background-size: 90px;
    background-repeat: no-repeat;
    margin-bottom: 20px
}

.theme-dark .wrapper-1GJGVj {
    color: #72767d
}

.theme-dark .sadImage-2ph8SI {
    background-image: url(../../assets/e25713e4eba8c1e069ceac8f90262f62.html)
}

.theme-dark .forceLightTheme-1nVhlT .wrapper-1GJGVj,.theme-light .wrapper-1GJGVj {
    color: #99aab5
}

.theme-dark .forceLightTheme-1nVhlT .sadImage-2ph8SI,.theme-light .sadImage-2ph8SI {
    background-image: url(../../assets/8436f69c3df6453ce7c9c0deefeddfc1.html)
}

@-webkit-keyframes ripple-N7-maz {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }

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

@keyframes ripple-N7-maz {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }

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

@-webkit-keyframes bounce-3G6o78 {
    25% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

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

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

@keyframes bounce-3G6o78 {
    25% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

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

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

.size-3rN-gI {
    width: 29px;
    height: 29px
}

.gifFavoriteButton-3Zycl7 {
    color: #fff
}

.gifFavoriteButton-3Zycl7:after {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    border: 2px solid #faa61a;
    border-radius: 50%;
    pointer-events: none
}

.gifFavoriteButton-3Zycl7:hover {
    color: #faa61a;
    -webkit-transform: none;
    transform: none
}

.gifFavoriteButton-3Zycl7.selected-1mBDsA {
    color: var(--text-warning)
}

.gifFavoriteButton-3Zycl7.selected-1mBDsA.showPulse-1P_rPG:after {
    -webkit-animation: ripple-N7-maz .45s ease;
    animation: ripple-N7-maz .45s ease
}

.gifFavoriteButton-3Zycl7.selected-1mBDsA.showPulse-1P_rPG .icon-38TLpf {
    -webkit-animation: bounce-3G6o78 .4s linear;
    animation: bounce-3G6o78 .4s linear
}

.icon-38TLpf {
    display: block;
    width: 100%;
    height: 100%
}

.results-3i9FaE {
    height: 100%
}

.result-3w1ZcL {
    position: relative;
    cursor: pointer;
    border-radius: 5px
}

.result-3w1ZcL,.result-3w1ZcL:after {
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out,-webkit-box-shadow .15s ease-out
}

.result-3w1ZcL:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 7px;
    z-index: 10;
    pointer-events: none
}

.result-3w1ZcL:hover {
    z-index: 2
}

.result-3w1ZcL:hover .favButton-_fxLew {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.result-3w1ZcL.focused-1En8bG,.result-3w1ZcL.focused-1En8bG:after {
    -webkit-transition: none;
    transition: none
}

.gif-1TcNIB {
    position: relative;
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: transparent;
    border-radius: 5px
}

.endContainer-1ZDW8j {
    padding-top: 32px;
    padding-bottom: 32px;
    text-align: center
}

.endContainer-1ZDW8j:after {
    content: "";
    height: 220px;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat
}

.endText-3SrwuD {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px
}

.searchSuggestions-1ztAmy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 32px
}

.searchSuggestion-2K8OBX {
    border-radius: 3px;
    margin-right: 4px;
    margin-top: 4px
}

.noResults-PCM0-U {
    height: 100%
}

.spinnerContainer-1jOqer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.favButton-_fxLew {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 4;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: opacity .1s ease,-webkit-transform .2s ease;
    transition: opacity .1s ease,-webkit-transform .2s ease;
    transition: transform .2s ease,opacity .1s ease;
    transition: transform .2s ease,opacity .1s ease,-webkit-transform .2s ease;
    width: 26px;
    height: 26px
}

.emptyHints-1EYR-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px 0 6px 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.emptyHint-2ZHXNQ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%
}

.emptyHintCard-2mUdMe {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    height: 160px;
    border-radius: 5px;
    margin: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.emptyHintSpacer-XKHTzr {
    height: 160px
}

.emptyHintText-1QDF9N {
    font-size: 15px;
    max-width: 180px;
    line-height: 1.6;
    text-align: center
}

.emptyHintFavorite-3Bf6b2 {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 29px;
    height: 29px
}

@-webkit-keyframes loadIN-3GZ05S {
    0% {
        -webkit-transform: translate3d(0,24px,0);
        transform: translate3d(0,24px,0);
        opacity: 0
    }

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

@keyframes loadIN-3GZ05S {
    0% {
        -webkit-transform: translate3d(0,24px,0);
        transform: translate3d(0,24px,0);
        opacity: 0
    }

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

.placeholder-1kJjXI {
    border-radius: 5px;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: loadIN-3GZ05S .6s cubic-bezier(.17,.67,.16,.99);
    animation: loadIN-3GZ05S .6s cubic-bezier(.17,.67,.16,.99);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform3d,opacity;
    -webkit-transform: translate3d(0,48px,0);
    transform: translate3d(0,48px,0)
}

.theme-dark .focused-1En8bG,.theme-dark .result-3w1ZcL:hover {
    -webkit-box-shadow: 0 11px 22px 1px rgba(4,4,5,.3);
    box-shadow: 0 11px 22px 1px rgba(4,4,5,.3)
}

.theme-dark .focused-1En8bG:after,.theme-dark .result-3w1ZcL:hover:after {
    -webkit-box-shadow: inset 0 0 0 2px var(--brand-experiment),inset 0 0 0 3px #2f3136;
    box-shadow: inset 0 0 0 2px var(--brand-experiment),inset 0 0 0 3px #2f3136
}

.theme-dark .placeholder-1kJjXI {
    background: rgba(79,84,92,.6)
}

.theme-dark .endContainer-1ZDW8j:after {
    background-image: url(../../assets/2052722a3703f91daba4979d8c2effb7.html)
}

.theme-dark .endText-3SrwuD {
    color: #b9bbbe
}

.theme-dark .searchSuggestion-2K8OBX.searchSuggestion-2K8OBX:hover {
    color: #fff;
    background-color: var(--brand-experiment-500);
    border-color: var(--brand-experiment-500)
}

.theme-dark .emptyHintCard-2mUdMe {
    background-color: #36393f;
    color: #b9bbbe
}

.theme-dark .emptyHintFavorite-3Bf6b2 {
    color: var(--text-warning)
}

.theme-light .focused-1En8bG,.theme-light .result-3w1ZcL:hover {
    -webkit-box-shadow: 0 4px 12px 0 rgba(4,4,5,.2);
    box-shadow: 0 4px 12px 0 rgba(4,4,5,.2)
}

.theme-light .focused-1En8bG:after,.theme-light .result-3w1ZcL:hover:after {
    -webkit-box-shadow: inset 0 0 0 2px var(--brand-experiment),inset 0 0 0 3px #dcddde;
    box-shadow: inset 0 0 0 2px var(--brand-experiment),inset 0 0 0 3px #dcddde
}

.theme-light .placeholder-1kJjXI {
    background: rgba(220,221,222,.6)
}

.theme-light .endText-3SrwuD {
    color: #72767d
}

.theme-light .endContainer-1ZDW8j:after {
    background-image: url(../../assets/5eb8212fcc48412aed23ebd8850a81e0.html)
}

.theme-light .searchSuggestion-2K8OBX.searchSuggestion-2K8OBX:hover {
    color: #fff;
    background-color: var(--brand-experiment-500);
    border-color: var(--brand-experiment-500)
}

.theme-light .emptyHintCard-2mUdMe {
    background-color: #dcddde;
    color: #4f545c
}

.theme-light .emptyHintFavorite-3Bf6b2 {
    color: var(--text-warning)
}

.container-2jxBbw {
    height: 100%
}

.categoryFade-2ybR1J,.categoryFadeBlurple-1j72_A {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 4px;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out
}

.categoryText-2-8pri {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3;
    font-weight: 600;
    pointer-events: none
}

.categoryIcon-21RREB {
    margin-right: 4px;
    width: 20px;
    height: 20px
}

.categoryName-UvMsNp {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600
}

.spinnerContainer-2MJ3GP {
    height: 100%
}

.formatSelectors-3aBz_F,.spinnerContainer-2MJ3GP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.formatSelectors-3aBz_F {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.formatSelectors-3aBz_F select {
    display: block;
    margin: 0 4px
}

.theme-dark .categoryFade-2ybR1J,.theme-light .categoryFade-2ybR1J {
    background-color: rgba(0,0,0,.4)
}

.theme-dark .categoryFade-2ybR1J:hover,.theme-light .categoryFade-2ybR1J:hover {
    background-color: rgba(0,0,0,.7)
}

.theme-dark .categoryFadeBlurple-1j72_A,.theme-light .categoryFadeBlurple-1j72_A {
    background-color: var(--brand-experiment-80a)
}

.theme-dark .categoryFadeBlurple-1j72_A:hover,.theme-light .categoryFadeBlurple-1j72_A:hover {
    background-color: var(--brand-experiment-95a)
}

.theme-dark .categoryText-2-8pri,.theme-light .categoryText-2-8pri {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.6)
}

.container-3ISnnM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    overflow: hidden;
    white-space: normal
}

.container-3ISnnM:after {
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.1)));
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.1));
    content: "";
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

.content-ySCtCx {
    position: relative;
    z-index: 0
}

.searchBar--fTZYa {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.header-1TOWci {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
    padding: 0 16px 12px
}

.searchHeader-2r8VVk {
    margin-bottom: 0;
    margin-left: 8px
}

.backButton-JyKGC1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
    cursor: pointer;
    margin-right: 8px
}

.content-ySCtCx {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.theme-dark .header-1TOWci {
    -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 .backButton-JyKGC1 {
    color: #b9bbbe
}

.theme-dark .backButton-JyKGC1:hover {
    color: #dcddde
}

.theme-light .container-3ISnnM {
    background-color: #f6f6f7
}

.theme-light .header-1TOWci {
    -webkit-box-shadow: 0 1px 0 0 rgba(185,187,190,.3);
    box-shadow: 0 1px 0 0 rgba(185,187,190,.3)
}

.theme-light .backButton-JyKGC1 {
    color: #72767d
}

.theme-light .backButton-JyKGC1:hover {
    color: #4f545c
}

.theme-light .content-ySCtCx:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(185,187,190,.3);
    z-index: 100
}

.container-23E4rK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-1tDorc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: var(--text-muted);
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.size24-1HlGux .avatarContainer-3CQrif {
    width: 24px;
    height: 24px
}

.size24-1HlGux .avatarContainerMasked-PIJ-3L {
    margin-right: -4px;
    width: 24px;
    height: 24px
}

.size24-1HlGux .clickableAvatar-1wQpeh,.size24-1HlGux .emptyUser-7txhlW {
    width: 24px;
    height: 24px
}

.size16-NOVQSt .avatarContainer-3CQrif {
    width: 16px;
    height: 16px
}

.size16-NOVQSt .avatarContainerMasked-PIJ-3L {
    margin-right: -3px;
    width: 16px;
    height: 16px
}

.size16-NOVQSt .clickableAvatar-1wQpeh,.size16-NOVQSt .emptyUser-7txhlW {
    width: 16px;
    height: 16px
}

.clickableAvatar-1wQpeh {
    border-radius: 50%;
    cursor: pointer
}

.emptyUser-7txhlW {
    border-radius: 50%;
    background: var(--background-accent)
}

.avatar-3bWpYy {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.moreUsers-7v8yWY {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--background-tertiary);
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    color: var(--text-normal);
    height: 24px;
    min-width: 24px;
    border-radius: 12px;
    padding: 0 8px
}

.navigationIcon-2S1B5W {
    display: block;
    width: 48px;
    height: 48px
}

.badgeIcon-2joE5y {
    width: 12px;
    height: 12px
}

.guildSeparator-33mFX6 {
    height: 2px;
    width: 32px;
    border-radius: 1px;
    background-color: var(--background-modifier-accent)
}

.guildsError-g6NwOI {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    padding: 0;
    font-size: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-primary);
    color: var(--text-normal);
    border: 2px solid #ed4245;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out
}

.errorInner-25THi4 {
    font-weight: 700
}

.guildsError-g6NwOI:hover {
    text-decoration: none;
    color: #fff;
    border-color: #ed4245;
    background-color: #ed4245
}

.circleButtonBase-2DCxIZ {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    -webkit-transition: color .15s ease-out,background-color .15s ease-out;
    transition: color .15s ease-out,background-color .15s ease-out
}

.circleIconButton-1QV--U {
    color: #3ba55c;
    background-color: var(--background-primary)
}

.circleIconButton-1QV--U.selected-1JjBPm {
    color: #fff;
    background-color: #3ba55c
}

.nitroUpsell-3LsJnJ {
    background: linear-gradient(135deg,#b473f5,#e292aa);
    color: #fff
}

.nitroUpsellIcon-2csSJA {
    stroke: #000 2px
}

.circleIcon-1-oi1i {
    width: 24px;
    height: 24px
}

.plus-3X_ngf {
    position: relative;
    top: -1px;
    font-size: 40px;
    line-height: 40px;
    font-weight: 300
}

.createJoinContainer-z7osd4 {
    position: relative;
    width: 50px
}

.pill-1aYSec {
    position: absolute;
    left: 0;
    top: 0
}

.listItem-GuPuDH {
    position: relative;
    margin: 0 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 72px
}

.listItemWrapper-KhRmzM:active {
    -webkit-transform: translateY(1px) translateZ(0);
    transform: translateY(1px) translateZ(0)
}

.listItemTooltip-1JmWJ7 {
    max-width: 196px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    word-wrap: break-word
}

.placeholderMask-3v3K7P {
    display: block
}

.dragInner-Oq_toX {
    width: 48px;
    height: 48px
}

.iconBadge-3qSJIw {
    background-color: var(--background-accent)
}

.iconBadge-3qSJIw.participating-1NvRVd {
    background-color: #3ba55c
}

.unavailableBadge-20E5O2 {
    background-color: #fff;
    color: #ed4245!important
}

.dragInner-Oq_toX {
    background-color: var(--background-primary)
}

.tutorialContainer-30WoTp {
    position: relative
}

.theme-dark .listItemTooltip-1JmWJ7,.theme-light .listItemTooltip-1JmWJ7 {
    color: var(--text-normal)
}

.upsellTooltip-2A3BlB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.upsellIcon-33qg4- {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px;
    margin-left: -6px
}

.upsellText-3Q7ST7 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 22px
}

.row-1c01mR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row-1c01mR+.row-1c01mR {
    margin-top: 8px
}

.rowGuildName-2wU3B_ {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.rowIcon-1VZqx4 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.activityIcon-E-aeJm {
    width: 20px;
    height: 20px
}

.guildNameText-3Zwx4p {
    word-wrap: break-word;
    color: var(--text-normal);
    min-width: 0
}

.viewAsRolesWarning-20LpeB {
    margin: 8px 0 4px;
    font-weight: 400
}

.guildNameTextLimitedSize-1C5cx8 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.theme-dark .activityIcon-E-aeJm,.theme-light .activityIcon-E-aeJm {
    color: #b9bbbe
}

.muteText-gutGxh {
    font-weight: 500
}

.muteTextWithActivity-3B8C-B {
    margin-top: 8px
}

.guildIcon-3h-1IH {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-primary);
    color: var(--text-normal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.mask-2hO5M8 {
    display: block
}

.guildAcronym-3B7DuT {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

.guildIconWithoutImage-2JZx6N {
    background-color: var(--background-primary)
}

.categoryItem-1D0nxC {
    cursor: pointer
}

.categoryItemGuildCategory-3MisqI {
    height: 32px;
    margin-bottom: 8px;
    width: 32px
}

.categoryItemDefaultCategory-aBZ6nJ {
    border-radius: 4px;
    height: 24px;
    margin-bottom: 2px;
    padding: 4px;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
    width: 24px
}

.categoryItemDefaultCategory-aBZ6nJ:last-child {
    margin-bottom: 0
}

.categoryItemDefaultCategory-aBZ6nJ:hover {
    background-color: var(--background-modifier-hover)
}

.categoryItemDefaultCategory-aBZ6nJ:hover .categoryIcon-1SvUHG {
    color: var(--interactive-hover)
}

.categoryItemRecentEmoji-IRN6zY {
    margin-bottom: 8px
}

.categoryItemDefaultCategorySelected-_HCKoz,.categoryItemDefaultCategorySelected-_HCKoz:hover {
    background-color: var(--background-primary)
}

.categoryItemDefaultCategorySelected-_HCKoz .categoryIcon-1SvUHG,.categoryItemDefaultCategorySelected-_HCKoz:hover .categoryIcon-1SvUHG {
    color: var(--interactive-active)
}

.categoryIcon-1SvUHG {
    color: var(--interactive-normal)
}

.guildCategorySeparator-_An-MP {
    margin: 12px 0;
    border: none;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.theme-light .categoryItemDefaultCategorySelected-_HCKoz .categoryIcon-1SvUHG,.theme-light .categoryItemDefaultCategorySelected-_HCKoz:hover .categoryIcon-1SvUHG {
    color: #4f5660
}

.unicodeShortcut-15J8Ck {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: inherit;
    color: var(--interactive-normal);
    cursor: pointer;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 1;
    position: absolute;
    -webkit-transition: opacity .1s,-webkit-transform .1s;
    transition: opacity .1s,-webkit-transform .1s;
    transition: opacity .1s,transform .1s;
    transition: opacity .1s,transform .1s,-webkit-transform .1s;
    width: 100%
}

.unicodeShortcut-15J8Ck:hover {
    color: var(--interactive-hover)
}

.unicodeShortcutInvisible-2TqXrS {
    opacity: 0;
    -webkit-transform: translateY(48px);
    transform: translateY(48px)
}

.hideUnicodeShortcut-Sl4Qnw {
    display: none
}

.diversitySelectorButton-3IE08D {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.diversitySelectorOptions-4YM-vX {
    background-color: var(--background-secondary-alt);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid var(--background-tertiary);
    top: 0;
    right: 11px
}

.diversityEmojiItem-L6_IXw {
    width: 24px;
    height: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 4px;
    cursor: pointer;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.diversityEmojiItem-L6_IXw:hover {
    background-color: var(--background-modifier-hover)
}

.diversityEmojiItemImage-2gPNoS {
    width: 24px;
    height: 24px
}

.inspector-S2gM3e {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    width: 100%;
    padding: 0 16px;
    background-color: var(--background-secondary-alt);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.graphicPrimary-1I8l6r {
    height: 28px;
    width: 28px
}

.graphicSecondary-1zo8ze {
    height: 32px;
    margin-left: 8px;
    width: 32px
}

.textWrapper-2hGAqu {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    overflow: hidden
}

.titlePrimary-1jHRGm {
    font-weight: 600
}

.titlePrimary-1jHRGm,.titleSecondary-3Dh_RZ {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.titleSecondary-3Dh_RZ {
    color: var(--interactive-normal)
}

.favorite-2Om6aP {
    margin-right: 3px;
    margin-bottom: -1px
}

.emoji-AAbs8r {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.glyphEmoji-2Nc7lq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap
}

.upsell-xFI_Q0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--background-tertiary);
    padding: 8px;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.premiumIcon-tkp5dR {
    margin-right: 8px;
    height: 24px;
    width: 24px
}

.body-2__YKo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.image-1CmAz0,.imageLoading-bpSr0M {
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    color: transparent
}

.imageLoading-bpSr0M {
    background-repeat: no-repeat;
    -o-object-position: 100px;
    object-position: 100px
}

.theme-dark .imageLoading-bpSr0M {
    background-image: url(../../assets/56b42ec7fdca5d48afd672a7163b9c06.html)
}

.theme-light .imageLoading-bpSr0M {
    background-image: url(../../assets/9fbc3289310d3e4e6f1bfb668f3e8c63.html)
}

.emojiSpriteImage-TcJnG8 {
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none
}

@-webkit-keyframes ripple-2PE2Cc {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 1
    }

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

@keyframes ripple-2PE2Cc {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 1
    }

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

.emojiListRow-m_GHp0 {
    display: grid;
    grid-auto-flow: column
}

.emojiListRowLargeSize-3QTDek {
    grid-template-columns: repeat(auto-fill,56px);
    height: 56px
}

.emojiListRowMediumSize-M_K7-z {
    grid-template-columns: repeat(auto-fill,40px);
    height: 40px
}

.emojiItem-14v6tW {
    border-radius: 4px;
    cursor: pointer;
    padding: 4px;
    position: relative
}

.emojiItem-14v6tW,.emojiItem-14v6tW:focus {
    outline: none
}

.emojiItem-14v6tW.emojiItemSelected-1aLkfV {
    background-color: var(--background-accent)
}

.emojiItem-14v6tW:after {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    border: 3px solid #faa61a;
    border-radius: 100%;
    pointer-events: none
}

.emojiItem-14v6tW.showPulse-nkOA_h:after {
    -webkit-animation: ripple-2PE2Cc .25s ease-out 1;
    animation: ripple-2PE2Cc .25s ease-out 1
}

.emojiItemLarge-sa0X3P {
    height: 48px;
    width: 48px
}

.emojiItemMedium-_WAwGB {
    height: 32px;
    width: 32px
}

.emojiItemDisabled-1FvFuF {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.listWrapper-3kgtQ0 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.list-6NCENv {
    height: 100%
}

.noSearchResultsContainer-7llQ5J {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.categorySection-2sgp74 {
    margin-bottom: 12px
}

.categorySectionCollapsed-2-lBe9,.categorySectionLast-2ToEwI {
    margin-bottom: 0
}

.header-ywPcAE {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.premiumUpsell-2vHaVa {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 54px;
    overflow: hidden;
    margin-top: 16px;
    margin-right: 4px
}

.premiumRetentionNotice-1MsjHe {
    background-color: var(--background-tertiary);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    margin: 8px 8px 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-normal);
    line-height: 16px
}

.premiumRetentionNoticeIcon-sESfky {
    min-width: undefined;
    height: 24px;
    margin-right: 8px;
    margin-top: 2px
}

.premiumRetentionNoticeClose-2zkMmj {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal);
    cursor: pointer
}

.premiumRetentionNoticeClose-2zkMmj:hover {
    color: var(--interactive-hover)
}

.premiumRetentionNoticeContent-2m003l {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.premiumPromo-fVlLu- {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--background-secondary);
    opacity: .98;
    z-index: 101;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.premiumPromoClose-1w65km {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px;
    background: url(../../assets/f815a774c2b98d3109293a4e2afb733c.html) 50% 50% no-repeat;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999em;
    opacity: .6
}

.premiumPromoClose-1w65km:hover {
    opacity: 1
}

.premiumPromoImage-2wS9zo {
    display: block;
    margin-bottom: 15px;
    width: 124px;
    height: 96px
}

.premiumPromoTitle-2cKOQe {
    font-size: 18px;
    line-height: 24px;
    color: var(--header-primary);
    font-weight: 600;
    margin-bottom: 4px
}

.premiumPromoDescription-QWky-t {
    margin: 0 20px 24px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: var(--header-secondary)
}

.wrapper-1rqM3x {
    position: relative
}

.emojiPicker-3PwZFl {
    background-color: var(--background-secondary);
    border-radius: 5px;
    -webkit-box-shadow: var(--elevation-stroke),var(--elevation-high);
    box-shadow: var(--elevation-stroke),var(--elevation-high);
    display: grid;
    grid-template-columns: 48px auto;
    grid-template-rows: auto 1fr auto;
    height: 420px;
    overflow: hidden;
    width: 424px
}

.emojiPickerInExpressionPicker-3IzIcv .emojiPicker-3PwZFl {
    background-color: transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    grid-template-rows: auto 1fr auto;
    height: 100%;
    width: auto
}

.header-8ilj5e {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: grid;
    grid-column: 1/3;
    grid-column-gap: 12px;
    grid-row: 1/2;
    grid-template-columns: auto 24px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    padding: 12px;
    z-index: 100;
    position: relative
}

.emojiPickerInExpressionPicker-3IzIcv .header-8ilj5e {
    padding: 0 16px 16px
}

.searchBar-5di9mG {
    grid-column: 1/2
}

.diversitySelector-1v4_1A {
    grid-column: 2/3
}

.categoryList-2Kzf65 {
    border-radius: 0 0 0 5px;
    position: absolute;
    top: 58px;
    bottom: 0;
    left: 0;
    width: 48px;
    overflow: hidden
}

.emojiPickerInExpressionPicker-3IzIcv .categoryList-2Kzf65 {
    top: 50px
}

.bodyWrapper-3G0FZZ {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-column: 2/3;
    grid-row: 2/3;
    position: relative
}

.emojiPickerListWrapper-fz8KNK {
    grid-row: 2/2;
    overflow: hidden;
    position: relative
}

.inspector-3LQtX9 {
    grid-column: 2/3;
    grid-row: 3/4
}

.loadingIndicator-tk-VI6 {
    height: 200px
}

.bodyContentWrapper-mY7Mw3 {
    padding-top: 16px
}

.confirmBodyContentWrapper-3xm8u7 {
    text-align: center;
    padding-bottom: 48px
}

.confirmBodySticker-26_4Gb {
    height: 72px;
    margin: 0 auto 24px;
    width: 72px
}

.confirmBodyHeader-17e52f {
    font-weight: 700;
    margin-bottom: 8px
}

.confirmBodyHeaderWithHeaderImage-1HdQ5d {
    margin-top: 32px
}

.confirmBodyContent-23r8Kk {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 32px
}

.confirmBodyAction-2kuiIi {
    display: inline-block
}

.reviewBodyHeader-18rCjE {
    margin-bottom: 8px
}

.invoice-iONs1k,.paymentSourceDropdown-3-Mpfe {
    margin-bottom: 16px
}

.modalContentForm-1volcU {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.fullModalSpinnerWrapper-2q8B_o,.modalContentForm-1volcU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fullModalSpinnerWrapper-2q8B_o {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 200px
}

.headerWithImage-1eQiGL {
    min-height: 100px;
    overflow: visible;
    padding: 0
}

.backgroundImage-3LwoVx {
    border-radius: 5px 5px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.closeButton-2c8U1E {
    height: 18px;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    line-height: 0
}

.closeButton-2c8U1E.closeButtonWithImage-d-Cnkt {
    color: #fff;
    background: rgba(0,0,0,.6);
    border-radius: 4px;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: background .1s;
    transition: background .1s;
    top: 16px
}

.closeButton-2c8U1E.closeButtonWithImage-d-Cnkt:hover {
    background: rgba(0,0,0,.8)
}

.packActions-2175d0 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.packActionsStacked-zeQen2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.packActionShinyButton-3RJvCM {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.packActionIcon-3coxAH {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.packAction-3Q40tV+.packAction-3Q40tV {
    margin-left: 12px
}

.packActionStacked-3aS6HJ+.packActionStacked-3aS6HJ {
    margin-bottom: 8px;
    margin-left: 0
}

.unownedStickerLockContainer-1awnDf {
    border-radius: 100%;
    border: 1px solid var(--background-modifier-accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-accent);
    position: absolute;
    right: 0;
    bottom: 0
}

.unownedStickerLockIcon-3vTNpx {
    color: var(--interactive-normal)
}

.row-2psonc {
    display: grid;
    margin-bottom: 12px;
    overflow: hidden
}

.row-2psonc,.sticker-2cpdZp {
    position: relative
}

.sticker-2cpdZp {
    border-radius: 4px;
    padding: 2px
}

.mask-WB_llw {
    position: absolute;
    z-index: -1;
    margin-top: -2px;
    margin-left: -2px
}

.stickerBackground-2XECKi {
    height: 100%;
    -webkit-transition: background-color .08s ease-out,color .08s ease-out;
    transition: background-color .08s ease-out,color .08s ease-out;
    width: 100%
}

.stickerInspected-2EM4w- .stickerBackground-2XECKi {
    background-color: var(--background-accent)
}

.stickerPlaceholder-Upqhje {
    cursor: default
}

.viewAll-2RLt-n {
    position: absolute;
    right: 0;
    top: 0
}

.viewAll-2RLt-n:hover .viewAllBackground-3Bn1vh,.viewAllInspected-FsmJHj .viewAllBackground-3Bn1vh {
    background-color: var(--background-tertiary);
    color: var(--interactive-hover)
}

.viewAllBackground-3Bn1vh {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary-alt);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--interactive-normal);
    display: grid;
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    line-height: 20px;
    text-align: center;
    white-space: pre-line;
    width: 100%
}

.header-1jwfHp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 66px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 4px
}

.header-1jwfHp,.title-1R2vOK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.title-1R2vOK {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 4px;
    max-width: 100%;
    white-space: nowrap
}

.heading-3FTJUH {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-size: 16px;
    line-height: 20px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.count-ZZL8Ce {
    color: var(--header-secondary);
    font-size: 14px;
    line-height: 18px
}

.monospace-2wHjP3 {
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace
}

.features-3yHAt3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.featuresTooltip-3r0QiF {
    max-width: 260px
}

.feature-3kpTdS {
    color: var(--interactive-normal);
    background-color: var(--background-modifier-accent);
    border-radius: 10px;
    margin-left: 4px
}

.featureFlushRight-2-VxWs {
    margin-left: auto
}

.featureText-169iUC {
    padding: 0 4px
}

.featureTextIcon-6keZHX {
    position: relative;
    top: 1px;
    height: 10px;
    width: 10px
}

.featureIcon-2pfUYw {
    height: 12px;
    width: 12px;
    padding: 2px
}

.newTag-38ErDv {
    background-color: #ed4245;
    color: #fff;
    font-size: 9px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 16px;
    border-radius: 16px;
    margin-right: 4px;
    padding: 0 6px
}

.theme-dark .timerIcon-3FpAHP {
    color: #fbb848
}

.theme-light .timerIcon-3FpAHP {
    color: #ff8a00
}

.description-zTR9jp {
    padding-bottom: 4px
}

.previewBody-1jI1tx {
    height: 426px
}

.footer-2EFvOV {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.footerEnd-3XWfns {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.skuPreviewFooterCloseButton-2ad35W {
    color: var(--interactive-active);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.header-3qGmP8 {
    height: auto
}

.container-yTYkpp {
    padding: 12px 0
}

.containerWithHeader-xzv4Vd {
    padding-top: 0
}

.hidden-vu5JrP {
    visibility: hidden
}

.wrapper-9ELKCa {
    padding-top: 32px
}

.heroImage-1RA8PH {
    display: block;
    margin: 0 auto 47px;
    width: 250px
}

.closeButton-3ARX-0 {
    position: absolute;
    right: 4px;
    top: 12px
}

.heading-6wT1g3 {
    margin-bottom: 16px
}

.perks-ptrQDg {
    background-color: var(--background-secondary);
    border-radius: 8px
}

.icon-1_nfxm {
    height: 20px;
    width: 20px
}

.iconColorLightBlue-1uuaSK {
    color: #aec7ff
}

.iconColorGreen-1IJXxM {
    color: #a2fed3
}

.iconColorOrange-2XXOWl {
    color: #ff9a15
}

.iconColorYellow-oU7ouJ {
    color: #fed648
}

.iconColorPink-2qb_11 {
    color: #ff73fa
}

.iconColorDarkBlue-XPg_sq {
    color: #3e70dd
}

.iconColorBlue-1jJrHr {
    color: #80a6ff
}

.footer-3XnbPv {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.continueToPurchaseButton-1JgNbm {
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0
}

.searchContainer-H0HeAc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 16px;
    z-index: 1
}

.shadow-1g4H9H {
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.searchBar-3VnLxg {
    margin-right: 8px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.searchFilter-1463q2 {
    width: 120px
}

.container-ZuOyTt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-ZuOyTt,.resultsContainer-3_Ba7o {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.resultsContainer-3_Ba7o {
    max-height: 433px;
    overflow-y: hidden;
    padding-left: 16px;
    -ms-flex-preferred-size: 433px;
    flex-basis: 433px
}

.shopList-3PHg-H {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: auto
}

.closeButton-3zQgWY {
    background: rgba(0,0,0,.6);
    border-radius: 4px;
    color: #fff;
    height: 18px;
    line-height: 0;
    opacity: 1;
    position: absolute;
    right: 16px;
    -webkit-transition: background .1s;
    transition: background .1s;
    top: 16px;
    width: 18px
}

.closeButton-3zQgWY:hover {
    background: rgba(0,0,0,.8)
}

.header-2yFuEx {
    padding: 0;
    position: relative;
    height: 100px
}

.backgroundImage-GBlENr {
    border-radius: 5px 5px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.shopDivider-1zJ3PO {
    border-top-width: 1px;
    height: 1px
}

.footerActions-1oPCLy {
    margin-bottom: 12px
}

.noSearchResults-cDtvb7 {
    padding-right: 16px;
    height: 100%;
    width: 100%
}

.sticker-w1FjV4 {
    cursor: pointer
}

.packHeader-YlmIuB {
    color: var(--header-secondary);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    height: 32px
}

.divider-1H7kqR,.packHeader-YlmIuB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.divider-1H7kqR {
    height: 30px
}

.categoryList-xW5xXr {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 48px
}

.categoryListWithoutSearch-2D0q0Q {
    top: 2px
}

.categoryListWithSearch-1wO0cJ {
    top: 50px
}

.stickerCategory-3Yz7vN {
    border-radius: 4px;
    color: var(--interactive-normal);
    cursor: pointer;
    height: 32px;
    margin-bottom: 8px;
    width: 32px
}

.stickerCategory-3Yz7vN:hover {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.stickerCategoryRecent-1WVWrj {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px
}

.stickerCategoryRecentDisabled-5KTYkf {
    cursor: default;
    color: var(--interactive-muted)
}

.stickerCategoryRecentDisabled-5KTYkf .stickerCategoryRecentIcon-16VgYU {
    opacity: .6
}

.stickerCategoryRecentDisabled-5KTYkf.stickerCategory-3Yz7vN:hover {
    background-color: transparent;
    color: var(--interactive-muted)
}

.stickerCategorySelected-2uaMAG,.stickerCategorySelected-2uaMAG:hover {
    background-color: var(--background-primary)
}

.stickerPackThumbnail-2yNuP6 {
    display: block;
    height: 100%;
    width: 100%
}

.emptyState-39XDT6 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.image-2IMvx- {
    width: 78px;
    height: 72px
}

.header-WclrWC {
    margin-top: 16px;
    margin-bottom: 8px
}

.subtitle-oTdNF- {
    white-space: pre-line
}

.browseLink-36JjWs {
    margin-top: 14px
}

.wrapper-OxgYJ1 {
    display: grid;
    grid-template-rows: 1fr auto;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.footerActions-3KYPyJ {
    margin-bottom: 12px
}

.packHeader-NLJ7S5 {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.emptyState-2zRA18 {
    margin: 0 20px
}

.packHeaderShopWrapper-2OtJtX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.packHeaderShop-1qN3eZ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.packHeaderShopActions-pPMTPj {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.sticker-3HpuRA {
    cursor: pointer
}

.divider-1OSL6X {
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shopDivider-sT2XLN {
    border-top-width: 1px;
    height: 1px
}

.tipWithSearch-1ZG0iW {
    margin-top: undefined
}

.searchSuggestions-FrCvef {
    padding-top: 16px;
    max-width: 250px
}

.searchSuggestion-rlq9uJ {
    background: var(--background-floating);
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin: 0 4px 8px;
    padding: 4px 8px
}

.wrapper-3ir_7D {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 12px
}

.tooltip-1jydGM {
    max-width: 280px
}

.tooltipContent-2opL_O {
    padding: 16px
}

.title-2IIJok {
    color: #fff
}

.blurb-3ZWyr9,.title-2IIJok {
    text-align: center
}

.blurb-3ZWyr9 {
    margin-top: 4px;
    margin-bottom: 16px
}

.stickerShopIconWrapper-2SZmQ6 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: auto
}

.regularStickerShopIconWrapper-pG2mOn {
    color: var(--interactive-normal)
}

.regularStickerShopIconWrapper-pG2mOn:hover {
    color: var(--interactive-active)
}

.stickerShopIcon-20Cage {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0
}

.stickerShopIconImage-3pLshh {
    display: block;
    height: 24px;
    width: 24px
}

.sparklingEffectContainer-L66XAv {
    position: relative
}

.sparklingEffectStar-3yE0pM {
    position: absolute;
    pointer-events: none
}

@-webkit-keyframes sparkle-animation-3OQGCF {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

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

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

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

@keyframes sparkle-animation-3OQGCF {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

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

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

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

.star1-29yH9K {
    height: 12px;
    width: 12px;
    left: 19px;
    top: -7px
}

.star1-29yH9K,.star2-3Tgus- {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation: sparkle-animation-3OQGCF 2.5s infinite;
    animation: sparkle-animation-3OQGCF 2.5s infinite
}

.star2-3Tgus- {
    height: 9px;
    width: 9px;
    left: 20px;
    top: 21px;
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.star3-2-_EUR {
    height: 7px;
    width: 7px;
    left: -6px;
    top: 4px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation: sparkle-animation-3OQGCF 2.5s infinite;
    animation: sparkle-animation-3OQGCF 2.5s infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.tooltip-3ypHnh {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.wrapper-2iFQJ9 {
    position: relative;
    display: grid;
    grid-template-columns: 48px auto;
    grid-template-rows: auto 1fr auto
}

.header-2k4I2o {
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    grid-column: 1/3;
    grid-row: 1/2;
    min-height: 1px;
    z-index: 1;
    padding: 0 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.loadingIndicator-2ZWpbk {
    grid-column: 1/-1;
    grid-row: 1/-1
}

.listWrapper-hig339 {
    grid-column: 2/2;
    grid-row: 2/2;
    overflow: hidden;
    position: relative
}

.wrapper-232cHJ {
    display: inline-block;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #ed4245;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.15);
    box-shadow: 0 1px 0 rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.15);
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    padding: 3px 6px;
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
    text-transform: uppercase
}

.positionLayer-1KzSAt {
    left: 86px;
    pointer-events: none;
    z-index: 0
}

.positionContainer-DEuh7X {
    width: 100%;
    height: 444px;
    pointer-events: none
}

.positionContainerOnlyEmoji--VzZ6D {
    height: 396px
}

.drawerSizingWrapper-17Mss4 {
    height: 100%;
    max-width: 100%;
    pointer-events: all;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
}

.contentWrapper-SvZHNd {
    background-color: var(--background-secondary);
    border-radius: 8px;
    -webkit-box-shadow: var(--elevation-stroke),var(--elevation-high);
    box-shadow: var(--elevation-stroke),var(--elevation-high);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    grid-template-rows: 24px auto;
    grid-row-gap: 8px;
    height: 100%;
    overflow: hidden;
    padding-top: 16px;
    position: relative;
    z-index: 1
}

.positionContainerOnlyEmoji--VzZ6D .contentWrapper-SvZHNd {
    grid-template-rows: auto
}

.nav-7UD0KD {
    padding: 0 16px
}

.navList-2UtuhC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navItem-3Wp_oJ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.navItem-3Wp_oJ+.navItem-3Wp_oJ {
    margin-left: 8px
}

.navButton-2gQCx- {
    border-radius: 4px;
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 2px 8px;
    -webkit-transition: background-color .1s ease-in-out,color .1s ease-in-out;
    transition: background-color .1s ease-in-out,color .1s ease-in-out
}

.navButton-2gQCx-:hover {
    color: var(--interactive-hover)
}

.navButtonActive-1MkytQ {
    background-color: var(--background-accent);
    color: #fff
}

.navButtonActive-1MkytQ:hover {
    color: #fff
}

.resizeHandle-3NRr0z {
    cursor: ew-resize;
    height: 100%;
    left: -2px;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 2
}

.introductionWrapper-3JgYlK {
    text-align: center
}

.introductionHeader-39IP1Z {
    font-weight: 600;
    margin-bottom: 4px
}

.introductionSubheader-wYqfJl {
    margin-bottom: 16px
}

.introductionAction-LbJO-v {
    color: var(--brand-experiment);
    font-weight: 600
}

.introductionTooltip-39ymCt {
    max-width: none;
    width: 280px
}

.introductionTooltipContent-2CVaCn {
    padding: 16px
}

.stickersNavItem-g1SJ0f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.stickersNavItem-g1SJ0f,.stickersUnseenBadge-3f2c9o {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.stickersUnseenBadge-3f2c9o {
    height: 16px;
    border-radius: 8px;
    min-width: 16px;
    padding: 0;
    margin-left: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.container-JHR0NT {
    bottom: 100%;
    margin-bottom: 12px;
    min-height: 16px;
    position: absolute;
    -webkit-transition: opacity .125s ease-in,-webkit-transform .125s cubic-bezier(.48,1.93,1,.68);
    transition: opacity .125s ease-in,-webkit-transform .125s cubic-bezier(.48,1.93,1,.68);
    transition: opacity .125s ease-in,transform .125s cubic-bezier(.48,1.93,1,.68);
    transition: opacity .125s ease-in,transform .125s cubic-bezier(.48,1.93,1,.68),-webkit-transform .125s cubic-bezier(.48,1.93,1,.68);
    opacity: 1;
    will-change: opacity,transform;
    left: auto;
    right: 40px
}

.container-JHR0NT.hidden-1Pp_-F {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    opacity: 0;
    pointer-events: none
}

.containerBackground-LlUax5 {
    background-color: var(--background-floating);
    border: 1px solid var(--background-modifier-selected);
    border-radius: 8px;
    bottom: 0;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    left: 0;
    min-height: 16px;
    opacity: .95;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.containerBackground-LlUax5:after {
    border: 7px solid transparent;
    border-top: 7px solid var(--background-floating);
    content: "";
    height: 0;
    margin-top: -1px;
    position: absolute;
    right: 14px;
    top: 100%;
    width: 0
}

.bottomInformationTextContainer-2lvA_a {
    z-index: 1;
    position: relative;
    padding: 0 8px 10px;
    height: 24px
}

.textDivider-3RoZIQ {
    height: 1px;
    margin: 0 0 4px;
    background-color: var(--background-modifier-accent)
}

.descriptionText-1ZKuLr {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.stickerResults-3HacYG {
    display: grid;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit,48px);
    padding: 8px;
    position: relative;
    z-index: 1
}

.keybind-25ROM8 {
    margin: 0;
    display: inline-block
}

.theme-dark .keybind-25ROM8 span,.theme-light .keybind-25ROM8 span {
    -webkit-box-shadow: inset 0 -4px 0 rgba(32,34,37,.6);
    box-shadow: inset 0 -4px 0 rgba(32,34,37,.6)
}

.suggestedExpression-3HUIrd {
    cursor: pointer;
    position: relative
}

.mask-2VqFZB {
    bottom: -2px;
    opacity: 0;
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
    -webkit-transition: opacity .08s ease-in-out;
    transition: opacity .08s ease-in-out;
    z-index: 0
}

.suggestedExpression-3HUIrd:focus .mask-2VqFZB,.suggestedExpressionFocused-23LPyn .mask-2VqFZB {
    opacity: 1
}

.maskBackground-3LR_np {
    background-color: var(--background-accent);
    height: 100%;
    width: 100%
}

.reduce-motion .container-JHR0NT,.reduce-motion .mask-2VqFZB {
    -webkit-transition: none;
    transition: none
}

.theme-light .unownedStickerLockIcon-2GMbV9 {
    color: var(--background-secondary)
}

.theme-dark .containerBackground-LlUax5 {
    opacity: .95
}

.bar-AokMp3 {
    padding: 8px 16px;
    background: var(--background-secondary-alt);
    margin-bottom: -8px
}

.closeButton-2vFjP4 {
    position: absolute;
    top: 4px;
    right: 4px
}

.content-3xEmRL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 24px
}

.image-12eogT {
    width: 120px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 100%
}

.header-2OWtC9 {
    margin-top: 16px;
    margin-bottom: 8px
}

.theme-dark .image-12eogT {
    background-image: url(../../assets/222e7361d9f298ecb525cb9d9d9d7312.html)
}

.theme-light .image-12eogT {
    background-image: url(../../assets/9cbfe5105fc5f29ef4e659059ee01a46.html)
}

.autocomplete-3l_oCd {
    border-radius: 5px;
    -webkit-box-shadow: var(--elevation-stroke),var(--elevation-high);
    box-shadow: var(--elevation-stroke),var(--elevation-high);
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 8px);
    overflow: hidden
}

.spinner-3mgUdJ {
    padding-top: 8px
}

.horizontalAutocompletes-lotYRO {
    margin-bottom: -4px;
    padding: 0 8px;
    scrollbar-width: thin;
    overflow-x: auto
}

.horizontalAutocomplete-2FylBn {
    margin-bottom: 4px
}

.stickerAutoComplete-IkNunA {
    display: grid;
    grid-template-columns: repeat(auto-fill,116px);
    grid-template-rows: repeat(auto-fill,116px);
    grid-gap: 8px;
    padding: 8px 16px
}

.sticker-1vpjRq {
    margin-top: 2px;
    margin-left: 2px
}

.autocompleteLayer-1ANxTe {
    position: absolute;
    max-width: 55ch;
    pointer-events: all
}

.autocompleteLayer-1ANxTe .autocomplete-3l_oCd {
    position: static
}

.stickersHeaderWithEmojiResults-gCnYVk {
    padding-top: 0
}

.emojiStickersDivider-3Q5Opa.emojiStickersDivider-3Q5Opa {
    padding-bottom: 0
}

.userTooltip-7qZaHD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.avatar-i5C_qp {
    margin-right: 8px
}

.discriminator-17tNDS {
    opacity: .5
}

.channelIcon-kD4rFt {
    width: 1rem;
    height: 1rem;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    left: .125rem;
    top: .125rem
}

.iconMention-1t7gB7 {
    padding-left: 1.25rem
}

.commandBlock-38NGGm {
    display: inline-block
}

.commandBlock-38NGGm br {
    display: none
}

.commandBlock-38NGGm>span:last-of-type {
    margin-right: 8px
}

.pill-2pQByF {
    height: 21px;
    border-radius: 4px;
    padding: 0 4px;
    font-size: 16px
}

.pill-2pQByF .mention {
    background: none!important
}

.pill-2pQByF .emoji {
    max-height: 21px;
    max-width: 21px
}

.theme-light .pill-2pQByF {
    background-color: #c7ccd1
}

.theme-dark .pill-2pQByF {
    background-color: #18191c
}

.completePill-1I5maV .optionKey-3jd4Vt {
    margin-right: 4px
}

.erroredPill-3HF4Sc {
    color: #ed4245
}

.tabButton-1n4gNP {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5;
    vertical-align: text-bottom;
    color: #fff;
    margin-bottom: -1px
}

.syntaxAfter-hcA4AH,.syntaxBefore-1YQ9lW {
    font-weight: 600
}

.codeBlockSyntax-2i-tMA,.syntaxAfter-hcA4AH,.syntaxBefore-1YQ9lW {
    color: var(--textbox-markdown-syntax)
}

.codeBlockLang-O_f4hr {
    color: var(--text-positive)
}

.after_s-20p8Ev,.after_spoiler-1-p4u9,.after_u-222bSK,.before_s-24KnUy,.before_spoiler-1Aglf8,.before_u-2lCd2i,.syntaxOverride-1uDw7k {
    font-weight: 400
}

.before_em-9aA_NQ {
    margin-right: -1px
}

.after_em-U9Eby7 {
    margin-left: 1px
}

.before_s-24KnUy,.before_u-2lCd2i {
    margin-right: 1px
}

.after_s-20p8Ev,.after_u-222bSK {
    margin-left: 1px
}

.after_u-222bSK,.before_u-2lCd2i {
    text-decoration: underline
}

.before_inlineCode-1G9rTK {
    border-radius: 3px 0 0 3px
}

.after_inlineCode-1KfVgj {
    border-radius: 0 3px 3px 0
}

.bold-36dRGB {
    font-weight: 600
}

.italics-1CB0-L {
    font-style: italic
}

.underline-2dzcvN {
    text-decoration: underline
}

.strikethrough-37TnTg {
    text-decoration: line-through
}

.fakeLink-26oLcc {
    color: var(--text-link)
}

.after_inlineCode-1KfVgj,.before_inlineCode-1G9rTK,.inlineCode-2ngu6Y {
    background: var(--background-secondary);
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    font-size: 85%;
    line-height: 18px;
    margin: -.2em 0;
    padding: .2em 0;
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: pre-wrap
}

.spoiler-2Iew8T {
    padding: 0 .2em;
    background-color: var(--background-primary)
}

.codeBlockText-9TnoxQ,.codeLine-14BKbG {
    color: var(--header-secondary);
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    font-size: 85%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.slateContainer-3Qkn2x {
    position: relative
}

.slateTextArea-1Mkdgw {
    caret-color: var(--text-normal);
    position: absolute;
    left: 0;
    right: 10px;
    text-align: left;
    word-break: break-word;
    white-space: break-spaces!important
}

.slateTextArea-1Mkdgw pre {
    max-width: none
}

.placeholder-37qJjk,.slateTextArea-1Mkdgw .hljs-comment,.slateTextArea-1Mkdgw .hljs-quote {
    color: var(--text-muted)
}

.placeholder-37qJjk {
    left: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.placeholder-37qJjk,.slateTextArea-1Mkdgw {
    padding-right: 10px
}

.channelTextArea-2VhZ6z {
    position: relative;
    width: 100%;
    text-indent: 0;
    border-radius: 8px
}

.channelTextArea-2VhZ6z.highlighted-2eSV1B {
    -webkit-box-shadow: 0 0 0 4px var(--focus-primary);
    box-shadow: 0 0 0 4px var(--focus-primary)
}

.focusRing-2NImfT {
    border-radius: 8px
}

.scrollableContainer-2NUZem {
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: var(--channeltextarea-background);
    max-height: 50vh;
    border-radius: 8px;
    scrollbar-width: none
}

.sticker-1T9_Bu {
    display: block
}

.background-opacity-low .scrollableContainer-2NUZem {
    background-color: rgba(79,84,92,.5)
}

.background-opacity-low .scrollableContainer-2NUZem .textArea-12jD-V {
    color: #fff
}

.background-opacity-medium .scrollableContainer-2NUZem {
    background-color: rgba(79,84,92,.7)
}

.background-opacity-medium .scrollableContainer-2NUZem .textArea-12jD-V {
    color: #fff
}

.background-opacity-high .scrollableContainer-2NUZem {
    background-color: rgba(79,84,92,.9)
}

.webkit-HjD9Er::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

.webkit-HjD9Er::-webkit-scrollbar-thumb,.webkit-HjD9Er::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: 4px solid transparent
}

.webkit-HjD9Er::-webkit-scrollbar-track {
    border-width: initial
}

.webkit-HjD9Er::-webkit-scrollbar-thumb {
    background-color: rgba(24,25,28,.6);
    border-radius: 8px
}

.channelTextAreaDisabled-8rmlrp .scrollableContainer-2NUZem {
    opacity: .5
}

.hasReply-16cIUP {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.inner-MADQqc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.innerDisabled-1YTFPN {
    cursor: not-allowed
}

.sansAttachButton-td2irx {
    padding-left: 16px
}

.attachButton-2dnuIu {
    margin-left: -16px
}

.textArea-12jD-V {
    background-color: transparent;
    resize: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    width: 100%;
    height: 44px;
    min-height: 44px;
    color: var(--text-normal);
    padding-left: 0;
    padding-right: 10px
}

.textArea-12jD-V::-webkit-input-placeholder {
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-muted)
}

.textArea-12jD-V::-moz-placeholder {
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-muted)
}

.textArea-12jD-V:-ms-input-placeholder {
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-muted)
}

.textArea-12jD-V::placeholder {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-muted)
}

.textAreaSlate-1ZzRVj {
    padding: 0
}

.textAreaWithoutAttachmentButton-qiaiTB {
    padding-left: 16px
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .textArea-12jD-V {
        font-weight:500
    }
}

.textAreaDisabled-3-Eq_G {
    pointer-events: none
}

.buttons-3JBrkn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 44px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-right: 4px
}

.webkit-HjD9Er .buttons-3JBrkn {
    margin-right: -6px
}

.buttonContainer-28fw2U {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.button-318s1X {
    padding: 4px;
    margin-left: 4px;
    margin-right: 4px
}

.emojiButton-pET4wH {
}

.stickerIcon-3TP7EM {
    width: 20px!important;
    height: 20px!important
}

.stickerButton-3OEgwj {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.stickerButtonWithResult-1EqRLT {
    padding: 0;
    height: 44px;
    margin-left: 4px;
    margin-right: 4px
}

.stickerButtonWithNotification-ESXiw0 {
    margin-top: 1px;
    padding-left: 2px;
    padding-right: 2px
}

.stickerButtonTilted-2R4_UZ {
    -webkit-transform: rotate(12deg) scale(1.05);
    transform: rotate(12deg) scale(1.05);
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s,-webkit-transform .15s
}

.fontSize12Padding-2x5wK2 {
    padding-bottom: 14px;
    padding-top: 14px
}

.fontSize14Padding-1DhkW_ {
    padding-bottom: 12px;
    padding-top: 13px
}

.fontSize15Padding-2bMrCq {
    padding-bottom: 12px;
    padding-top: 12px
}

.fontSize16Padding-3Wk7zP {
    padding-bottom: 11px;
    padding-top: 11px
}

.fontSize18Padding-2RUesG {
    padding-bottom: 9px;
    padding-top: 9px
}

.fontSize20Padding-18f-TO {
    padding-bottom: 9px;
    padding-top: 8px
}

.fontSize24Padding-2Tz8jD {
    padding-bottom: 6px;
    padding-top: 5px
}

.theme-brand .inner-MADQqc {
    background-color: var(--brand-experiment-400)
}

.theme-brand .textArea-12jD-V {
    color: hsla(0,0%,100%,.7)
}

.theme-brand .textArea-12jD-V::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-brand .textArea-12jD-V::-moz-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-brand .textArea-12jD-V:-ms-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-brand .textArea-12jD-V::placeholder {
    color: hsla(0,0%,100%,.3)
}

.emojiButton-3uL3Aw {
    max-height: 50px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.emojiButtonHovered-1rWNal,.emojiButtonNormal-TdumYh {
}

.sprite-2iCowe {
    background-image: url(../../assets/b7432af851a2ba9cf2ea22663916028c.html);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: block
}

@-webkit-keyframes pulseIcon-2wem_X {
    0%,to {
        -webkit-transform: scale(.85714);
        transform: scale(.85714)
    }

    50% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes pulseIcon-2wem_X {
    0%,to {
        -webkit-transform: scale(.85714);
        transform: scale(.85714)
    }

    50% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes pulseButton-37U3Qe {
    0%,to {
        opacity: .3
    }

    50% {
        opacity: 1
    }
}

@keyframes pulseButton-37U3Qe {
    0%,to {
        opacity: .3
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes sparkle-326-jL {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-50deg) scale(0);
        transform: rotate(-50deg) scale(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    40% {
        opacity: 0;
        -webkit-transform: rotate(50deg) scale(0);
        transform: rotate(50deg) scale(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-50deg) scale(0);
        transform: rotate(-50deg) scale(0)
    }
}

@keyframes sparkle-326-jL {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-50deg) scale(0);
        transform: rotate(-50deg) scale(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    40% {
        opacity: 0;
        -webkit-transform: rotate(50deg) scale(0);
        transform: rotate(50deg) scale(0)
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-50deg) scale(0);
        transform: rotate(-50deg) scale(0)
    }
}

.buttonWrapper-1ZmCpA {
    cursor: pointer
}

.button-3AYNKb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--interactive-normal)
}

.button-3AYNKb:hover {
    color: var(--interactive-hover)
}

.button-3AYNKb:active {
    color: var(--interactive-active)
}

.iconMask-2LbcOd {
    display: block;
    width: 24px;
    height: 24px
}

.buttonContent-4lhja2 {
    position: relative
}

.icon-3D60ES {
    width: 24px;
    height: 24px
}

.pulseIcon-2wem_X {
    -webkit-animation: pulseIcon-2wem_X .6s ease;
    animation: pulseIcon-2wem_X .6s ease
}

.pulseButton-37U3Qe .buttonWrapper-1ZmCpA {
    -webkit-animation: pulseButton-37U3Qe .6s ease;
    animation: pulseButton-37U3Qe .6s ease
}

.notificationDot-18QulZ {
    background-color: #ed4245;
    border-radius: 100%;
    bottom: 0;
    height: 7px;
    right: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    width: 7px
}

.notificationDot-18QulZ,.sparkleContainer-1FObaU {
    position: absolute
}

.sparkleStar-jXNPAp {
    color: #ffc819;
    top: -12px;
    left: 20px
}

.sparklePlus-T4nasU,.sparkleStar-jXNPAp {
    position: relative;
    -webkit-animation: sparkle-326-jL 2.5s ease-in-out infinite;
    animation: sparkle-326-jL 2.5s ease-in-out infinite
}

.sparklePlus-T4nasU {
    opacity: 0;
    color: var(--brand-experiment);
    top: 16px;
    left: -20px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.active-23Nm0T .buttonWrapper-1ZmCpA,.buttonWrapper-1ZmCpA:hover {
    color: var(--interactive-active)
}

.container-2fRDfG {
    background: var(--background-secondary);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: grid;
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.text-15b_0l {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 16px
}

.name-hpTFiv {
    font-weight: 600
}

.actions-NlfMQc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.actions-NlfMQc,.mentionButton-3710-W {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mentionButton-3710-W {
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 12px
}

.mentionIcon-1UYeiz {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.separator-ju-9xl {
    width: 1px;
    height: 20px;
    background-color: var(--background-modifier-accent)
}

.closeButton-37O8QC {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
    color: var(--interactive-normal);
    line-height: 0;
    padding: 8px 12px
}

.closeButton-37O8QC:hover {
    color: var(--interactive-hover)
}

.closeIcon-HLoKft {
    width: 16px;
    height: 16px
}

.divider-JfaTT5 {
    z-index: 1;
    height: 0;
    border-top: thin solid var(--background-modifier-accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.background-opacity-low .divider-JfaTT5,.background-opacity-medium .divider-JfaTT5 {
    opacity: .5
}

.background-opacity-high .divider-JfaTT5 {
    opacity: .8
}

.isUnread-3Ef-o9 {
    border-color: #ed4245
}

.hasContent-1cNJDh {
    position: relative;
    left: auto;
    right: auto
}

.unreadPill-2HyYtt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -7px;
    right: 0;
    font-size: 10px;
    line-height: 9px;
    font-weight: 700;
    padding: 0 4px 0 1px;
    border-radius: 0 4px 4px 0;
    text-transform: uppercase;
    color: #fff;
    background-color: #ed4245;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: none
}

.unreadPill-2HyYtt,.unreadPillCap-3_K2q2 {
    position: absolute;
    height: 13px
}

.unreadPillCap-3_K2q2 {
    display: block;
    left: -8px;
    top: 0
}

.unreadPillCapStroke-7rkHbg {
    color: #ed4245;
    fill: #ed4245
}

.content-1o0f9g {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 2px 4px;
    color: var(--text-muted);
    background: var(--background-primary);
    line-height: 13px;
    font-size: 12px;
    margin-top: -1px;
    font-weight: 600;
    border-radius: 8px
}

.isUnread-3Ef-o9 .content-1o0f9g {
    color: #ed4245
}

.stickerPreviews-D1UghN {
    padding: 10px 0 10px 16px
}

.stickerPreviewContainer-3QyrFr {
    position: relative;
    display: inline-block
}

.stickerPreview-9IJY2j {
    margin-right: 4px
}

.stickerPreviewDivider-2DeHm0 {
    margin-left: 16px
}

.closeButton-1iLzZ3 {
    cursor: pointer;
    color: var(--interactive-normal);
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.closeButton-1iLzZ3:hover {
    color: var(--interactive-hover)
}

.closeIconContainer-2y0XOe {
    background: var(--channeltextarea-background);
    border-radius: 100%
}

.closeIcon-2--3zh {
    width: 16px;
    height: 16px
}

.root-3-OKEZ {
    text-align: center
}

.root-3-OKEZ p {
    margin: 0 0 16px
}

.header-1afJj7 {
    margin-bottom: 8px
}

.content-3zS6lm {
    margin-bottom: 32px
}

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

.primaryActions-LD_-cb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.secondaryAction-1rI7Iw {
    margin-right: 8px
}

.artContainer-1EdHbR {
    position: relative;
    margin: -48px auto 24px;
    border-radius: 8px;
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium)
}

.art-1r1UyT,.artContainer-1EdHbR {
    width: 225px;
    height: 149px
}

.sparkleBadge-2pfBfb {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -18px;
    margin-left: -12px;
    display: block;
    width: 47px;
    height: 34px;
    -webkit-filter: drop-shadow(0 1px 3px rgba(0,0,0,.3));
    filter: drop-shadow(0 1px 3px rgba(0,0,0,.3))
}

.newBadge-2wENLF {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px
}

.root-2GkXUO {
    background: var(--background-secondary);
    border-radius: 4px;
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 120px
}

.premium-1XICKa {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px
}

.characterCount-1cRDo2 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 16px;
    color: var(--text-normal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: 14px
}

.upsell-34F9Me {
    margin-top: 8px
}

.theme-dark .error-1M5Do5 {
    color: #f1686a
}

.theme-light .error-1M5Do5 {
    color: #ed4245
}

.toolbar-2bjZV7 {
    background-color: #18191c;
    border-radius: 4px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    pointer-events: all;
    position: absolute
}

.toolbar-2bjZV7:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #18191c;
    bottom: -8px;
    content: "";
    height: 0;
    left: calc(50% - 8px);
    position: absolute;
    width: 0
}

.toolbar-2bjZV7 .button-qqmJ7w:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.toolbar-2bjZV7 .button-qqmJ7w:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.divider-24xeUg {
    border-left: 1px solid hsla(0,0%,100%,.06);
    display: inline-block;
    height: 20px;
    margin: 6px
}

.button-qqmJ7w {
    border-radius: 0;
    padding: 0;
    width: 32px
}

.buttonInner-3shTxu,.icon-KgGMGo {
    height: 20px
}

.icon-KgGMGo {
    color: #b9bbbe;
    width: 20px
}

.inactive-3i9Q2Q {
    background-color: transparent
}

.active-2HPddW,.hover-28QbSq:hover {
    background-color: var(--background-modifier-active)
}

.active-2HPddW .icon-KgGMGo,.hover-28QbSq:hover .icon-KgGMGo {
    color: #fff
}

.splashBackground-1zhLFw {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .1;
    background-size: cover;
    background-position: bottom;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-mask: radial-gradient(circle at 50% 0,#000,transparent);
    mask: radial-gradient(circle at 50% 0,#000,transparent);
    background-image: url(../../assets/976b56da8d86af63aef4f55afb553a9f.html)
}

.modalSize-32pcp4 {
    max-height: 100%
}

.headerContent-3hty5X {
    margin-top: 20px
}

.headerContent-3hty5X,.headerHeader-53zx0J {
    width: 100%;
    position: relative
}

.applicationName-2QbFHn {
    margin-left: 20px;
    font-size: 16px;
    font-weight: 600
}

.price-1ynJAt {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.71;
    border-radius: 3px
}

.priceSpinner-20g34L {
    height: 23px
}

.breadcrumbs-S3tCk9,.errorBlock-13Gsgi {
    margin-top: 20px
}

.errorBlock-13Gsgi {
    position: relative
}

.confirmContent-3zhou3 {
    padding: 20px 0 30px
}

.confirmCloseButton-ear6TV {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.theme-dark .applicationName-2QbFHn {
    color: #dcddde
}

.theme-dark .price-1ynJAt {
    background-color: #4f545c;
    color: #f6f6f7
}

.theme-light .applicationName-2QbFHn {
    color: #36393f
}

.theme-light .price-1ynJAt {
    background-color: #4f545c;
    color: #f6f6f7
}

.applicationBuyButton-2ZS8jB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.disabledButtonWrapper-oUVnwk {
    position: relative
}

.disabledButtonOverlay-1JKAkq {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.premiumIcon-3ocHPW {
    margin-right: 4px
}

.playButton-1fMNjH {
    padding-left: 0;
    padding-right: 0
}

.playButtonContents-1Ww4h5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.disabledButtonWrapper-3sHPXz {
    position: relative
}

.disabledButtonOverlay-2A2OvN {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.disabledButtonColor-1aUKuC {
    background-color: rgba(24,25,28,.5);
    color: rgba(246,246,247,.5);
    opacity: 1
}

.buttonText-2DJbpf {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 2px 16px
}

.dropdownArrowHitbox-X74v7o {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 100%;
    z-index: 2
}

.arrowSeparator-26ZThQ {
    width: 1px;
    height: 24px;
    opacity: .2;
    background-color: currentColor
}

.dropdownArrow-QYl6LR {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 24px;
    height: 24px;
    opacity: .2;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.dropdownArrowHitbox-X74v7o:hover .dropdownArrow-QYl6LR {
    opacity: 1
}

.progress-2XXRYo {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.progress-2XXRYo,.progressBar-3u8FBM {
    width: 100%
}

.animating-3Qqqzp {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out
}

.xsmall-3czJwD {
    height: 4px
}

.small-1CUeBa,.xsmall-3czJwD {
    border-radius: 3px
}

.small-1CUeBa {
    height: 6px
}

.large-3EPlRk {
    height: 8px;
    border-radius: 4px
}

.indeterminate-1PKP2P {
    position: absolute;
    width: auto;
    top: 0
}

.indeterminateBar1-1jjKl2 {
    -webkit-animation: indeterminate1-WkD31A 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
    animation: indeterminate1-WkD31A 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.indeterminateBar1-1jjKl2.animating-3Qqqzp {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.indeterminateBar2-2MEvKp {
    -webkit-animation: indeterminate2-hcYkmM 2.1s cubic-bezier(.165,.84,.44,1) infinite;
    animation: indeterminate2-hcYkmM 2.1s cubic-bezier(.165,.84,.44,1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.indeterminateBar2-2MEvKp.animating-3Qqqzp {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes indeterminate1-WkD31A {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    to {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate1-WkD31A {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    to {
        left: 100%;
        right: -90%
    }
}

@-webkit-keyframes indeterminate2-hcYkmM {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate2-hcYkmM {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

.button-1OsvDz {
    padding: 0
}

html .progress-GjyFoQ {
    position: absolute;
    bottom: 0;
    left: 0
}

.disabledButtonWrapper-1EOaAy {
    position: relative
}

.disabledButtonOverlay-1vHgFK {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.disabledButtonColor-34LjTT {
    background-color: rgba(24,25,28,.5);
    color: var(--header-primary);
    opacity: 1
}

.row-hM7TSa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-Vhk6dD {
    margin-right: 4px;
    width: 20px;
    height: 20px
}

.salePercentage-TXZz3H {
    border-radius: 3px;
    color: #fff;
    background-color: #3ba55c;
    padding: 4px 6px
}

.originalAmount-3RtnBh {
    text-decoration: line-through
}

.directoryTilePrice-kxTe16 {
    font-size: 16px;
    font-weight: 500
}

.directoryTilePrice-kxTe16 .originalAmount-3RtnBh,.directoryTilePrice-kxTe16 .salePercentage-TXZz3H {
    margin-right: 6px
}

.directoryHeroPrice-1_MqzA {
    font-size: 16px
}

.directoryHeroPrice-1_MqzA .originalAmount-3RtnBh,.directoryHeroPrice-1_MqzA .salePercentage-TXZz3H {
    margin-right: 6px
}

.directoryHeroPricePremium-tR0nU8 {
    font-size: 14px;
    font-weight: 500;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.directoryHeroPricePremium-tR0nU8 .icon-Vhk6dD {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.directorySearchPrice-2Spatv {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500
}

.directorySearchPrice-2Spatv .icon-Vhk6dD {
    width: 16px;
    height: 16px
}

.directorySearchPrice-2Spatv .originalAmount-3RtnBh,.directorySearchPrice-2Spatv .salePercentage-TXZz3H {
    margin-right: 6px
}

.listingPrice-2GiDSc {
    font-size: 32px;
    line-height: 36px;
    font-weight: 500
}

.listingPrice-2GiDSc .salePercentage-TXZz3H {
    color: #fff;
    font-size: 16px;
    margin-left: 10px
}

.listingPrice-2GiDSc .originalAmount-3RtnBh {
    font-size: 15px
}

.embedPrice-Xy8zoS {
    font-size: 16px;
    font-weight: 500
}

.embedPrice-Xy8zoS .originalAmount-3RtnBh,.embedPrice-Xy8zoS .salePercentage-TXZz3H {
    margin-right: 6px
}

.theme-dark .directoryHeroPrice-1_MqzA,.theme-dark .directoryHeroPricePremium-tR0nU8 {
    color: #fff
}

.theme-dark .directorySearchPrice-2Spatv {
    color: #b9bbbe
}

.theme-dark .listingPrice-2GiDSc {
    color: #f6f6f7
}

.theme-dark .originalAmount-3RtnBh {
    color: #b9bbbe
}

.theme-dark .embedPrice-Xy8zoS {
    color: #fff
}

.theme-dark .embedPrice-Xy8zoS .salePercentage-TXZz3H {
    background-color: #2f3136
}

.theme-light .directoryHeroPrice-1_MqzA,.theme-light .directoryHeroPricePremium-tR0nU8 {
    color: #36393f
}

.theme-light .directoryHeroPrice-1_MqzA .originalAmount-3RtnBh,.theme-light .directoryHeroPricePremium-tR0nU8 .originalAmount-3RtnBh,.theme-light .directorySearchPrice-2Spatv {
    color: #72767d
}

.theme-light .listingPrice-2GiDSc {
    color: #f6f6f7
}

.theme-light .originalAmount-3RtnBh {
    color: #b9bbbe
}

.theme-light .embedPrice-Xy8zoS {
    color: #4f545c
}

.theme-light .embedPrice-Xy8zoS .salePercentage-TXZz3H {
    background-color: #b9bbbe
}

.OSSection-27GaV2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.purchaseUnitOperatingSystem-cnbJPz {
    margin-left: 4px
}

.theme-dark .purchaseUnitOperatingSystem-cnbJPz,.theme-light .purchaseUnitOperatingSystem-cnbJPz {
    color: #4f545c
}

.tag-HanR-9 {
    padding: 6px 12px
}

.tag-HanR-9:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.text-1OO51R {
    position: relative;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    display: block
}

.theme-dark .text-1OO51R,.theme-light .text-1OO51R {
    color: #fff
}

.theme-dark .tag-HanR-9,.theme-light .tag-HanR-9 {
    background-image: -webkit-gradient(linear,left top,right top,from(#738ef5),to(#b3aeff));
    background-image: linear-gradient(90deg,#738ef5,#b3aeff)
}

.theme-dark .tag-HanR-9:before,.theme-light .tag-HanR-9:before {
    background-image: url(../../assets/04a2e1509ad72be575b1529b51ea3977.html)
}

.tag-1mL0R5 {
    padding: 6px 12px
}

.tag-1mL0R5:before {
    background-image: url(../../assets/4fd13d0ae5ddd4d5d3be4568b2090c1a.html);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.text-1bqXwz {
    position: relative;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    display: block
}

.theme-dark .text-1bqXwz,.theme-light .text-1bqXwz {
    color: #fff
}

.centeringContainer-1ssgjB {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 126px
}

.titleContainer-15sRy5 {
    font-size: 20px;
    color: #fff;
    padding: 8px 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../../assets/976b56da8d86af63aef4f55afb553a9f.html)
}

.loadingContainer-138F59,.titleContainer-15sRy5 {
}

.slideshowWrapper-146cEe {
    height: 100%
}

.spinner-2okOH9 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.imageLoading-3I2895 {
    visibility: hidden
}

.splash-3K76bN {
    -o-object-position: top;
    object-position: top
}

.splash-3K76bN,.splashPlaceholder-1ev-9c {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    vertical-align: middle
}

.splashPlaceholder-1ev-9c {
    height: 100%
}

.muteContainer-dXWpxM {
    background: rgba(0,0,0,.3);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px 10px 0;
    padding: 4px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    pointer-events: all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0
}

.muteContainerPlaying-YRMEea {
    opacity: 1
}

.muteContainerMediaOverlay-DKYQOo {
    margin: 0 10px 0 0;
    position: absolute;
    top: 86px;
    right: 0
}

.mute-3sDXC3 {
    width: 20px;
    height: 20px;
    color: #fff
}

.theme-dark .loadingContainer-138F59 {
    background-color: rgba(0,0,0,.4)
}

.theme-light .loadingContainer-138F59 {
    background-color: hsla(0,0%,100%,.4)
}

.theme-light .spinnerItem-3RXrSb {
    background-color: #18191c
}

.splashContainer-2UflFm {
    margin: 0;
    overflow: hidden;
    position: relative;
    pointer-events: none;
    max-height: 60%;
    padding-top: 56%
}

.splashContainerHorizontal-10fJqP {
    max-height: none;
    padding-top: 0;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.priceOs-WkGZC- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.platform-3suY7a {
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.exclusiveRegular-2w11vc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.exclusivePlaying-1DynG8 {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0
}

.splashPlaceholder-WP93xz,.splashVideo-2e4_JV {
    height: 100%
}

.tileBuyButton-2W4Mu- {
    position: absolute;
    left: 12px;
    bottom: 12px;
    -webkit-transition: opacity .2s,-webkit-transform .2s ease;
    transition: opacity .2s,-webkit-transform .2s ease;
    transition: opacity .2s,transform .2s ease;
    transition: opacity .2s,transform .2s ease,-webkit-transform .2s ease;
    -webkit-transform: translate3d(0,12px,0);
    transform: translate3d(0,12px,0)
}

.tileBuyButtonVisible-2QYmxC {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.tileBuyButton-2W4Mu-,.tileBuyButton-2W4Mu-:disabled {
    opacity: 0
}

.tileBuyButtonVisible-2QYmxC,.tileBuyButtonVisible-2QYmxC:disabled {
    opacity: 1
}

.tilePrice-dqknBb {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.tilePriceWithVisibleBuyButton-2-P17I {
    opacity: 0
}

.tileActions-N7Ze1p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500
}

.actionButton-Weawa8 {
    margin-right: 8px
}

.metadata-IJDhwB {
    font-size: 12px
}

.libraryLink-21lIRu {
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.libraryIcon-17zyHD {
    margin-right: 6px
}

.invalidPoop-pnUbq7 {
    margin: 0;
    overflow: hidden;
    position: relative;
    max-height: 60%;
    padding-top: 56%;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.invalidPoopHorizontal-3Dfy7T {
    max-height: none;
    padding-top: 0;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.theme-light .libraryLink-21lIRu,.theme-light .metadata-IJDhwB {
    color: #72767d
}

.theme-light .invalidPoop-pnUbq7 {
    background-color: rgba(116,127,141,.3);
    background-image: url(../../assets/b5d0fabb4afdf0666f3785f8c1d3beff.html)
}

.theme-dark .libraryLink-21lIRu {
    color: hsla(0,0%,100%,.6)
}

.theme-dark .invalidPoop-pnUbq7 {
    background-color: rgba(79,84,92,.3);
    background-image: url(../../assets/e0c782560fd96acd7f01fda1f8c6ff24.html)
}

.theme-dark .metadata-IJDhwB {
    color: #72767d
}

.spacing-2P-ODW {
    margin-bottom: 20px
}

.spacingTop-3Dhr0L {
    margin-top: 20px
}

.message-2qRu38 {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    pointer-events: none
}

.theme-dark .message-2qRu38 {
    background-color: #36393f;
    -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)
}

.theme-light .message-2qRu38 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.container-2nXavw {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bumpBox-1r5p3c,.container-2nXavw {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bumpBox-1r5p3c {
    -ms-flex: 0 0 max-content;
    flex: 0 0 max-content;
    -ms-flex-align: center;
    background-color: var(--background-secondary);
    border-radius: 8px;
    padding: 8px;
    margin-right: 16px
}

.bumpBox-1r5p3c,.icon-ek0zSM {
    -webkit-box-flex: 0
}

.icon-ek0zSM {
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    color: var(--text-muted)
}

.icon-ek0zSM,.publish-10uopb,.tagline-36at0H {
    margin-right: 8px
}

.hidePermanently-36wWty {
    cursor: pointer;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    line-height: 24px
}

.hidePermanently-36wWty:focus,.hidePermanently-36wWty:hover {
    color: var(--text-normal)
}

.closeIcon-tEzaUY {
    display: block;
    color: var(--interactive-muted);
    cursor: pointer
}

.closeIcon-tEzaUY:focus,.closeIcon-tEzaUY:hover {
    color: var(--interactive-hover)
}

.closeIcon-tEzaUY:active {
    color: var(--interactive-active)
}

.wrapper-35wsBm {
    background-color: var(--background-secondary);
    border-radius: 4px;
    padding: 16px;
    width: 432px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header-2BTCnc {
    font-weight: 700;
    margin-bottom: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--interactive-normal)
}

.content-2U5lSY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.guildIcon-lQ0uiM {
    background-color: var(--background-primary);
    margin-right: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.applicationIcon-2SXfFQ {
    width: 48px;
    height: 48px
}

.guildIconJoined-1r7FRE {
    cursor: pointer
}

.guildIconImage-3qTk45,.guildIconJoined-1r7FRE {
}

.guildIconImageJoined-SepVdI {
    cursor: pointer
}

.inviteDestination-1fAcY7 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 2px
}

.inviteDestinationJoined-3W7Gue {
    cursor: pointer
}

.inviteDestinationJoined-3W7Gue:hover {
    text-decoration: underline
}

.channel-2hXUOG {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.channelName-3ZF3rq {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.channelIcon-11pgiB {
    color: var(--text-muted)
}

.channelIcon-11pgiB,.status-2L8Zc7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.status-2L8Zc7 {
    display: block;
    margin-right: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.statusOnline-8PnF5L {
    background-color: #3ba55c
}

.statusOffline-37RKt7 {
    background-color: #747f8d
}

.count-30T-5k {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 8px;
    color: var(--interactive-normal);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.count-30T-5k:last-child {
    margin-right: 0
}

.guildNameWrapper-1RQYer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.guildName-2hvnt_ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.guildBadge-1w1qIy {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px
}

.guildInfo-1STtYi {
    min-width: 1px
}

.guildDetail-1nRKNE {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--interactive-normal);
    line-height: 16px
}

.statusCounts-2qk4EE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inviteSplash-19Jlo6 {
    background-color: var(--background-modifier-accent);
    border-radius: 4px 4px 0 0;
    height: 225px;
    margin: -16px -16px 16px;
    overflow: hidden
}

.inviteSplashImage-O0wmIQ {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    -webkit-transition: opacity .125s;
    transition: opacity .125s;
    width: 100%;
    height: 100%
}

.inviteSplashImageLoaded-2ML87V {
    opacity: 1
}

.button-3To2tQ {
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.button-3To2tQ.buttonSize-DbrWhv {
    height: 40px;
    padding-left: 20px;
    padding-right: 20px
}

.guildIconExpired-2Qcq05 {
    background-color: var(--background-secondary);
    background-size: 50px 26px;
    background-repeat: no-repeat;
    border-radius: 12px;
    background-position: 50%;
    width: 48px;
    height: 48px
}

.inviteDestinationExpired-2_1Ava {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #ed4245
}

.buttonForNonMember-ZsTpwI {
    display: block;
    margin-left: 0;
    margin-top: 16px;
    width: 100%
}

@-webkit-keyframes invite-button-resolving-366-1w {
    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-366-1w {
    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-1GhcbM {
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'374'%20height%3D'50'%3E%3Cpath%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%20d%3D'M311%206h60c1.657%200%203%201.343%203%203v32c0%201.657-1.343%203-3%203h-60c-1.657%200-3-1.343-3-3V9c0-1.657%201.343-3%203-3zM62%206h124c1.657%200%203%201.343%203%203v14c0%201.657-1.343%203-3%203H62c-1.657%200-3-1.343-3-3V9c0-1.657%201.343-3%203-3zm0%2024h194c1.657%200%203%201.343%203%203v10c0%201.657-1.343%203-3%203H62c-1.657%200-3-1.343-3-3V33c0-1.657%201.343-3%203-3zM19.23%200h11.54c6.687%200%209.112.696%2011.556%202.003%202.445%201.308%204.363%203.226%205.67%205.67C49.306%2010.12%2050%2012.543%2050%2019.23v11.54c0%206.687-.696%209.112-2.003%2011.556-1.308%202.445-3.226%204.363-5.67%205.67C39.88%2049.306%2037.457%2050%2030.77%2050H19.23c-6.687%200-9.112-.696-11.556-2.003-2.445-1.308-4.363-3.226-5.67-5.67C.694%2039.88%200%2037.457%200%2030.77V19.23c0-6.687.696-9.112%202.003-11.556C3.31%205.23%205.23%203.31%207.673%202.004%2010.12.694%2012.543%200%2019.23%200z'%2F%3E%3C%2Fsvg%3E");
    mask: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'374'%20height%3D'50'%3E%3Cpath%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%20d%3D'M311%206h60c1.657%200%203%201.343%203%203v32c0%201.657-1.343%203-3%203h-60c-1.657%200-3-1.343-3-3V9c0-1.657%201.343-3%203-3zM62%206h124c1.657%200%203%201.343%203%203v14c0%201.657-1.343%203-3%203H62c-1.657%200-3-1.343-3-3V9c0-1.657%201.343-3%203-3zm0%2024h194c1.657%200%203%201.343%203%203v10c0%201.657-1.343%203-3%203H62c-1.657%200-3-1.343-3-3V33c0-1.657%201.343-3%203-3zM19.23%200h11.54c6.687%200%209.112.696%2011.556%202.003%202.445%201.308%204.363%203.226%205.67%205.67C49.306%2010.12%2050%2012.543%2050%2019.23v11.54c0%206.687-.696%209.112-2.003%2011.556-1.308%202.445-3.226%204.363-5.67%205.67C39.88%2049.306%2037.457%2050%2030.77%2050H19.23c-6.687%200-9.112-.696-11.556-2.003-2.445-1.308-4.363-3.226-5.67-5.67C.694%2039.88%200%2037.457%200%2030.77V19.23c0-6.687.696-9.112%202.003-11.556C3.31%205.23%205.23%203.31%207.673%202.004%2010.12.694%2012.543%200%2019.23%200z'%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance;
    width: 380px;
    height: 50px;
    position: relative
}

.resolvingBackground-351jK_ {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 760px;
    -webkit-animation: invite-button-resolving-366-1w 4s ease-in-out infinite;
    animation: invite-button-resolving-366-1w 4s ease-in-out infinite
}

.theme-light .guildIconImage-3qTk45 {
    background-color: #fff
}

.theme-light .guildIconExpired-2Qcq05 {
    background-image: url(../../assets/b5d0fabb4afdf0666f3785f8c1d3beff.html)
}

.theme-light .resolvingBackground-351jK_ {
    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 .guildIconImage-3qTk45 {
    background-color: #36393f
}

.theme-dark .guildIconExpired-2Qcq05 {
    background-image: url(../../assets/e0c782560fd96acd7f01fda1f8c6ff24.html)
}

.theme-dark .resolvingBackground-351jK_ {
    background-image: -webkit-gradient(linear,left top,right top,from(#36393f),color-stop(#4f545c),to(#36393f));
    background-image: linear-gradient(90deg,#36393f,#4f545c,#36393f)
}

.theme-dark .background-opacity-low .wrapper-35wsBm {
    background: rgba(47,49,54,.3)
}

.theme-dark .background-opacity-low .header-2BTCnc {
    text-shadow: 0 0 1px #202225,1px 1px 0 #202225
}

.theme-dark .background-opacity-low .button-3To2tQ {
    opacity: .8
}

.theme-dark .background-opacity-medium .wrapper-35wsBm {
    background: rgba(47,49,54,.5)
}

.theme-dark .background-opacity-medium .header-2BTCnc {
    text-shadow: 0 0 1px #36393f,1px 1px 0 #36393f
}

.theme-dark .background-opacity-medium .guildIcon-lQ0uiM {
    opacity: .7
}

.theme-dark .background-opacity-medium .button-3To2tQ {
    opacity: .9
}

.theme-dark .background-opacity-high .wrapper-35wsBm {
    background: rgba(47,49,54,.6)
}

.theme-dark .overlay-unlocked .wrapper-35wsBm {
    background-color: var(--background-secondary)
}

.theme-dark .overlay-unlocked .header-2BTCnc {
    text-shadow: none
}

.theme-dark .overlay-unlocked .button-3To2tQ,.theme-dark .overlay-unlocked .guildIcon-lQ0uiM {
    opacity: 1
}

.icon-3U3Ats {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--header-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    margin-top: 32px
}

.guidelines-1yD5nc {
    margin: 8px 0
}

.divider-2gQcba {
    border: 1px solid var(--background-modifier-accent);
    margin: 24px 0
}

.previewSection-1h_5aj {
    margin-bottom: 32px
}

.channelsWrapper-2HhUER,.rolesWrapper-2yOx9S {
    background-color: var(--background-secondary);
    border-radius: 8px
}

.protip-cfNVNm {
    margin-top: 8px
}

.protipText-2wXAoo {
    color: var(--text-positive);
    font-weight: 600;
    text-transform: uppercase
}

.sectionHeader-1U00JR {
    color: var(--header-primary);
    font-size: 20px;
    padding-bottom: 8px;
    text-align: left
}

.channelsWrapper-2HhUER {
    padding: 16px
}

.channel-OaJouZ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--channels-default);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 16px;
    height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.category-3W3XSi {
    font-size: 12px;
    font-weight: 700;
    margin-left: -13px;
    text-transform: uppercase
}

.category-3W3XSi .channelIcon-2s1R00 {
    height: 14px;
    margin-right: 1px;
    width: 14px
}

.channelIcon-2s1R00 {
    margin-right: 8px;
    width: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.channelText-7rGec8 {
    overflow: hidden;
    text-overflow: ellipsis
}

.rolesWrapper-2yOx9S {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px
}

.role-3paDXR,.rolesWrapper-2yOx9S {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.role-3paDXR {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid;
    border-radius: 11px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 22px;
    margin: 0 4px 4px 0;
    padding: 4px
}

.roleCircle-3DE8xJ {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin-right: 4px
}

.roleName-1JcOmP {
    color: var(--channels-default);
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 4px
}

.modalContainer-1jCQhD,.modalSection-3QXz-E {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modalSection-3QXz-E {
    width: 440px
}

.ctaSection-izWwhs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--background-secondary);
    border-top-left-radius: 5px;
    min-height: 450px
}

.ctaContainer-2Jtgn2 {
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    padding: 32px
}

.formSection-1NFAGI {
    background: var(--background-primary);
    border-top-right-radius: 5px;
    position: relative
}

.formContainer-1VaglF {
    position: absolute;
    width: 440px;
    padding: 0 16px;
    height: 100%
}

.modalRoot-LW89o7 {
    border-radius: 5px
}

.modalRoot-LW89o7 .modalFooter-Xu2eIR {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--background-tertiary)
}

.header-2Yglm5 {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 24px
}

.icon-26AID4 {
    color: var(--interactive-normal);
    margin-right: 8px
}

.component-1IAYeC {
    margin: 4px 8px 4px 0
}

.content-2wNArO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    min-width: 32px
}

.loading-3n285V {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.textEmoji-2Vv04G {
    margin-right: 4px
}

.launchIcon-3n9VDY,.textEmoji-2Vv04G {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.launchIcon-3n9VDY {
    margin-left: 8px
}

.hidden-1gw_r7 {
    visibility: hidden
}

.label-3aEGGA {
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.container-2xsjOj {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.children-2goeSq,.container-2xsjOj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.children-2goeSq {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.error-2FxDDG {
    margin: 4px 0
}

.container-1v9gV9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    overflow: hidden
}

.popoutContent-1rAJey {
    padding: 16px
}

.packName-1Cps_6 {
    font-size: 16px;
    line-height: 20px;
    cursor: pointer
}

.packDescription-3drkLS {
    color: var(--text-normal);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 8px
}

.packDescription-3drkLS strong {
    color: var(--header-primary)
}

.stickersList-Q202uA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px
}

.stickerWrapper-16sTV0 {
    cursor: pointer
}

.packActions-2i3SLO {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 8px
}

.premiumButtonNitroWheel-27R34z {
    margin-right: 4px
}

.premiumButton-28hSN6 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.premiumButtonWithViewPackButton-2ZugvV {
    margin-bottom: 8px
}

.countdownContainer-3QTUg6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 12px
}

.countdownText-3tHeVw {
    color: var(--interactive-normal);
    background-color: var(--background-modifier-accent);
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    border-radius: 10px;
    padding: 0 4px
}

.countdownIcon-B3jzQN {
    position: relative;
    top: 1px;
    height: 10px;
    width: 10px
}

.theme-dark .countdownIcon-B3jzQN {
    color: #fbb848
}

.theme-light .popoutContent-1rAJey,.theme-light .popoutLoader-2HV5kI {
    background-color: var(--background-floating);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.theme-light .countdownIcon-B3jzQN {
    color: #ff8a00
}

.clickableSticker-3HmpgV {
    cursor: pointer
}

.stickerName-37a8JB {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-gap: 4px
}

.stickerIcon-2Tdq9J {
    height: 16px;
    width: 16px;
    margin-right: 2px
}

.modalText-3ayZPW {
    margin-bottom: 20px
}

.spine-5jbOmI {
    border-bottom-left-radius: 8px;
    border-bottom: 2px solid var(--background-accent);
    border-left: 2px solid var(--background-accent);
    bottom: 29px;
    left: -40px;
    position: absolute;
    top: 0;
    width: 34px
}

.spine-5jbOmI.cozy-XCy5h_ {
    display: none
}

.container-3hZ-gs {
    background-color: var(--background-secondary);
    border-radius: 4px;
    cursor: pointer;
    margin-top: 8px;
    max-width: 480px;
    min-width: 0;
    padding: 8px
}

.topLine-1hV9bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.name-1qtoQ5 {
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cta-3MixHV {
    color: var(--text-link);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 600
}

.container-3hZ-gs:hover .cta-3MixHV {
    text-decoration: underline
}

.bottomLine-2qB7L6 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2px;
    white-space: nowrap
}

.timestamp-1Kyoes {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px
}

.embed-IeVjo6 {
    position: relative;
    display: grid;
    max-width: 520px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.embed-IeVjo6 .emoji {
    width: 18px;
    height: 18px
}

.embed-IeVjo6 pre {
    max-width: 100%;
    border: none
}

.embed-IeVjo6 code {
    border: none;
    background: var(--background-tertiary);
    scrollbar-color: var(--background-secondary) var(--background-tertiary)
}

.embed-IeVjo6 blockquote {
    max-width: 100%
}

.embedFull-2tM8-- {
    border-left: 4px solid var(--background-tertiary);
    background: var(--background-secondary)
}

.embedAuthorName-3mnTWj,.embedAuthorNameLink-1gVryT,.embedDescription-1Cuq9a,.embedFieldName-NFrena,.embedFieldValue-nELq2s,.embedFooterText-28V_Wb,.embedLink-1G1K1D,.embedProvider-3k5pfl,.embedTitle-3OXDkz,.embedTitleLink-1Zla9e {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
    text-align: left
}

.grid-1nZz7S {
    overflow: hidden;
    padding: .5rem 1rem 1rem .75rem;
    display: inline-grid;
    grid-template-columns: auto;
    grid-template-rows: auto
}

.grid-1nZz7S.hasThumbnail-3FJf1w {
    grid-template-columns: auto -webkit-min-content;
    grid-template-columns: auto min-content
}

.embedMargin-UO5XwE {
    margin-top: 8px
}

.embedLink-1G1K1D {
    text-decoration: none;
    cursor: pointer
}

.embedLink-1G1K1D:hover {
    text-decoration: underline
}

.embedSuppressButton-1FonMn {
    opacity: 0;
    position: absolute;
    top: -2px;
    right: -20px;
    cursor: pointer;
    padding: 2px;
    color: var(--interactive-normal)
}

.embed-IeVjo6:focus-within .embedSuppressButton-1FonMn,.embed-IeVjo6:hover .embedSuppressButton-1FonMn {
    opacity: 1
}

.embedSuppressButton-1FonMn:hover {
    color: var(--interactive-hover)
}

.embedProvider-3k5pfl {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    grid-column: 1/1
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .embedProvider-3k5pfl {
        font-weight:500
    }
}

.embedAuthor-3l5luH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column: 1/1
}

.embedAuthorName-3mnTWj {
    font-size: 0.875rem;
    font-weight: 600
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .embedAuthorName-3mnTWj {
        font-weight:500
    }
}

.embedAuthorNameLink-1gVryT {
}

.embed-IeVjo6 .embedAuthorNameLink-1gVryT {
    color: var(--header-primary)
}

.embedAuthorIcon--1zR3L {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%
}

.embedTitle-3OXDkz {
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
    grid-column: 1/1
}

.embedTitleLink-1Zla9e {
}

.embedDescription-1Cuq9a {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 400;
    white-space: pre-line;
    grid-column: 1/1
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .embedDescription-1Cuq9a {
        font-weight:500
    }
}

.embedImage-2W1cML,.embedThumbnail-2Y84-K,.embedVideo-3nf0O9 {
    display: block;
    -o-object-fit: fill;
    object-fit: fill
}

.embedImage-2W1cML img,.embedImage-2W1cML video,.embedThumbnail-2Y84-K img,.embedThumbnail-2Y84-K video,.embedVideo-3nf0O9 img,.embedVideo-3nf0O9 video {
    display: block;
    border-radius: 4px
}

.embedGalleryImagesWrapper-2Qn2vv {
    grid-column: 1/2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    overflow: hidden;
    border-radius: 4px;
    margin-top: 16px
}

.embedGallerySide-1Hu9Bp {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.embedGallerySide-1Hu9Bp,.embedGallerySide-1Hu9Bp>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.embedGallerySide-1Hu9Bp>a {
    margin: 0;
    border-radius: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    min-height: calc(50% - 2px)
}

.embedGallerySide-1Hu9Bp>a:only-child {
    min-height: 100%
}

.embedGallerySide-1Hu9Bp>a:nth-child(2) {
    margin-top: 4px
}

.embedGalleryImageElement-3Vxxsp {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.embedThumbnail-2Y84-K {
    grid-row: 1/8;
    grid-column: 2/2;
    margin-left: 16px;
    margin-top: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    justify-self: end
}

.embedVideo-3nf0O9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: rgba(0,0,0,.05)
}

.centerContent-1dpMl0,.embedVideoActions-O6vR7W,.embedVideoImageComponent-34z3di {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.embedVideoImageComponent-34z3di {
    width: 100%!important;
    height: 100%!important;
    max-height: 100%;
    border-radius: 0
}

.embedVideoImageComponentInner-2Ujh_1 {
    width: 100%!important;
    height: 100%!important;
    -o-object-fit: cover;
    object-fit: cover
}

.embedVideoActions-O6vR7W {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.embedVideoAction-2BIhKO {
    width: 24px;
    height: 24px;
    background: none;
    background-size: 24px 24px;
    display: inline-block;
    opacity: .6
}

.embedVideoAction-2BIhKO:hover {
    opacity: 1
}

.embedIframe-2hcNY5 {
    width: 100%;
    height: 100%;
    display: block
}

.embedGIFTag-n_mDqR {
    position: absolute;
    top: 4px;
    right: 4px
}

.embedFooter-3yVop- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-row: auto/auto;
    grid-column: 1/1
}

.hasThumbnail-3FJf1w .embedFooter-3yVop- {
    grid-column: 1/3
}

.embedFooterText-28V_Wb {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    color: var(--text-normal)
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .embedFooterText-28V_Wb {
        font-weight:500
    }
}

.embedFooterSeparator-3klTIQ {
    font-weight: 500;
    color: var(--text-normal);
    display: inline-block;
    margin: 0 4px
}

.embedFooterIcon-239O1f {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%
}

.embedFields-2IPs5Z {
    display: grid;
    grid-column: 1/1;
    margin-top: 8px;
    grid-gap: 8px
}

.embedField-1v-Pnh {
    font-weight: 400
}

.embedField-1v-Pnh,.embedFieldName-NFrena {
    font-size: 0.875rem;
    line-height: 1.125rem;
    min-width: 0
}

.embedFieldName-NFrena {
    font-weight: 600;
    margin-bottom: 2px
}

.embedFieldValue-nELq2s {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 400;
    white-space: pre-line;
    min-width: 0
}

.embedMedia-1guQoW {
    grid-column: 1/1;
    border-radius: 4px;
    contain: paint
}

.hasThumbnail-3FJf1w .embedMedia-1guQoW {
    grid-column: 1/3
}

.embedFull-2tM8-- .embedMedia-1guQoW {
    margin-top: 16px
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .embedFieldName-NFrena {
        font-weight:600
    }
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .embedFieldValue-nELq2s {
        font-weight:400
    }
}

.embedDescription-1Cuq9a,.embedFieldValue-nELq2s {
    color: var(--text-normal)
}

.embedProvider-3k5pfl .embedLink-1G1K1D {
    color: var(--interactive-normal)
}

.embedProvider-3k5pfl .embedLink-1G1K1D:hover {
    color: var(--interactive-hover)
}

.embedAuthorName-3mnTWj,.embedFieldName-NFrena,.embedTitle-3OXDkz {
    color: var(--header-primary)
}

.embedAuthor-3l5luH,.embedDescription-1Cuq9a,.embedFields-2IPs5Z,.embedFooter-3yVop-,.embedMedia-1guQoW,.embedProvider-3k5pfl,.embedTitle-3OXDkz {
    min-width: 0
}

.background-opacity-low .embedFull-2tM8-- {
    background-color: rgba(47,49,54,.2);
    border-left-color: rgba(32,34,37,.4)!important
}

.background-opacity-low .embedFull-2tM8-- code {
    background: rgba(32,34,37,.4)
}

.background-opacity-low .embedThumbnail-2Y84-K {
    opacity: .4
}

.background-opacity-low .embedSpotify-tvxDCr {
    opacity: .8
}

.background-opacity-low .embedSpotify-tvxDCr:hover {
    opacity: 1
}

.background-opacity-low .embedDescription-1Cuq9a,.background-opacity-low .embedFieldValue-nELq2s,.background-opacity-low .embedFooterText-28V_Wb,.background-opacity-low .embedProvider-3k5pfl {
    color: #fff!important;
    text-shadow: 0 0 1px rgba(0,0,0,.3)
}

.background-opacity-low .embedTitleLink-1Zla9e {
    color: var(--text-link)!important;
    text-shadow: 0 0 1px hsla(0,0%,100%,.3),0 0 3px rgba(0,0,0,.6)
}

.background-opacity-medium .embedFull-2tM8-- {
    background-color: rgba(47,49,54,.2);
    border-left-color: rgba(32,34,37,.4)!important
}

.background-opacity-medium .embedFull-2tM8-- code {
    background: rgba(32,34,37,.4)
}

.background-opacity-medium .embedThumbnail-2Y84-K {
    opacity: .4
}

.background-opacity-medium .embedSpotify-tvxDCr {
    opacity: .8
}

.background-opacity-medium .embedSpotify-tvxDCr:hover {
    opacity: 1
}

.background-opacity-medium .embedDescription-1Cuq9a,.background-opacity-medium .embedFieldValue-nELq2s,.background-opacity-medium .embedFooterText-28V_Wb,.background-opacity-medium .embedProvider-3k5pfl {
    color: #ccc!important;
    text-shadow: 0 0 1px rgba(0,0,0,.2)
}

.background-opacity-medium .embedTitleLink-1Zla9e {
    color: var(--text-link)!important;
    text-shadow: 0 0 1px hsla(0,0%,100%,.2),0 0 3px rgba(0,0,0,.4)
}

.background-opacity-high .embedFull-2tM8-- {
    background-color: rgba(47,49,54,.2);
    border-left-color: rgba(32,34,37,.4)!important
}

.background-opacity-high .embedFull-2tM8-- code {
    background: rgba(32,34,37,.4)
}

.background-opacity-high .embedThumbnail-2Y84-K {
    opacity: .4
}

.background-opacity-high .embedSpotify-tvxDCr {
    opacity: .9
}

.background-opacity-high .embedSpotify-tvxDCr:hover {
    opacity: 1
}

.background-opacity-high .embedDescription-1Cuq9a,.background-opacity-high .embedFieldValue-nELq2s,.background-opacity-high .embedFooterText-28V_Wb,.background-opacity-high .embedProvider-3k5pfl {
    text-shadow: 0 0 1px rgba(0,0,0,.2)
}

.background-opacity-high .embedTitleLink-1Zla9e {
    text-shadow: 0 0 1px hsla(0,0%,100%,.2),0 0 3px rgba(0,0,0,.4)
}

.spoilerEmbed-1fzvzg.hiddenSpoiler-3i0zpa {
    cursor: pointer;
    overflow: hidden
}

.spoilerEmbed-1fzvzg.hiddenSpoiler-3i0zpa .grid-1nZz7S {
    -webkit-transition: -webkit-filter .1s ease-out;
    transition: -webkit-filter .1s ease-out;
    transition: filter .1s ease-out;
    transition: filter .1s ease-out,-webkit-filter .1s ease-out;
    -webkit-filter: blur(44px);
    filter: blur(44px);
    pointer-events: none
}

.overlay-unlocked .embedSpotify-tvxDCr,.overlay-unlocked .embedThumbnail-2Y84-K {
    opacity: 1
}

.spoilerAttachment-1LrKiO.hiddenSpoiler-3i0zpa {
    -webkit-filter: blur(44px);
    filter: blur(44px);
    pointer-events: none;
    -webkit-transition: -webkit-filter .1s ease;
    transition: -webkit-filter .1s ease;
    transition: filter .1s ease;
    transition: filter .1s ease,-webkit-filter .1s ease
}

.ephemeralMessage-1fEWtQ {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: var(--text-muted)
}

.icon-2ZUv7M {
    margin-right: 4px;
    vertical-align: text-bottom
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .ephemeralMessage-1fEWtQ {
        font-weight:500
    }
}

.attachment-33OFj0 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    letter-spacing: 0;
    max-width: 520px;
    width: 100%;
    padding: 10px;
    border: 1px solid transparent
}

.attachmentInner-3vEpKt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.icon-1kp3fr {
    width: 30px;
    height: 40px;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.filenameWrapper-1sY0qo {
}

.filename-3eBB_v {
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .filename-3eBB_v {
        font-weight:500
    }
}

.metadata-3WGS0M {
    font-weight: 300;
    color: #72767d;
    margin-right: 8px
}

.rate-1kMjTj {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    min-width: 60px;
    text-align: right
}

.progressContainer-3ao-eu {
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-1O1GKY;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.progress-3Rbvu0 {
    background-color: rgba(114,118,125,.3)
}

.cancelButton-3hVEV6,.downloadButton-23tKQp,.size-1Arx_I {
    margin-left: 4px
}

.cancelButton-3hVEV6,.downloadButton-23tKQp {
    color: var(--interactive-normal);
    cursor: pointer
}

.cancelButton-3hVEV6:hover,.downloadButton-23tKQp:hover {
    color: var(--interactive-hover)
}

.downloadWrapper-vhAtLx {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.filenameLinkWrapper-1-14c5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.fileNameLink-9GuxCo:hover {
    text-decoration: underline
}

.attachment-33OFj0 {
    border-color: var(--background-secondary-alt);
    background-color: var(--background-secondary)
}

.filename-3eBB_v {
    color: var(--interactive-active)
}

.filenameLinkWrapper-1-14c5 {
    color: var(--text-link)
}

.size-1Arx_I {
    color: var(--text-muted)
}

.inline-2bgipb {
    opacity: 1;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.inline-2bgipb.hiddenSpoilers-1ksnR6 {
    visibility: hidden
}

.spoiler-1PPAUc {
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.spoiler-1PPAUc.hiddenSpoilers-1ksnR6 {
    -webkit-filter: blur(44px);
    filter: blur(44px);
    pointer-events: none
}

.removeAttachmentButton-2qVPxg {
    opacity: 0;
    position: absolute;
    top: -2px;
    right: -20px;
    cursor: pointer;
    color: var(--interactive-normal);
    padding: 2px
}

.messageAttachment-1aDidq {
    position: relative
}

.messageAttachment-1aDidq:focus-within .removeAttachmentButton-2qVPxg,.messageAttachment-1aDidq:hover .removeAttachmentButton-2qVPxg {
    opacity: 1
}

.removeAttachmentButton-2qVPxg:hover {
    color: var(--interactive-hover)
}

.learnMoreLink-3H5-aT {
    cursor: pointer;
    color: var(--text-link)
}

.container-1qJFPO {
    position: relative
}

.iconContainer-1dtWOo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 4px
}

.icon-2s94H- {
    position: relative;
    color: #b9bbbe;
    width: 100%
}

.foreground-3bBkqt,.icon-2s94H- {
    opacity: .6
}

.avatar-1j43gH {
    margin-right: -4px
}

.avatarSize-EXG1Is {
    width: 20px!important;
    height: 20px!important
}

.emptyUser-3FRJaF {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4f545c
}

.avatarMasked-3y6o4j {
    -webkit-mask-image: url(../../assets/2ad33adc723eef7837aa4432d8b8e1be.html);
    mask-image: url(../../assets/2ad33adc723eef7837aa4432d8b8e1be.html);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.moreUsers-1s5Her {
    position: relative;
    background-color: #4f545c;
    font-size: 12px;
    font-weight: 700;
    color: #b9bbbe;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 8px 0 6px
}

.inFront-1tn07g {
    z-index: 2
}

.invite-18yqGF {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 145px;
    padding: 20px;
    border-radius: 5px;
    overflow: hidden;
    max-width: 400px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    cursor: default
}

.fullHeight-24whqn {
    height: 100%
}

.coverImageWrapper-22d5LB {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    max-width: 145px;
    opacity: .6;
    border-radius: 0 5px 5px 0;
    overflow: hidden
}

.coverImage-3cjWkd {
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    -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%);
    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%)
}

.coverImageActionable-1TMryE {
}

.coverImageActionable-1TMryE.blurred-UUeCTs {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.coverImageNotActionable-1MP2Mx {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.coverImageNotActionable-1MP2Mx.blurred-UUeCTs {
    -webkit-filter: blur(5px) grayscale(100%);
    filter: blur(5px) grayscale(100%)
}

.artwork-1vrmJ_ {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    position: relative;
    z-index: 1
}

.artworkActionable-10hKry {
}

.artworkNotActionable-3519Nv {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.artworkSpotifySessionEnded-11d_If {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.header-Hg_qNF {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700
}

.partyStatus-6AjDud {
    font-size: 18px
}

.actionAndParty-3DXneA {
    margin-right: 0;
    max-height: 32px
}

.actionButton-1Vu3oO {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.name-GG2Mcs {
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px;
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.partyMembers-fGLW2R {
    margin-left: 20px;
    overflow: hidden;
    white-space: nowrap
}

.partyMember-2WUkBE {
    position: relative
}

.partyMemberKnown-2QGebq {
    cursor: pointer
}

.partyAvatar-34PPpo {
    width: 22px!important;
    height: 22px!important
}

.partyMemberEmpty-2iyh5g {
    width: 22px
}

.moreUsers-1sZP3U,.partyMemberEmpty-2iyh5g {
    height: 22px;
    border-radius: 50%
}

.moreUsers-1sZP3U {
    min-width: 18px;
    line-height: 22px;
    text-align: center;
    padding: 0 2px
}

.helpIcon-2EyVTp {
    position: absolute;
    top: 8px;
    right: 8px;
    border-radius: 50%;
    display: none;
    opacity: .6;
    width: 14px;
    height: 14px;
    z-index: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.helpIcon-2EyVTp:hover {
    opacity: 1
}

.invite-18yqGF:hover .helpIcon-2EyVTp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.details-3NqflA,.state-2dqgON {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 240px;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 4px
}

.textLink-3aPthL:hover {
    text-decoration: underline
}

.theme-dark .invite-18yqGF {
    background: rgba(47,49,54,.6);
    border-color: rgba(47,49,54,.9)
}

.theme-dark .artworkSpotifySessionEnded-11d_If {
    background-image: url(../../assets/fb6a21ef85b63dec6e7c01c683904e8f.html)
}

.theme-dark .header-Hg_qNF {
    color: #72767d
}

.theme-dark .name-GG2Mcs,.theme-dark .partyStatus-6AjDud {
    color: #fff
}

.theme-dark .moreUsers-1sZP3U {
    background-color: #4f545c
}

.theme-dark .partyMemberEmpty-2iyh5g {
    background: #4f545c
}

.theme-dark .helpIcon-2EyVTp {
    background-color: #fff
}

.theme-dark .textLink-3aPthL,.theme-dark .message-group .textLink-3aPthL {
    color: #fff
}

.theme-dark .background-opacity-high .invite-18yqGF,.theme-dark .background-opacity-low .invite-18yqGF,.theme-dark .background-opacity-medium .invite-18yqGF {
    opacity: .4
}

.theme-dark .overlay-unlocked .invite-18yqGF {
    opacity: 1
}

.theme-light .invite-18yqGF {
    background: rgba(246,246,247,.6);
    border-color: rgba(220,221,222,.3)
}

.theme-light .artworkSpotifySessionEnded-11d_If {
    background-image: url(../../assets/97e866482f43d3ebd2496641cd934904.html)
}

.theme-light .header-Hg_qNF {
    color: #72767d
}

.theme-light .name-GG2Mcs,.theme-light .partyStatus-6AjDud {
    color: #4f545c
}

.theme-light .moreUsers-1sZP3U {
    background-color: #dcddde
}

.theme-light .partyMemberEmpty-2iyh5g {
    background: #dcddde
}

.theme-light .helpIcon-2EyVTp {
    background-color: #4f545c
}

.theme-light .textLink-3aPthL,.theme-light .message-group .textLink-3aPthL {
    color: #4f545c
}

.container-o3RxSG {
    width: 100%
}

.darkElevationLow-2CR-wO {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3)
}

.darkElevationHigh-3atPWj {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.darkElevationBorderLow-2_RpRZ {
    -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-eY3zE_ {
    -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-336Ql0 {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2)
}

.lightElevationHigh-30hdii {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
}

.lightElevationBorderLow-oPAJJ0 {
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 1px 5px rgba(0,0,0,.2)
}

.lightElevationBorderHigh-1GVmu6 {
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-light .elevationLow-126AxN {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2)
}

.theme-light .elevationHigh-1PneE4 {
    -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-2H_Rsq {
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 1px 5px rgba(0,0,0,.2)
}

.theme-light .elevationBorderHigh-2_BGCd {
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-dark .elevationLow-126AxN {
    -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-1PneE4 {
    -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-2H_Rsq {
    -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-2_BGCd {
    -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-2VW0UT {
    padding: 10px 10px 10px 16px;
    overflow: hidden;
    border-radius: 5px
}

.button-1x2ahC {
    margin-left: 10px
}

.resetButton-1zF_G8 {
    padding-left: 0;
    padding-right: 0
}

.message-c9-HCF {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.theme-light .notice-2mjo_8 {
    background-color: rgba(248,249,249,.95)
}

.theme-dark .notice-2mjo_8 {
    background: rgba(32,34,37,.95)
}

.theme-dark .message-c9-HCF {
    color: #fff
}

.slider-2neXMg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.formItem-2DUsqN {
    width: 100%;
    padding: 0;
    margin-bottom: 24px
}

.formItem-2DUsqN:last-child {
    margin-bottom: 0
}

.settingsFormItem-103g1I {
    width: 100%;
    margin-bottom: 16px;
    border-radius: 8px;
    padding: 16px;
    background-color: var(--background-secondary)
}

.wrapperBase-x09xGp {
    border-radius: 4px;
    padding: 8px 12px
}

.formFieldWrapper-malor5 {
    background-color: var(--background-secondary)
}

.formFieldWrapper-malor5,.settingsFormFieldWrapper-3Y77Pr {
    border: 1px solid var(--background-tertiary)
}

.settingsFormFieldWrapper-3Y77Pr {
    background-color: var(--background-secondary-alt)
}

.verificationIcon-FinFJj {
    color: var(--interactive-normal);
    margin-right: 8px
}

.verificationCheckmark-1coNFS {
    color: var(--text-positive);
    margin-right: 8px;
    width: 16px;
    height: 16px
}

.termsRow-2dS5nm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 4px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.termsRow-2dS5nm:first-child {
    padding-top: 8px
}

.termsRow-2dS5nm:last-child {
    border-bottom: none;
    padding-bottom: 8px
}

.termsRowContent-24S2LO {
    padding-left: 12px;
    white-space: pre-wrap;
    width: calc(100% - 12px);
    overflow-wrap: break-word
}

.checkbox-BXy2rz {
    margin-top: 16px;
    cursor: pointer
}

.checkboxText-20IXco {
    font-weight: 500
}

.formItemDescription-1RUg6B {
    margin-bottom: 8px
}

.verifyConfirmText-c_pBxg {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    padding: 8px
}

.settingsLink-uq19Vg {
    margin-top: 8px
}

.radioItem-1lWDqB {
    border: 1px solid var(--background-modifier-accent)
}

.card-3veb4J,.spacing-1QIWht {
}

.card-3veb4J {
    padding: 10px
}

.error-3C5PHt {
}

.warning-1WIX3i {
    color: #fff
}

.phoneField-38N1bJ {
    border-radius: 5px;
    padding: 2px;
    position: relative;
    background-color: var(--background-secondary);
    border: 1px solid var(--deprecated-text-input-border)
}

.phoneField-38N1bJ .countryButton-3xq3Ts {
    height: 32px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 3px;
    margin: 4px
}

.phoneField-38N1bJ .countryButtonInner-3LEFZi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.phoneField-38N1bJ .countryCodeContainer-2RZ4jt {
    padding-left: 4px;
    padding-right: 4px
}

.phoneField-38N1bJ .plusSign-15Cgdh {
    margin-right: 2px;
    color: #fff
}

.phoneField-38N1bJ .countryCode-2TeNMX {
    text-align: center;
    color: #fff
}

.phoneField-38N1bJ .phoneFieldExpand-2DzY5G {
    stroke: #fff
}

.phoneField-38N1bJ .inputField-aNPXsv {
    background-color: var(--background-secondary);
    color: var(--text-normal);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 10px;
    border: none;
    font-size: 16px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.phoneField-38N1bJ .sendButton-1Gsc4p {
    margin-right: 4px
}

.phoneVerificationModal-OzcDc3 {
    position: relative;
    width: 440px;
    min-height: 252px;
    padding: 16px
}

.phoneVerificationModal-OzcDc3 .animationContainer-WJHr_z {
    position: absolute;
    top: -150px;
    left: 130px;
    right: 130px
}

.phoneVerificationModal-OzcDc3 .title-3qNdae {
    color: var(--header-primary);
    font-weight: 700;
    font-size: 20px;
    margin-top: auto;
    padding-top: 80px
}

.phoneVerificationModal-OzcDc3 .description-3JBgvQ {
    color: var(--text-normal);
    font-size: 16px;
    text-align: center;
    line-height: 20px
}

.phoneVerificationModal-OzcDc3 .description-3JBgvQ.error-1E-Ycl {
    color: #ed4245
}

.phoneVerificationModal-OzcDc3 .field-wKpjTl {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.container-19nk2r {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 720px;
    height: auto;
    border-radius: 8px
}

.guildSidebar-2OCzWB {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--background-secondary);
    padding: 24px;
    width: 256px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.guildDescription-122n1Y {
    white-space: pre-wrap
}

.guildIcon-38Zs0M {
    border-radius: 8px;
    margin: auto auto 8px;
    background-color: var(--background-secondary)
}

.guildName-2TIjNT {
    margin: 16px 0
}

.emojisContainer-19mZ0z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.emoji-3C344l {
    margin-right: 8px;
    -o-object-fit: contain;
    object-fit: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.emoji-3C344l,.onlineCount-27XuPk {
    margin-bottom: 8px
}

.dot-14Jva_ {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 8px
}

.dotOnline-2wEpt_ {
    background-color: #3ba55c
}

.dotMembers-1XEUE5 {
    background-color: var(--text-muted)
}

.divider-2FB3wK {
    margin: 24px 0;
    border: none;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.modal-f02hVt {
    width: 100%;
    overflow-x: hidden;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--background-primary)
}

.modal-f02hVt,.sequencer-GH6NxK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sequencer-GH6NxK {
    min-height: 100%
}

.modalContent-1iyOR2::-webkit-scrollbar-track-piece:start {
    margin-top: 4px
}

.modalContent-1iyOR2::-webkit-scrollbar-track-piece:end {
    margin-bottom: 4px
}

.content-3wJ8G6 {
    padding: 24px 8px;
    text-align: center
}

.centerContent-3pbrOl {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.closeButton-1aXUE8 {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2
}

.applicationIcon-1_YMdt {
    width: 88px
}

.animationAndSparklesContainer-MGS9s5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 80px
}

.sparkleIcon-2uxoYp {
    height: 12px;
    width: 12px
}

.sparkleTop-qBeDaK {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: auto
}

.sparkleBottom-1AUcMi {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: auto
}

.animation-vamXOL {
    height: 56px;
    width: 56px;
    margin-left: 4px;
    margin-top: 12px
}

.header-3WG5kX {
    margin: 8px 0
}

.verificationForm-lhyAxu {
    text-align: initial
}

.footer-1JuRYY {
    background-color: var(--background-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.submitButton-YEItfy {
    margin-left: 12px
}

.formItem-LXNO4Q {
    text-align: initial;
    margin-bottom: 24px
}

.resendButton-3WkctP {
    margin: 24px auto
}

.confirmation-2zE9ir {
    max-width: 440px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    text-align: center
}

.confirmationContent-1LS30- {
    padding: 24px 24px 0
}

.confirmationButtonRow-2J_xOl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: var(--background-secondary);
    margin-top: 24px;
    padding: 12px 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px
}

.confirmationButton-1s3fqt {
    width: 100%;
    margin: 4px
}

.confirmationButtonColumn-X0tXMk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    padding: 12px 12px 20px
}

.notice-3UEAq4 {
    pointer-events: all;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 740px;
    margin: 0 auto 16px
}

.rejectionReasonLabel-3CSyvn {
    margin-right: 4px
}

.rejectionReason-31OKzD {
    color: var(--text-warning)
}

.theme-dark .footer-1JuRYY,.theme-light .footer-1JuRYY {
    background-color: var(--background-primary);
    -webkit-box-shadow: inset 0 1px 0 var(--background-modifier-accent);
    box-shadow: inset 0 1px 0 var(--background-modifier-accent)
}

.container-2Uhd6d {
    background-color: var(--background-floating);
    border-radius: 8px;
    padding: 16px;
    -webkit-box-shadow: var(--elevation-high),var(--elevation-stroke);
    box-shadow: var(--elevation-high),var(--elevation-stroke);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.content-3MbD2f {
    margin-left: 24px;
    max-width: 320px
}

.buttonContainer-3CyfSO {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cancel-m57-lx {
    color: var(--interactive-normal);
    margin-left: 24px
}

.cancel-m57-lx:hover {
    color: var(--interactive-hover)
}

.cancel-m57-lx:active {
    color: var(--interactive-active)
}

.image-3OQMFm {
    width: 64px;
    height: 64px
}

.reactions-12N0jA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -.5rem;
    padding-bottom: .25rem
}

.icon-2uw6mp,.reactionBtn-3N03Zj {
    width: 1rem;
    height: 1rem
}

.reactionBtn-3N03Zj {
    margin-left: .25rem;
    margin-bottom: .125rem;
    cursor: pointer;
    visibility: hidden;
    color: var(--interactive-normal)
}

.reactionBtn-3N03Zj:hover .icon-2uw6mp {
    color: var(--interactive-hover)
}

.reactionBtn-3N03Zj.active-1pv5EN .icon-2uw6mp,.reactionBtn-3N03Zj:active .icon-2uw6mp {
    color: var(--interactive-active)
}

.reactionBtn-3N03Zj.active-1pv5EN,.reactions-12N0jA:hover .reactionBtn-3N03Zj {
    visibility: visible
}

.reaction-1hd86g {
    border-radius: .5rem;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .25rem;
    margin-bottom: .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: none .1s ease;
    transition: none .1s ease;
    -webkit-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
    background: var(--background-secondary);
    border: 1px solid transparent
}

.reaction-1hd86g.reactionReadOnly-bYgwi9 {
    cursor: not-allowed
}

.reaction-1hd86g .emoji {
    width: 1rem;
    height: 1rem;
    margin: .125rem 0;
    min-width: auto;
    min-height: auto
}

.reaction-1hd86g .emoji-text {
    color: var(--text-normal);
    vertical-align: -.125rem;
    display: inline-block
}

.reaction-1hd86g:hover {
    background-color: var(--background-primary);
    border-color: hsla(0,0%,100%,.2)
}

.reaction-1hd86g:hover .reactionCount-2mvXRV {
    color: var(--interactive-hover)
}

.reaction-1hd86g:active {
    background-color: var(--background-secondary-alt);
    border-color: transparent
}

.reaction-1hd86g:active .reactionCount-2mvXRV {
    color: var(--interactive-active)
}

.reaction-1hd86g.reactionMe-wv5HKu {
    background-color: var(--brand-experiment-15a);
    border-color: var(--brand-experiment)
}

.reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV {
    color: var(--brand-experiment-200)
}

.reactionInner-15NvIl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .125rem .375rem
}

.reactionCount-2mvXRV {
    font-size: 0.875rem;
    font-weight: 500;
    margin-left: .375rem;
    text-align: center;
    color: var(--interactive-normal)
}

.theme-light .reaction-1hd86g:hover {
    border-color: rgba(0,0,0,.2)
}

.theme-light .reaction-1hd86g.reactionMe-wv5HKu {
    background-color: var(--brand-experiment-160);
    border-color: var(--brand-experiment)
}

.theme-light .reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV {
    color: var(--brand-experiment)
}

.background-opacity-high .reaction-1hd86g,.background-opacity-low .reaction-1hd86g,.background-opacity-medium .reaction-1hd86g {
    background-color: rgba(41,43,47,.2)
}

.background-opacity-high .reactionCount-2mvXRV,.background-opacity-low .reactionCount-2mvXRV,.background-opacity-medium .reactionCount-2mvXRV {
    color: #fff
}

.background-opacity-high .reaction-1hd86g.reactionMe-wv5HKu,.background-opacity-low .reaction-1hd86g.reactionMe-wv5HKu,.background-opacity-medium .reaction-1hd86g.reactionMe-wv5HKu {
    background-color: var(--brand-experiment-50a)
}

.reactionTooltip-3pvwwY {
    max-width: 234px
}

.reactionTooltipContent-2TwEIL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.reactionTooltipEmoji-3LG0v8 {
    width: 32px;
    height: 32px
}

.reactionTooltipText-u4NWre {
    margin-left: 12px
}

.container-1ov-mD {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: .25rem;
    text-indent: 0;
    min-height: 0;
    min-width: 0;
    padding-top: .125rem;
    padding-bottom: .125rem;
    position: relative
}

.container-1ov-mD:empty {
    display: none
}

.container-1ov-mD>* {
    justify-self: start;
    -ms-flex-item-align: start;
    align-self: start
}

.gifFavoriteButton-2SKrBk {
    display: block;
    margin: 0 0 0 auto;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
    -webkit-transition: opacity .1s ease,-webkit-transform .2s ease;
    transition: opacity .1s ease,-webkit-transform .2s ease;
    transition: transform .2s ease,opacity .1s ease;
    transition: transform .2s ease,opacity .1s ease,-webkit-transform .2s ease
}

.embedWrapper-lXpS3L:hover .gifFavoriteButton-2SKrBk {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.giftCodeContainer-1fbmAS {
    width: 100%
}

.confirmText-hRazmx {
    margin-bottom: 12px
}

.container-1sFeqf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.keybind-KpFkfr {
    margin-top: 8px;
    font-weight: 600;
    font-size: 13px;
    text-align: center
}

.closeButton-1tv5uR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    cursor: pointer
}

.closeButton-1tv5uR:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.theme-light .keybind-KpFkfr {
    color: #dcddde
}

.theme-light .closeButton-1tv5uR {
    border-color: #dcddde
}

.theme-light .closeButton-1tv5uR:hover {
    background-color: #f6f6f7
}

.theme-dark .keybind-KpFkfr {
    color: #72767d
}

.theme-dark .closeButton-1tv5uR {
    border-color: #72767d
}

.theme-dark .closeButton-1tv5uR:hover {
    background-color: rgba(114,118,125,.3)
}

.theme-dark .keybindBold-1942Wp {
    color: #b9bbbe
}

.theme-dark .closeButtonBold-8kKURP {
    border-color: #b9bbbe
}

.theme-dark .closeButtonBold-8kKURP:hover {
    background-color: rgba(185,187,190,.3)
}

.wrapper-3nSjSv {
    background: -webkit-gradient(linear,left top,right top,from(#3e70dd),to(#b377f3)) no-repeat;
    background: linear-gradient(90deg,#3e70dd,#b377f3) no-repeat;
    border-radius: 8px;
    color: #fff;
    margin-top: 24px;
    padding: 16px 32px;
    position: relative;
    text-align: center
}

.wrapper-3nSjSv:before {
    position: absolute;
    top: -44px;
    right: -82px;
    background-image: url(../../assets/03d37220fc9a402dfc1ac0fc3a0e68f0.html);
    background-repeat: no-repeat;
    content: "";
    width: 168px;
    height: 88px
}

.heading-4znNKq {
    color: inherit;
    margin-bottom: 16px
}

.headingTier1-K4ha7e {
    margin-bottom: 8px
}

.headingSecondary-3zTbX4 {
    color: inherit;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 24px
}

.tiersList-2U0Dkr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.tier-1EY-yj {
    background-color: hsla(0,0%,100%,.06);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    font-size: 16px;
    line-height: 20px;
    padding: 16px
}

.tierVertical-2ePkZj {
}

.tierVertical-2ePkZj+.tierVertical-2ePkZj {
    margin-left: 16px
}

.tierVertical-2ePkZj .tierLogo-3qD3yx {
    margin-bottom: 16px
}

.tierHorizontal-1rquh_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierHorizontal-1rquh_ .tierLogo-3qD3yx {
    margin-right: 36px
}

.perk-1g1yg- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    text-align: left
}

.perk-1g1yg-+.perk-1g1yg- {
    margin-top: 8px
}

.perkAvailable-2qYI1g {
}

.perkUnavailable-64O5T5 {
    opacity: .5
}

.perkAvailabilityIcon-1FFCXW {
    margin-right: 10px;
    width: 16px;
    height: 16px
}

.perkLabel-3D5r9t {
    margin-bottom: 4px
}

.perkDescription-l3rPzJ {
    margin: 0
}

.action-2cD_qI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapper-1hrFc0 {
    margin: 0 auto;
    max-width: 440px;
    text-align: center
}

.heading-3VWlBM {
    margin-bottom: 12px
}

.originalPrice-3YTVmi {
    text-decoration: line-through;
    color: var(--text-muted)
}

.singleItemWrapper-1AvlNV {
    width: 100%
}

.carousel-18mXWH,.singleItemWrapper-1AvlNV {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.carousel-18mXWH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.item-287JPa {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.singleItem-3vMkVo {
    margin: 0 auto
}

.viewport-W8LvWa {
    overflow: hidden
}

.progressBar-2Hd4f8 {
    position: relative;
    height: 24px
}

.bar-_YsHvC {
    border-radius: 4px
}

.barBackground-2EEiLw {
    position: absolute;
    top: 10px;
    left: 12px;
    right: 12px;
    height: 4px;
    overflow: hidden
}

.barForeground-3KglC8,.barSecondary-3B1aP2 {
    position: absolute;
    height: 100%
}

.tierMarkerContainer-2BmgqV {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 12px;
    right: 12px
}

.tierMarkerContainer-2BmgqV,.tierMarkerGroup-xg6A1d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierMarkerGroup-xg6A1d {
    position: relative
}

.tierMarker-5HkGJ_,.tierMarkerGroup-xg6A1d {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tierMarker-5HkGJ_ {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: 2px;
    left: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tierMarkerAccomplished-2MiXeg,.tierMarkerInProgress-24LMzJ {
}

.tierMarkerSelectable-3t7r2q {
    cursor: pointer
}

.tierMarkerBackground-3q29am {
    position: absolute;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    left: -16px;
    top: -4px
}

.currentTierIcon-2gcTCn {
    width: 6px;
    height: 10px;
    pointer-events: none
}

.tierMarkerLabelContainer-1qM0Ak {
    margin-top: 28px;
    white-space: nowrap;
    position: absolute;
    height: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tierMarkerLabelContainer-1qM0Ak,.tierMarkerLabelText-F_zS1F {
    font-size: 14px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierMarkerLabelText-F_zS1F {
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    padding: 4px;
    color: var(--interactive-normal);
    -webkit-transition: background-color .2s ease,color .2s ease;
    transition: background-color .2s ease,color .2s ease;
    border-radius: 4px;
    background-color: transparent
}

.selectedTier-1JkO7i .tierMarkerLabelText-F_zS1F {
    color: var(--interactive-active)
}

.tierMarkerLabelText-F_zS1F:not(.isAccomplished-2EpZfL):hover {
    background-color: var(--background-modifier-selected)
}

.tierMarkerLabelPlusIcon-1OS7E9 {
    margin-left: 4px;
    color: #ff73fa
}

.barForeground-3KglC8 {
    background-color: #ff73fa
}

.barSecondary-3B1aP2 {
    background-color: var(--interactive-hover)
}

.theme-dark .barBackground-2EEiLw {
    background-color: #202225
}

.theme-dark .tierMarkerBackground-3q29am {
    background-color: #36393f
}

.theme-dark .currentTierIcon-2gcTCn,.theme-dark .selectedTier-1JkO7i .tierMarkerLabelText-F_zS1F {
    color: #fff
}

.theme-light .barBackground-2EEiLw {
    background-color: #ebedef
}

.theme-light .tierMarkerBackground-3q29am {
    background-color: #fff
}

.theme-light .tierMarkerInProgress-24LMzJ .currentTierIcon-2gcTCn {
    color: #4f5660
}

.theme-light .tierMarkerAccomplished-2MiXeg .currentTierIcon-2gcTCn {
    color: #fff
}

.theme-dark .selectedTier-1JkO7i .tierMarker-5HkGJ_,.theme-light .selectedTier-1JkO7i .tierMarker-5HkGJ_ {
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.24);
    box-shadow: 0 4px 8px rgba(0,0,0,.24)
}

.theme-dark .tierMarkerInProgress-24LMzJ .currentTierIcon-2gcTCn.tier3Icon-Ku4Ahe,.theme-light .tierMarkerInProgress-24LMzJ .currentTierIcon-2gcTCn.tier3Icon-Ku4Ahe {
    color: #ff73fa
}

.theme-dark .unlocked-251xRB,.theme-light .unlocked-251xRB {
    color: #3ba55c
}

.theme-dark .emoji-14TyAm,.theme-light .emoji-14TyAm {
    color: #fed648
}

.theme-dark .animated-XlVkOl,.theme-light .animated-XlVkOl {
    color: #b0c8fd
}

.theme-dark .audio-PN_OoN,.theme-light .audio-PN_OoN {
    color: #4173da
}

.theme-dark .customization-1Iu5cE,.theme-light .customization-1Iu5cE {
    color: #86dcc5
}

.theme-dark .upload-2-2ZMI,.theme-light .upload-2-2ZMI {
    color: #ff80f4
}

.theme-dark .vanity-284TLk,.theme-light .vanity-284TLk {
    color: #fc964b
}

.theme-dark .stream-3mNTxK,.theme-light .stream-3mNTxK {
    color: #80a5fe
}

.ctaBar-2UsjF2 {
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: var(--background-secondary)
}

.guildDetails-oP2_kA {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 16px;
    overflow: hidden
}

.guildSubscriptionInfo-3cJF-B {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.guildIcon-3raYf3 {
    background-color: var(--background-primary);
    border-radius: 100px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 16px
}

.guildName-39nwo0 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.subscriberCountWrapper-3cfGTE {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 8px
}

.bageIcon-3Lda3Y,.subscriberCountWrapper-3cfGTE {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.bageIcon-3Lda3Y {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.badgeIconWithoutSubscribers-3A9Xol,.badgeIconWithSubscribers-3PlMu9 {
}

.badgeIconWithSubscribers-3PlMu9 {
    color: #ff73fa
}

.guildSubscriptionInfoSubscriberCount-sQQL0_ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 700
}

.userSubscriptionCount-3ccreY {
    color: var(--interactive-normal)
}

.actions-2fUYl0,.userSubscriptionCount-3ccreY {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.actions-2fUYl0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.giftAction-yhDLaW {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 8px
}

.giftActionContent-2dKrVJ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.giftIcon-ZxlWk5 {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    cursor: pointer
}

.giftIcon-ZxlWk5:hover {
    opacity: 1
}

.iconButton-3ElKLY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.getPremiumIcon-3Z-Sl3 {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.theme-dark .ctaBar-2UsjF2 {
    background-image: url(../../assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.html)
}

.theme-dark .giftIcon-ZxlWk5 {
    color: #b9bbbe
}

.theme-dark .badgeIconWithoutSubscribers-3A9Xol {
    color: #72767d
}

.theme-light .ctaBar-2UsjF2 {
    background-image: url(../../assets/f6af0869894912b0d08e2729fd9c22c9.html)
}

.theme-light .giftIcon-ZxlWk5 {
    color: #fff
}

.theme-light .badgeIconWithoutSubscribers-3A9Xol {
    color: #9099a4
}

.subscription-3aLGnG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary);
    border-radius: 8px;
    padding: 16px
}

.subscriptionInfo-2wfGYJ {
    margin-left: 16px
}

.tierInfo-tIXZkU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierInfo-tIXZkU,.tierPill-1yRO48 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tierPill-1yRO48 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 4px 8px 4px 4px;
    border-radius: 11px;
    font-size: 12px;
    line-height: 14px
}

.tierPillStar-34rvoJ {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.guildIcon-bY4Rsy {
    background-color: var(--background-primary)
}

.guildName-3Q3DTO {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: var(--header-primary)
}

.levelIcon-MBl0h_ {
    width: 16px;
    height: 16px;
    margin: 0 4px
}

.levelDownIcon-3eNqAg {
    color: #ed4245
}

.levelUpIcon-1VeO4o {
    color: #3ba55c
}

.theme-dark .tierPill-1yRO48 {
    background-color: #36393f;
    color: #fff
}

.theme-dark .tierPillStar-34rvoJ {
    color: #fff
}

.theme-dark .tierPillGem-3zcO2T {
    color: #4f545c
}

.theme-light .boost-4xzKsM {
    background-color: #e3e5e8
}

.theme-light .guildName-3Q3DTO {
    color: #4f5660
}

.theme-light .tierPill-1yRO48 {
    background-color: #fff;
    color: #4f5660
}

.theme-light .tierPillStar-34rvoJ {
    color: #747f8d
}

.theme-light .tierPillGem-3zcO2T {
    color: #fff
}

.content-2bjdSf {
    padding-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.guildCard-1ZRYY8 {
    margin: 16px 0
}

.image-1kcgs9 {
    background-repeat: no-repeat;
    background-size: 100%;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 20px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.transferGuildCardHeader-29rebZ {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 16px
}

.activeTransferGuildCardBorder-2jUQ7t {
    background: -webkit-gradient(linear,right top,left top,from(#b377f3),to(#3e70dd));
    background: linear-gradient(270deg,#b377f3,#3e70dd);
    padding: 2px
}

.activeTransferGuildCardBorder-2jUQ7t,.transferFromGuildCard-2BiPCE {
    margin-top: 8px;
    border-radius: 8px
}

.transferToGuildCard-1S-m5v {
    border-radius: 8px
}

.error-3xOMUr {
    margin: 16px
}

.pendingCancellation-2dWNGg {
    margin-top: 16px;
    padding: 8px 16px;
    background: var(--info-warning-background);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    border: 1px solid var(--info-warning-foreground);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pendingCancellationIcon-37Hfji {
    color: var(--text-warning);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pendingCancellationMessage-3Z1T-5 {
    color: var(--text-normal);
    margin-left: 10px
}

.modal-1xfRX3 {
    overflow: hidden
}

.selectHeaderContainer-3If65_ {
    z-index: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.selectHeader-1Ge_-Z {
    margin-bottom: 16px
}

.selectSearch-3Qk9To {
    width: 100%
}

.selectContent-1Riibb {
    padding: 8px 0
}

.selectGuild-1Ygl76 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 6px;
    margin: 0 8px;
    cursor: pointer;
    border-radius: 4px
}

.selectGuild-1Ygl76:hover {
    background-color: var(--background-secondary-alt)
}

.selectGuildName-eFAtJ9 {
    margin-left: 12px
}

.confirmImage-2pGr87 {
    width: 264px;
    height: 134px
}

.transferConfirmImage-1SYwXp {
    width: 216px;
    height: 128px
}

.successBody-2dH8eB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px
}

.successAnimation-1rcoI5 {
    width: 300px;
    height: 200px
}

.quantitySelectorBody-1mRZvy {
    margin-top: 20px
}

.quantitySelectorDescription-3vuWyD,.quantitySelectorHeader-3yR55s {
    margin-bottom: 16px
}

.quantitySelectorWrapper-2yl054 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 32px auto
}

.quantitySelectorLabel-wVuQrI {
    line-height: 20px;
    margin-left: 16px
}

.modalCloseButton-2O2UDY {
    position: absolute;
    right: 12px;
    top: 12px;
    opacity: .8
}

.modalCloseButton-2O2UDY:hover {
    opacity: 1
}

.theme-dark .confirmImage-2pGr87 {
    background-image: url(../../assets/19298ddf142a1ceaf0adaeda2f224490.html)
}

.theme-dark .transferConfirmImage-1SYwXp {
    background-image: url(../../assets/da122e6ea7c85ec7db00cf1949dad206.html)
}

.theme-dark .tierPill-3gJ0eN {
    background-color: #36393f;
    color: #fff
}

.theme-light .confirmImage-2pGr87 {
    background-image: url(../../assets/19298ddf142a1ceaf0adaeda2f224490.html)
}

.theme-light .transferConfirmImage-1SYwXp {
    background-image: url(../../assets/60a561f293f7769527f40116503320a5.html)
}

.theme-light .tierPill-3gJ0eN {
    background-color: #fff;
    color: #4f5660
}

.gemSheen-3yIyuX {
    opacity: .45
}

.perks-3OsGy8 {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(3,1fr)
}

.perk-2WeBWW {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px
}

.icon-QVoPRH {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px;
    width: 24px;
    height: 24px
}

.theme-dark .perk-2WeBWW {
    background-color: #2f3136
}

.theme-light .perk-2WeBWW {
    background-color: #f8f9f9
}

.theme-dark .icon-QVoPRH,.theme-light .icon-QVoPRH {
    color: #ff73fa
}

.perksModal-fSYqOq {
    background: no-repeat bottom;
    background-size: 100%;
    height: 100%
}

.perksModalContentWrapper-2HU6uL {
    padding: 64px 0 96px
}

.closeWrapper-9ScmSq {
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 32px;
    z-index: 1
}

.closeContent-I3JbQJ,.closeWrapper-9ScmSq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.closeContent-I3JbQJ {
    position: fixed;
    max-width: 660px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.closeIcon-3_iQ6l {
    position: relative;
    right: -120px
}

.content-2qfHzC {
    position: relative;
    max-width: 660px;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.headerGraphic-nVhv-X {
    display: block;
    margin-bottom: 16px;
    width: 95px;
    height: 60px
}

.headerGraphic-nVhv-X,.headerLogo--hLLAk {
    -ms-flex-item-align: center;
    align-self: center
}

.headerLogo--hLLAk {
    margin-bottom: 24px;
    width: 334px;
    height: 32px
}

.headerBlurb-1GxBrq {
    margin-bottom: 36px;
    text-align: center
}

.progressBarWrapper-15RqAy {
    margin-top: 64px;
    min-height: 24px;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.progressBarWrapperVisible-3L7cSB {
    opacity: 1
}

.carouselContainer-2-vIZS {
    margin: 56px 0 24px;
    position: relative;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.carouselContainerVisible-1JVIpW {
    opacity: 1
}

.carouselPlaceholder-3pnpOf {
    width: 100%;
    opacity: 0;
    min-height: 286px
}

.carousel-6MSnEI {
    height: calc(100% + 24px)
}

.carouselItem-g4c5Xp {
    height: 100%
}

.carouselItemSelected-JFUsnG {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.carouselItemClickable-3Corbv {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tierDefaultUnlocked-3OzMTb {
    margin-bottom: 16px
}

.tierDefaultUnlockedDescription-1w5VQU {
    margin-top: 10px
}

.tierWrapper-W9ajqp {
    height: 100%;
    border-radius: 4px
}

.tier-12tKuZ {
    border-radius: 4px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tier-12tKuZ,.tierHeader---JJFb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierHeader---JJFb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    border-radius: 4px 4px 0 0;
    position: relative
}

.tierHeaderLocked-1s2JJz,.tierHeaderUnlocked-1n-OTI {
}

.tierIcon-2qSKGj {
    width: 32px;
    height: 32px
}

.tierTitle-y7BLPl {
    margin-left: 16px;
    font-size: 16px;
    line-height: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600
}

.tierLock-3CSxSX {
    width: 30px;
    height: 30px;
    margin-left: 16px
}

.tierUnlocked-25K6Kv {
    border-radius: 10px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

.tierRequirements-dGesMA {
    font-size: 14px
}

.tierBody-16Chc9 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px;
    border-radius: 0 0 4px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    color: var(--text-normal)
}

.previousPerks-izQoDD {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px
}

.perk-7exmS5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 14px
}

.perk-7exmS5:first-child {
    margin-top: 0
}

.perkIcon-3bbUNB {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.perkText-1RKyIP {
    font-size: 14px;
    line-height: 16px;
    margin-left: 10px
}

.subscriberPerksHeader-2a50UC {
    margin-bottom: 24px;
    margin-top: 32px;
    text-align: center;
    font-weight: 600
}

.divider-25_-sM {
    height: 1px;
    background: var(--background-modifier-accent);
    margin: 32px 0
}

.slideIn-1PaRPY {
    margin: 0 auto 16px;
    max-width: 660px
}

.theme-dark .perksModal-fSYqOq {
    background-image: url(../../assets/c486dc65ce2877eeb18e4c39bb49507a.html);
    background-color: #36393f
}

.theme-dark .headerLogo--hLLAk {
    color: #fff
}

.theme-dark .tierHeaderLocked-1s2JJz {
    background-color: #18191c;
    color: #72767d
}

.theme-dark .tierLock-3CSxSX {
    color: #4f545c
}

.theme-dark .tierBody-16Chc9 {
    background-color: #202225
}

.theme-light .perksModal-fSYqOq {
    background-image: url(../../assets/8c1fd3ecbbf620ec49cecda2aa53f256.html);
    background-color: #fff
}

.theme-light .headerLogo--hLLAk {
    color: #23262a
}

.theme-light .tierHeaderLocked-1s2JJz {
    background-color: #f8f9f9;
    color: #9099a4
}

.theme-light .tierLock-3CSxSX {
    color: #9099a4
}

.theme-light .tierBody-16Chc9 {
    background-color: #fff;
    border: 1px solid #ebedef
}

.theme-dark .tierHeaderUnlocked-1n-OTI,.theme-light .tierHeaderUnlocked-1n-OTI {
    background-image: -webkit-gradient(linear,left top,right top,from(#3e70dd),to(#b377f3));
    background-image: linear-gradient(90deg,#3e70dd,#b377f3);
    color: #fff
}

.theme-dark .tierUnlocked-25K6Kv,.theme-light .tierUnlocked-25K6Kv {
    background-color: #fff;
    color: var(--brand-experiment)
}

.header-2RyJ0Y,.item-PXvHYJ {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500
}

.header-2RyJ0Y {
    font-size: 12px;
    font-weight: 700;
    font-family: var(--font-display);
    line-height: 16px;
    text-transform: uppercase;
    color: var(--channels-default)
}

.item-PXvHYJ {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer
}

.brand-1Zl8en.item-PXvHYJ,.themed-OHr7kt.item-PXvHYJ {
    color: var(--interactive-normal)
}

.brand-1Zl8en.item-PXvHYJ:hover,.themed-OHr7kt.item-PXvHYJ:hover {
    color: var(--interactive-hover)
}

.brand-1Zl8en.item-PXvHYJ:active,.themed-OHr7kt.item-PXvHYJ:active {
    color: var(--interactive-active)
}

.separator-gCa7yv {
    background-color: var(--background-modifier-accent)
}

.selected-3s45Ha.item-PXvHYJ,.selected-3s45Ha.item-PXvHYJ:hover {
    cursor: default;
    color: var(--interactive-active)
}

.selected-3s45Ha {
    cursor: default
}

.disabled-1Hwwfb.item-PXvHYJ,.disabled-1Hwwfb.item-PXvHYJ:hover {
    cursor: default;
    color: var(--interactive-muted)
}

.side-8zPYf6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.side-8zPYf6 .header-2RyJ0Y,.side-8zPYf6 .item-PXvHYJ {
    padding: 6px 10px
}

.side-8zPYf6 .header-2RyJ0Y:first-child {
    padding-top: 0
}

.side-8zPYf6 .item-PXvHYJ {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 2px;
    border-radius: 4px
}

.side-8zPYf6 .separator-gCa7yv {
    margin: 8px 10px;
    height: 1px
}

.top-28JiJ- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.top-28JiJ- .item-PXvHYJ {
    border-bottom: 2px solid transparent
}

.top-28JiJ- .disabled-1Hwwfb.item-PXvHYJ {
    cursor: not-allowed
}

.top-28JiJ- .themed-OHr7kt.item-PXvHYJ:hover {
    border-bottom-color: var(--interactive-hover)
}

.top-28JiJ- .selected-3s45Ha.themed-OHr7kt.item-PXvHYJ,.top-28JiJ- .themed-OHr7kt.item-PXvHYJ:active {
    border-bottom-color: var(--interactive-active)
}

.top-28JiJ- .brand-1Zl8en.item-PXvHYJ:hover {
    border-bottom-color: var(--brand-experiment)
}

.top-28JiJ- .brand-1Zl8en.item-PXvHYJ:active,.top-28JiJ- .brand-1Zl8en.selected-3s45Ha.item-PXvHYJ {
    border-bottom-color: var(--control-brand-foreground)
}

.top-28JiJ- .disabled-1Hwwfb.brand-1Zl8en.item-PXvHYJ:hover,.top-28JiJ- .disabled-1Hwwfb.themed-OHr7kt.item-PXvHYJ:hover {
    border-bottom-color: transparent
}

.topPill-30KHOu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.topPill-30KHOu .item-PXvHYJ {
    border-radius: 4px;
    margin: 0 8px;
    padding: 2px 8px
}

.topPill-30KHOu .separator-gCa7yv {
    width: 1px
}

.side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover:not(.disabled-1Hwwfb),.topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover:not(.disabled-1Hwwfb) {
    background-color: var(--background-modifier-hover)
}

.side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:active:not(.disabled-1Hwwfb),.topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:active:not(.disabled-1Hwwfb) {
    background-color: var(--background-modifier-active)
}

.side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,.topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ {
    background-color: var(--background-modifier-selected)
}

.container-1KFiob {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 400px;
    text-align: center
}

.iconContainer-2eZPr4 {
    margin-bottom: 16px;
    position: relative
}

.icon-3pEw1v {
    background-color: var(--background-primary);
    border-radius: 80px;
    color: var(--text-muted);
    display: inline-block;
    padding: 22px
}

.stars-1dLESH {
    position: absolute;
    left: -10px
}

.header-2e3dsI {
    margin-bottom: 8px
}

.cta-3fjU95 {
    margin-top: 24px
}

.container-2I9Hud {
    background-color: var(--background-primary);
    border: 1px solid var(--background-primary);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    margin-bottom: 8px;
    padding: 15px
}

.container-2I9Hud:hover {
    border-color: var(--background-modifier-accent)
}

.left-3P8WCO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0
}

.authorName-2_A-Lf,.messageContent-19B5yF,.subtext-pjj1kJ,.threadName-2iLyXl {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.facepile-3d8JVS {
    margin-left: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.subtext-pjj1kJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-5gCvH8,.noAvatarIcon-1rVwh9 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.noAvatarIcon-1rVwh9 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16px
}

.authorName-2_A-Lf {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 600;
    max-width: 150px
}

.messageContent-19B5yF {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--header-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    white-space: pre
}

.messageContent-19B5yF .inline {
    white-space: pre!important
}

.messageContent-19B5yF .mention {
    pointer-events: none
}

.messageContentIcon-yzjShp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-left: 4px
}

.bullet-1-Smkp {
    padding: 0 8px
}

.list-wek7hJ {
    padding: 0 16px
}

.activeThreadsList-3f7l7U {
    padding-top: 8px
}

.sectionHeader-17Aate {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    height: 24px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.divider-VEsXul {
    position: relative;
    height: 32px
}

.divider-VEsXul:before {
    content: "";
    position: absolute;
    background-color: var(--background-modifier-accent);
    top: 16px;
    left: 0;
    right: 0;
    height: 1px
}

.controls-1kKWv_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 64px
}

.tabBar-wS4pjJ {
    height: 64px
}

.tabBar-wS4pjJ,.tabBar-wS4pjJ .tab-17bjMB {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tabBar-wS4pjJ .tab-17bjMB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    margin-top: 0;
    text-align: center
}

.theme-dark .list-wek7hJ .tabBar-wS4pjJ .tab-17bjMB.active-3JUHqX {
    background-color: var(--background-accent)
}

.moderatorView-1h-CbZ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.checkbox-Aywj5i {
    margin-right: 4px
}

.infoIcon-2hKaOh {
    margin-left: 4px;
    position: relative;
    top: 2px
}

.spinner-2xn1Ci {
    margin: 64px 0
}

.container-7uh5fX {
    background-color: var(--background-secondary);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-7uh5fX,.header-1VS4tm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-1VS4tm {
    background-color: var(--background-tertiary);
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48px;
    padding: 0 16px
}

.closeIcon-3CcYvY,.divider-mDc_D8,.tabBar-31Wimb,.threadIcon-3XJhLD,.title-wn-Ecb {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.divider-mDc_D8,.tabBar-31Wimb .tab-PQvTH4,.threadIcon-3XJhLD,.title-wn-Ecb {
    margin-right: 16px
}

.closeIcon-3CcYvY,.threadIcon-3XJhLD {
    color: var(--interactive-normal)
}

.closeIcon-3CcYvY {
    cursor: pointer
}

.closeIcon-3CcYvY:hover {
    color: var(--interactive-hover)
}

.divider-mDc_D8 {
    width: 1px;
    height: 24px;
    background-color: var(--background-modifier-accent)
}

.tabBar-31Wimb .tab-PQvTH4 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    text-align: center
}

.spacer-3a3inN {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.theme-dark .header-1VS4tm .tabBar-31Wimb .tab-PQvTH4.active-30vPlA {
    background-color: var(--background-accent)
}

.modal-2DCYwU {
    background-color: var(--background-secondary)!important;
    border-radius: 8px;
    min-height: 400px;
    height: 60vh;
    width: 600px
}

.browser-27EVtf {
    overflow: hidden
}

.container-3-pyIM {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--channels-default);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-top: .125rem;
    padding-bottom: .125rem
}

.compact-2zYMSo {
    margin-left: -4ch
}

.content-2M3n_H {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.content-2M3n_H a {
    cursor: pointer;
    color: var(--interactive-active);
    font-weight: 500
}

.content-2M3n_H .actionAnchor-gzc_5z {
    color: var(--text-link)
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .content-2M3n_H {
        font-weight:500
    }

    .theme-light .content-2M3n_H a {
        font-weight: 600
    }
}

.iconContainer-3GkGRf {
    position: absolute;
    width: 2.5rem;
    right: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1rem;
    padding-top: .25rem
}

.compact-2zYMSo .iconContainer-3GkGRf {
    position: relative;
    width: auto;
    right: auto
}

.icon-2Po-VO {
    background-repeat: no-repeat;
    background-size: 1rem 1rem
}

.iconSize-2tmqqh {
    width: 1rem;
    height: 1rem
}

.action-3CzlXl,.actionAnchor-gzc_5z {
    margin-left: 3px
}

.actionAnchor-gzc_5z {
    cursor: pointer
}

.timestamp-1E3uAL {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
    margin-left: 6px;
    color: var(--text-muted)
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .timestamp-1E3uAL {
        font-weight:500
    }
}

.background-opacity-low .content-2M3n_H {
    color: #fff;
    text-shadow: 0 0 1px #202225,1px 1px 0 #202225
}

.background-opacity-low .content-2M3n_H a {
    color: var(--interactive-active)
}

.background-opacity-high .content-2M3n_H,.background-opacity-medium .content-2M3n_H {
    color: #f6f6f7;
    text-shadow: 0 0 1px #36393f,1px 1px 0 #36393f
}

.background-opacity-high .content-2M3n_H a,.background-opacity-medium .content-2M3n_H a {
    color: var(--interactive-active)
}

.background-opacity-low .timestamp-1E3uAL,.background-opacity-medium .timestamp-1E3uAL {
    color: #dcddde
}

.background-opacity-high .timestamp-1E3uAL {
    color: #b9bbbe
}

.messageApplicationCommand-254pK0 {
    display: block
}

.messageIconContainer-ATaEy6 {
    padding-top: 0;
    margin: 0 auto;
    width: 72px
}

.messageIconContainer-ATaEy6 svg {
    width: 1.25rem;
    height: 1.25rem
}

.header-2oHmnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: var(--header-primary)
}

.username-mkom4A:hover {
    cursor: pointer;
    text-decoration: underline
}

.command-2EsN1V {
    display: inline-block;
    color: var(--brand-experiment);
    font-weight: 500;
    cursor: pointer
}

.avatar-2zAdlE {
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: text-top;
    margin-right: .25rem;
    border-radius: 1rem
}

.application-C5rmZP {
    font-weight: 500
}

.spine-1UneWn {
    --gutter-height: 1.5rem;
    --gutter-width: 72px;
    --spine-padding: 2px;
    --spine-width: 2px;
    position: absolute;
    width: calc(-1*var(--spine-width)/2 + -1*var(--spine-padding) + var(--gutter-width)/2);
    height: var(--gutter-height);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: calc(-1*var(--gutter-height) - var(--spine-padding));
    left: calc((-1*var(--spine-width) + var(--gutter-width))/2);
    border-left: var(--spine-width) solid var(--background-accent);
    border-bottom: var(--spine-width) solid var(--background-accent);
    border-right: 0 solid var(--background-accent);
    border-top: 0 solid var(--background-accent);
    border-bottom-left-radius: 6px
}

.content-2Kddbs {
    border-radius: .25rem;
    color: var(--header-secondary);
    padding: .5rem;
    margin-top: .25rem
}

.cozy-3I4Ja9.content-2Kddbs {
    background-color: var(--background-secondary)
}

.compact-38pFhv.messageApplicationCommand-254pK0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -4.125rem;
    margin-bottom: .125rem
}

.compact-38pFhv .messageIconContainer-ATaEy6 {
    top: 0;
    right: 0;
    margin: 0;
    padding-top: 0;
    width: 3.75rem
}

.compact-38pFhv .content-2Kddbs {
    padding: 0
}

.compact-38pFhv .spine-1UneWn {
    --gutter-width: 100%;
    --gutter-height: 1rem;
    margin-left: calc(-1*var(--spine-width))
}

.guildPopout-3CgKqR {
    width: 250px;
    border-radius: 5px;
    overflow: hidden;
    max-height: calc(100vh - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.iconMask-AFPO7u {
    -webkit-transition: background .2s ease-out,-webkit-box-shadow .2s ease-out,-webkit-transform .2s ease-out;
    transition: background .2s ease-out,-webkit-box-shadow .2s ease-out,-webkit-transform .2s ease-out;
    transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out;
    transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out,-webkit-box-shadow .2s ease-out,-webkit-transform .2s ease-out;
    padding: 4px;
    background-color: var(--activity-card-background)
}

.unavailableIcon-e1M1SS {
    margin-bottom: 16px;
    -webkit-transition: -webkit-box-shadow .1s ease-out;
    transition: -webkit-box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out,-webkit-box-shadow .1s ease-out;
    color: var(--header-secondary)
}

.iconWithSplash-19l002 {
    position: absolute;
    top: 94.62482px
}

.avatar-397jYv,.splashImage-3SgZ2f {
    width: 100%;
    height: 100%
}

.splashImage-3SgZ2f {
    max-height: 140px;
    -o-object-fit: cover;
    object-fit: cover
}

.body-2Enz7L {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-2Enz7L.hasSplash-200jeH {
    padding-top: 58px
}

.guildNameWrapper-1Mauc8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guildName-vhRkcC {
    word-break: break-word;
    font-weight: 600
}

.badge-3CnxD1 {
    margin-right: 4px
}

.description-2CBrN8 {
    text-align: center;
    margin-top: 8px
}

.memberInfo-28ncC0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--header-secondary)
}

.memberCount-2WToxu {
    margin-right: 8px
}

.memberCount-2WToxu:last-child {
    margin-right: 0
}

.dot-14zbHU {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 4px;
    margin-left: 4px
}

.dotOnline-3hjzjw {
    background-color: #3ba55c
}

.dotOffline-3gYNLJ {
    background-color: #b9bbbe
}

.memberText-21jAAz {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.footer-3OAEzG {
    background-color: var(--background-primary);
    max-width: 100%;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.emojiHeader-1Mu53U {
    text-transform: uppercase;
    margin-bottom: 8px
}

.emojiContainer-3Wqma4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.emojiContainer-3Wqma4.withCounter-jpW8Nw {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.emoji-270c6v {
    margin-right: 8px
}

.emojiCounter-1BHDd2 {
    background-color: var(--background-secondary);
    height: 24px;
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 24px
}

@-webkit-keyframes placeholderPulse-2NB6YJ {
    0% {
        opacity: .2
    }

    50% {
        opacity: .5
    }

    to {
        opacity: .2
    }
}

@keyframes placeholderPulse-2NB6YJ {
    0% {
        opacity: .2
    }

    50% {
        opacity: .5
    }

    to {
        opacity: .2
    }
}

.placeholderSkeleton-2WHb-r {
    border-radius: 8px;
    background: #72767d;
    opacity: .2;
    -webkit-animation: placeholderPulse-2NB6YJ 3s ease-in-out infinite;
    animation: placeholderPulse-2NB6YJ 3s ease-in-out infinite
}

.splashPlaceholder-3eWUcT {
    width: 250px;
    height: 140.62482px;
    border-radius: 0
}

.iconPlaceholder-193bRZ {
    border-radius: 50%;
    width: 92px;
    height: 92px;
    margin-bottom: 16px;
    position: absolute;
    top: 94.62482px
}

.namePlaceholder-2Ciab4 {
    height: 18px;
    width: 170px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.memberInfoPlaceholder-MpPvk8,.namePlaceholder-2Ciab4 {
    margin: 2px 0
}

.memberInfoPlaceholder-MpPvk8 {
    height: 12px;
    width: 70px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.viewButtonPlaceholder-1C07Fk {
    height: 128px
}

.unavailableHeader-2yDubR {
    margin-bottom: 8px
}

.theme-dark .guildPopout-3CgKqR {
    background-color: #202225;
    -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 .guildName-vhRkcC {
    color: #fff
}

.theme-light .guildPopout-3CgKqR {
    background-color: #f6f6f7;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(185,187,190,.3);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(185,187,190,.3)
}

.theme-light .guildName-vhRkcC {
    color: #4f5660
}

.channelNameChange-1wTsWB {
    color: var(--header-primary)
}

.messageContent-3iPlyo {
    display: inline-block
}

.alertIcon-3BK_0H {
    color: var(--text-warning);
    width: 16px;
    height: 16px
}

.live-vBWnV6 {
    padding: 0 6px;
    font-weight: 600;
    text-transform: uppercase
}

.liveShapeRound-32u79- {
    border-radius: 16px
}

.liveShapeRoundLeft-Fg3Fev {
    border-radius: 16px 0 0 16px
}

.liveShapeRoundRight-19jrQx {
    border-radius: 0 16px 16px 0
}

.grey-nh6urR {
    background-color: var(--interactive-muted);
    color: var(--interactive-normal)
}

.liveLarge-3zs2Zq {
    font-size: 14px;
    line-height: 18px
}

.liveSmall-1dy2uA {
    font-size: 12px;
    line-height: 16px
}

.wrapper-r-6rrt {
    width: 100%;
    height: 100%;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto
}

.image-1GzsFd {
    background-size: 100% 100%
}

.title-2BxgL2 {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    text-transform: uppercase
}

.text-GwUZgS,.title-2BxgL2 {
    text-align: center
}

.text-GwUZgS {
    font-size: 16px;
    line-height: 20px
}

.theme-light .text-GwUZgS,.theme-light .title-2BxgL2 {
    color: rgba(185,187,190,.9)
}

.theme-dark .text-GwUZgS,.theme-dark .title-2BxgL2 {
    color: #72767d
}

.container-3auIfb {
    position: relative;
    width: 40px;
    height: 24px
}

.container-3auIfb,.input-rwLH4i {
    border-radius: 14px;
    cursor: pointer
}

.input-rwLH4i {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%
}

.input-rwLH4i[disabled] {
    cursor: not-allowed;
    pointer-events: none
}

.slider-TkfMQL {
    display: block;
    position: absolute;
    left: 0;
    width: 28px;
    height: 18px;
    margin: 3px
}

.container-2_Tvc_ {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

.container-2_Tvc_,.labelRow-16e77k {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.labelRow-16e77k {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.control-2BBjec {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.disabled-2HSEFa {
    cursor: not-allowed
}

.disabled-2HSEFa .titleDefault-a8-ZSr,.disabled-2HSEFa .titleMini-pBwj_L {
    cursor: not-allowed;
    opacity: .6
}

.title-31JmR4 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--header-primary);
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
    cursor: pointer
}

.note-1V3kyJ {
    margin-top: 8px
}

.dividerDefault-3rvLe- {
    margin-top: 20px
}

.wrapper-O5i5-0 {
    min-height: 385px
}

.scroller-2hZ97C {
    max-height: 200px;
    padding-top: 8px;
    padding-left: 12px
}

.modal-1k91nT {
    max-height: 645px;
    min-height: 144px
}

.closeButton-31ta9E {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3
}

.header-2Pz98J {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-1O1GKY;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.inviteRow-2L02ae {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    margin-right: -10px;
    padding: 7px 10px 7px 8px;
    height: 44px
}

.inviteRowAvatar-EURMT6 {
    margin-top: 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 10px
}

.inviteRowInfo-I9V9v- {
    overflow: hidden;
    margin-right: 4px
}

.inviteRowName-1tVaxu {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.inviteRowButton-3opYo2 {
    height: 32px;
    -webkit-transition: unset;
    transition: unset;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 72px
}

.inviteNoResultsImage-6yTvc9 {
    height: 176px;
    margin-top: 12px;
    margin-bottom: 32px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.inviteNoResultsImage-6yTvc9.highFive-3ySu5x {
    background-image: url(../../assets/cf3e2e7f108d20c8d804a13c9067f5a6.html)
}

.inviteNoResultsImage-6yTvc9.envolope-1uD5SC {
    background-image: url(../../assets/f4a79f584e6e31b4fb6d4d10e6787277.html)
}

.noBorder-CTIBpT {
    border: none
}

.noPadding-1v11qi {
    padding-top: 0
}

.content-3CCvMx {
    width: 100%
}

.content-3CCvMx:before {
    content: "";
    width: 412px;
    height: 1px;
    margin-left: -6px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.copyInput-1T2hfb {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.copyButton-1I8hd3 {
    margin-right: 4px;
    width: 75px
}

.subText-bCySlS {
    margin-bottom: 12px
}

.noScroll-3xWe_g {
    overflow: visible!important
}

.settingsContent-3Pxg5D {
    z-index: 1
}

.settingsFooter-15L4Xu,.switch-1z4BEm {
    z-index: 0
}

.switch-1z4BEm {
    position: relative
}

.theme-light .inviteRow-2L02ae:hover {
    background-color: #f6f6f7
}

.theme-light .footer-1FPmkC {
    background-color: #fff
}

.theme-light .content-3CCvMx:before {
    background-color: rgba(54,57,63,.1)
}

.theme-light .copied-e3U5bd {
    border-color: #3ba55c
}

.theme-light .checkBoxLabel-4PWfpk,.theme-light .inviteRowName-1tVaxu,.theme-light .subText-bCySlS {
    color: #4f545c
}

.theme-dark .inviteRow-2L02ae:hover {
    background-color: rgba(79,84,92,.3)
}

.theme-dark .inviteRowName-1tVaxu {
    color: #f6f6f7
}

.theme-dark .footer-1FPmkC {
    background-color: #36393f
}

.theme-dark .content-3CCvMx:before {
    background-color: hsla(0,0%,100%,.1)
}

.theme-dark .copied-e3U5bd {
    border-color: #3ba55c
}

.theme-dark .checkBoxLabel-4PWfpk,.theme-dark .footerText-2a7NxZ,.theme-dark .subText-bCySlS {
    color: #b9bbbe
}

.headerContainer-3uxewi {
    width: 100%
}

.welcomeImage-QDYf6I {
    display: block;
    width: auto;
    height: 148px;
    margin: 8px auto 16px
}

.welcomeHeading-2US2wn {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    color: var(--header-primary)
}

.welcomeSubheading-1gfu4- {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    color: var(--text-muted)
}

.iconContainer-4CalaE {
    width: 40px;
    margin-right: 16px
}

.inviteHeader-3cFuiB {
    font-weight: 600
}

.inviteContent-2qZKyW,.inviteHeader-3cFuiB {
    color: var(--header-primary)
}

.content-uyw0IG {
    margin-bottom: .125rem
}

.inviteButton-2fBrOR {
    margin-top: 8px
}

.manageMessageRow-RX1cCX {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dot-1JLG3l {
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: var(--text-muted);
    margin: 0 4px
}

.compact-gkCGQn {
    padding-left: 32px
}

.compact-gkCGQn .inviteLink-C_E2t3 {
    color: var(--text-link)
}

.spriteCanvas-3EWky_ {
    position: absolute;
    width: 0;
    height: 0;
    left: -100%
}

.iconWrapper-2Urb3j {
    width: 1rem;
    height: 1rem
}

.icon-360yEu {
    width: 100%;
    height: 100%;
    color: #ff73fa
}

.icon-360yEu,.message-o_XyYw {
    cursor: pointer
}

.cannon-3Yq1jm,.cannonWrapper-1fCcAD {
    position: absolute;
    width: 100%;
    height: 100%
}

.easterEggAnimation-1vLcI9 {
    position: absolute;
    width: 196px;
    height: 196px
}

.easterEggAnimationTopLeft-jwXGvO {
    top: 0;
    left: 0;
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.easterEggAnimationTopRight-1KUngj {
    top: 0;
    right: 0;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.easterEggAnimationBottomLeft-3526mm {
    bottom: 0;
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.easterEggAnimationBottomRight-MAuKgd {
    bottom: 0;
    right: 0
}

.easterEggAnimationHideLeaf-zpkMGS .userPremiumGuildSubscriptionLeaf,.easterEggAnimationHideLeaf-zpkMGS .userPremiumGuildSubscriptionLeafParent {
    visibility: hidden
}

.ephemeral-1PsL1r {
    position: relative;
    background-color: var(--brand-experiment-05a)
}

.mentioned-xhSam7 {
    position: relative;
    background-color: var(--background-mentioned)
}

.replying-1x3H0T {
    position: relative;
    background-color: var(--brand-experiment-05a)
}

.ephemeral-1PsL1r:before,.mentioned-xhSam7:before,.replying-1x3H0T:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
    width: 2px
}

.ephemeral-1PsL1r:before {
    background-color: var(--brand-experiment)
}

.mentioned-xhSam7:before {
    background-color: var(--info-warning-foreground)
}

.replying-1x3H0T:before {
    background-color: var(--brand-experiment)
}

.message-2qnXI6 {
    padding-right: 48px!important
}

.message-2qnXI6.selected-2P5D_Z,.mouse-mode.full-motion .message-2qnXI6:hover {
    background-color: var(--background-message-hover)
}

.message-2qnXI6.mentioned-xhSam7.selected-2P5D_Z,.mouse-mode.full-motion .mentioned-xhSam7:hover {
    background-color: var(--background-mentioned-hover)
}

.message-2qnXI6.ephemeral-1PsL1r.selected-2P5D_Z,.message-2qnXI6.replying-1x3H0T.selected-2P5D_Z,.mouse-mode.full-motion .ephemeral-1PsL1r:hover,.mouse-mode.full-motion .replying-1x3H0T:hover {
    background-color: var(--brand-experiment-10a)
}

.quotedChatMessage-3HzRaD {
    position: relative
}

.jump-2-Xh5Z {
    background-color: var(--background-tertiary);
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--header-secondary);
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    line-height: 16px;
    margin-left: 6px;
    padding: 4px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.quotedChatMessage-3HzRaD:hover .jump-2-Xh5Z {
    display: block
}

.jump-2-Xh5Z:hover {
    color: var(--interactive-hover)
}

.jump-2-Xh5Z:active {
    color: var(--interactive-active);
    -webkit-transform: translate3d(0,1px,0);
    transform: translate3d(0,1px,0)
}

.buttons-cl5qTG {
    opacity: 0;
    pointer-events: none
}

.message-2qnXI6.selected-2P5D_Z .buttons-cl5qTG,.mouse-mode .message-2qnXI6:hover .buttons-cl5qTG {
    opacity: 1;
    pointer-events: auto
}

.cozyMessage-3V1Y8y.groupStart-23k01U {
    min-height: 2.75rem
}

.systemMessage-1I9LCe.groupStart-23k01U {
    min-height: 1.375rem
}

.backgroundFlash-24qWLN {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.channelTextArea-3bF57p {
    margin-top: 8px
}

.divider-3_HH5L {
    margin-left: 1rem;
    margin-right: .875rem
}

.disableInteraction-286MMw:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.theme-dark .mentioned-xhSam7 .mention.interactive:hover,.theme-light .mentioned-xhSam7 .mention.interactive:hover {
    text-decoration: underline
}

.group-spacing-0 .groupStart-23k01U {
    margin-top: .0625rem
}

.group-spacing-0 .divider-3_HH5L {
    margin-top: 0;
    margin-bottom: -1px
}

.group-spacing-0 .divider-3_HH5L.hasContent-1_DUdQ {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.group-spacing-4 .groupStart-23k01U {
    margin-top: .3125rem
}

.group-spacing-4 .divider-3_HH5L {
    margin-top: -1px;
    margin-bottom: 0
}

.group-spacing-4 .divider-3_HH5L.beforeGroup-1rH1F0 {
    margin-bottom: -1px;
    margin-top: 0;
    top: .125rem
}

.group-spacing-4 .divider-3_HH5L.hasContent-1_DUdQ {
    margin-top: 1.5rem;
    margin-bottom: 1.25rem
}

.group-spacing-8 .groupStart-23k01U {
    margin-top: .5625rem
}

.group-spacing-8 .divider-3_HH5L {
    margin-top: 2px;
    margin-bottom: 2px
}

.group-spacing-8 .divider-3_HH5L.beforeGroup-1rH1F0 {
    margin-bottom: -1px;
    margin-top: 0;
    top: .25rem
}

.group-spacing-8 .divider-3_HH5L.hasContent-1_DUdQ {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

.group-spacing-16 .groupStart-23k01U {
    margin-top: 1.0625rem
}

.group-spacing-16 .divider-3_HH5L {
    margin-top: 4px;
    margin-bottom: 4px
}

.group-spacing-16 .divider-3_HH5L.beforeGroup-1rH1F0 {
    margin-bottom: -1px;
    margin-top: 0;
    top: .5rem
}

.group-spacing-16 .divider-3_HH5L.hasContent-1_DUdQ {
    margin-top: 1.5rem;
    margin-bottom: .5rem
}

.group-spacing-24 .groupStart-23k01U {
    margin-top: 1.5625rem
}

.group-spacing-24 .divider-3_HH5L {
    margin-top: 4px;
    margin-bottom: 4px
}

.group-spacing-24 .divider-3_HH5L.beforeGroup-1rH1F0 {
    margin-bottom: -1px;
    margin-top: 0;
    top: .75rem
}

.group-spacing-24 .divider-3_HH5L.hasContent-1_DUdQ {
    margin-top: 1.5rem;
    margin-bottom: 0
}

.backgroundFlash-24qWLN .groupStart-23k01U {
    margin-top: 0!important
}

.interactionSending-1jpOwZ {
    opacity: .5
}

.modal-3V9_NJ {
    width: 600px
}

.content-3NxBPP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px 0 24px
}

.formItem-1uQUh2 {
    margin-top: 16px;
    width: 100%
}

.modalHeader-1Iiw1t {
    text-align: center;
    margin-top: 32px
}

.messageFormItem-3WBJ0C {
    width: 100%
}

.message-7J476I {
    position: relative;
    border-radius: 4px;
    border: 1px solid var(--background-tertiary);
    background-color: var(--background-secondary);
    max-height: 200px
}

.successModal-3oCWTh {
    min-width: 600px
}

.successModalContent-3t8pDQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 32px;
    width: 600px
}

.successModalText-iyKCHJ {
    margin-top: 8px;
    margin-bottom: 30px
}

.footer-sQAWBJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 32px
}

.description-sydWb2 {
    margin-top: 8px
}

.descriptionError-3gGZHy {
    color: #ed4245
}

.headerGuildName-2Ur2UW {
    color: var(--header-primary)
}

.headerGuildBadge-1qhaRY {
    display: inline-block;
    margin: 0 4px 0 2px
}

.flowerStar-1qlGEL {
    display: block
}

.main-3auUui {
    background: var(--background-primary);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    width: 440px;
    position: relative
}

.close-2do-tr {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0;
    height: 24px
}

.guildIcon-1F8t_p {
    margin-top: 16px;
    margin-bottom: 16px
}

.header-QjU-Vz {
    color: var(--header-secondary);
    text-align: center
}

.guildDescription-GPbJqa {
    margin-top: 8px;
    text-align: center;
    padding: 0 8px
}

.choiceHeader-3g-iq5 {
    margin-top: 32px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.options-1VK2u9 {
    width: 100%;
    margin-top: 8px
}

.optionContainer-15srkc {
    margin-top: 8px;
    background: var(--background-secondary);
    border-radius: 8px;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.optionContainer-15srkc:hover {
    background: var(--background-secondary-alt);
    cursor: pointer
}

.optionTextContainer-1WT7xh {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 12px;
    margin-right: 16px
}

.optionArrow-2L2fza {
    color: var(--text-normal)
}

.channelIcon-g61PDh,.optionEmoji-4_u0Ds {
    width: 24px;
    height: 24px
}

.channelIcon-g61PDh {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--background-tertiary);
    color: var(--header-secondary);
    border-radius: 4px;
    padding: 4px
}

.channelDescription-1Vw6Lv {
    color: var(--interactive-active);
    font-weight: 600
}

.skip-1vOolA {
    margin-top: 8px
}

.skipColor-3dV-gy {
    color: var(--interactive-normal)
}

.skipColor-3dV-gy:hover {
    color: var(--interactive-hover)
}

.skipColor-3dV-gy:active {
    color: var(--interactive-active)
}

.content-2nLqo5 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 16px;
    background-color: var(--background-primary)
}

.logo-38EFJz {
    width: 48px;
    height: 54px;
    background-image: url(../../assets/62e0b0536883668ec230d9d945ba9532.html);
    -ms-flex-item-align: center;
    align-self: center
}

.title-3qCJ_n {
    font-weight: 700;
    margin-top: 20px;
    text-align: center
}

.description-2mNg7U {
    margin-top: 8px;
    margin-bottom: 24px;
    text-align: center
}

.formItem-B8CDn8 {
    margin-bottom: 16px
}

.footer-3_fPee {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.buttonWrapper--wdcJD {
    padding: 16px
}

.container-1EZLoU {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(../../assets/9718abfdabeb0a103626e1be4712fddc.html);
    background-size: cover
}

.title-iH-KoQ {
    font-weight: 700;
    color: #fff;
    z-index: 2
}

.subtitle-dIm9FZ {
    margin-bottom: 16px
}

.header-145ozL {
    position: relative;
    text-align: center;
    margin-top: 84px
}

.title-3LCw_L {
    font-weight: 700;
    margin-bottom: 8px
}

.inputForm-3sTSr- {
    margin: 8px 0
}

.formTitle-1jo6fC {
    color: var(--interactive-normal);
    margin-bottom: 8px
}

.formTitle-1jo6fC.error-_865Sw {
    color: #ed4245
}

.input-2PqKpj {
    background-color: var(--background-secondary);
    border-radius: 4px
}

.inputInner-1nuSZR {
    border: 1px solid var(--background-tertiary);
    border-radius: 4px
}

.connectCTA-1nCf5Y {
    margin-top: 8px
}

.sidebar-21LluO {
    width: 240px;
    height: 464px;
    position: relative;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(-.45%,#7796f7),color-stop(71.18%,#3461df));
    background: linear-gradient(0deg,#7796f7 -.45%,#3461df 71.18%)
}

.art-sLtdnk {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%
}

.step12Animation-wbM7wI {
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
    -webkit-transform: translateX(240px);
    transform: translateX(240px)
}

.step12Animation-wbM7wI.show-3s78Xb {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.step24Animation-apkz_k {
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
}

.step24Animation-apkz_k.show-3s78Xb {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.step1-12sD_A {
    background-image: url(../../assets/60a3a8ff696293553bcc514b0eae02b7.html);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
    -webkit-transform: translateX(-240px);
    transform: translateX(-240px)
}

.step1-12sD_A.show-3s78Xb {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.step24Clouds-2WGevh {
    background-image: url(../../assets/c99189652b9c6e1c3a8750e48816981c.html)
}

.step24Base-1Uy1JF,.step24Clouds-2WGevh {
}

.step24Base-1Uy1JF {
    background-image: url(../../assets/09677c8782eee6e77a0beed92373b3b8.html)
}

.step24Ground-3yi8li {
    background-image: url(../../assets/8d905c6991c69d921964637789833c06.html)
}

.step2Character-1IAVuz {
    background-image: url(../../assets/8d3a560ac3db3d39bbad373c7bca3bce.html)
}

.step2Character-1IAVuz.show-3s78Xb {
    -webkit-transition: opacity .25s ease-in-out .25s,-webkit-transform .25s ease-in-out .25s;
    transition: opacity .25s ease-in-out .25s,-webkit-transform .25s ease-in-out .25s;
    transition: opacity .25s ease-in-out .25s,transform .25s ease-in-out .25s;
    transition: opacity .25s ease-in-out .25s,transform .25s ease-in-out .25s,-webkit-transform .25s ease-in-out .25s
}

.step2Base-2s6Yjz {
    background-image: url(../../assets/9ea5cf9d87c1783c5b453cc6d1bb2fa0.html)
}

.step34Base-1Qli3t {
    background-image: url(../../assets/ff93d976e8cbf9241334446bd163a788.html)
}

.step34Base-1Qli3t,.step34Flag-1XjCQk {
}

.step34Flag-1XjCQk {
    background-image: url(../../assets/ffc057c7b1ebccbbb90db93e660b237a.html)
}

.step3Character-2PT1Yr {
    background-image: url(../../assets/f3f449ab49bd87329b57dbafb83fac08.html)
}

.step3Character-2PT1Yr,.step4Character-1Zi7V2 {
}

.step4Character-1Zi7V2 {
    background-image: url(../../assets/11afb72833828711da7c651b9d8a0e47.html)
}

.step24Foreground-2kT3Vo {
    background-image: url(../../assets/56c955558fa2fb381dd232bf5ec83fb5.html)
}

.modal-1cHBt6 {
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    width: 680px
}

.modal-1cHBt6.completed-MZjhOF {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(6.65%,#4e1bf5),color-stop(69.44%,#5e4eee),color-stop(106.24%,#6668eb));
    background: linear-gradient(180deg,#4e1bf5 6.65%,#5e4eee 69.44%,#6668eb 106.24%);
    height: 464px;
    -webkit-animation: completed-MZjhOF .3s ease-in;
    animation: completed-MZjhOF .3s ease-in
}

@-webkit-keyframes completed-MZjhOF {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes completed-MZjhOF {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.completedTitle-2PltT9 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px
}

.sidebar-ZRpudO {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px 0 0 5px;
    background-color: #fff;
    overflow: hidden
}

.content-1KT39n {
    padding: 0;
    height: 464px;
    border-radius: 0;
    background-color: var(--background-primary)
}

.closeButton-3XUE6o {
    position: absolute;
    top: 12px;
    right: 8px
}

.container-3Badw2 {
    height: 464px;
    width: 440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.container-3Badw2.shortFooter-2bmC2G {
    height: 414px
}

.container-3Badw2.standardFooter-3oKKSX {
    height: 394px
}

.templates-3g2YRV {
    padding: 16px;
    margin-top: 8px;
    height: auto
}

.footer-Sv35jj {
    position: absolute;
    width: 408px;
    bottom: 0;
    -webkit-animation: footer-Sv35jj .3s ease-in-out;
    animation: footer-Sv35jj .3s ease-in-out
}

.footer-Sv35jj.join-3TAPZ- {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.customizeGuildTitle-YVzgel {
    margin-top: 48px
}

@-webkit-keyframes footer-Sv35jj {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes footer-Sv35jj {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.joinCTA-1s7TZx {
    color: #00b0f4;
    font-weight: 500
}

.tile-2naSqK {
    position: relative;
    background-color: #202225;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.tile-2naSqK.noBorder-PlNIZT {
    border-radius: 0
}

@-webkit-keyframes outgoing-call-pulse-E6kWPF {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    11.56% {
        opacity: 1
    }

    39.02% {
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    39.03% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    39.04% {
        opacity: 1
    }

    66.48% {
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

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

@keyframes outgoing-call-pulse-E6kWPF {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    11.56% {
        opacity: 1
    }

    39.02% {
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    39.03% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    39.04% {
        opacity: 1
    }

    66.48% {
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

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

@-webkit-keyframes incoming-call-pulse-1fX7DI {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    0.7% {
        opacity: 1
    }

    25.54% {
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    25.55% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    25.56% {
        opacity: 1
    }

    49.98% {
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    49.99% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        opacity: 1
    }

    74.69% {
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    74.70% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    74.71% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }
}

@keyframes incoming-call-pulse-1fX7DI {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    0.7% {
        opacity: 1
    }

    25.54% {
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    25.55% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    25.56% {
        opacity: 1
    }

    49.98% {
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    49.99% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        opacity: 1
    }

    74.69% {
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    74.70% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    74.71% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }
}

.clickable-1rK_Yk {
    cursor: pointer
}

.wrapper-2QE8vf {
    position: relative
}

.wrapper-2QE8vf.ringingOutgoing-mbXhhQ:after {
    -webkit-animation: outgoing-call-pulse-E6kWPF 2.5s ease-out infinite;
    animation: outgoing-call-pulse-E6kWPF 2.5s ease-out infinite
}

.wrapper-2QE8vf.ringingIncoming-38YcLn:after,.wrapper-2QE8vf.ringingOutgoing-mbXhhQ:after {
    content: "";
    position: absolute;
    pointer-events: none;
    left: -3px;
    top: -3px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: transparent;
    border: 3px solid var(--interactive-active);
    -webkit-transform-origin: center;
    transform-origin: center
}

.wrapper-2QE8vf.ringingIncoming-38YcLn:after {
    -webkit-animation: incoming-call-pulse-1fX7DI 5.407s ease-out infinite;
    animation: incoming-call-pulse-1fX7DI 5.407s ease-out infinite
}

.status-1WEaea {
    background-clip: padding-box;
    border-radius: 50%;
    padding: 4px;
    color: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #ed4245
}

.voiceAvatar-14IynY {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: inherit
}

.voiceAvatar-14IynY.ringingOutgoing-mbXhhQ {
    opacity: .3
}

.border-Jn5IOt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%
}

.border-Jn5IOt.speaking-B2MXPi {
    -webkit-box-shadow: inset 0 0 0 2px #3ba55c,inset 0 0 0 3px var(--background-floating);
    box-shadow: inset 0 0 0 2px #3ba55c,inset 0 0 0 3px var(--background-floating)
}

.app-focused .border-Jn5IOt {
    -webkit-transition: -webkit-box-shadow .1s ease-out;
    transition: -webkit-box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out,-webkit-box-shadow .1s ease-out
}

.overlay-39bWkM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%
}

.overlayIcon-1kEQWX {
    width: 32px;
    height: 32px;
    color: #fff
}

.callAvatarMask-1SLlRi {
    position: relative
}

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

.root-3yg4nC .sprite-3_OKOZ {
    position: relative;
    -webkit-animation: none;
    animation: none
}

.participant-1lOCsd {
    margin: 0 8px
}

.transition-J10on7 {
    position: relative
}

.spriteWrapper-3DD_XY {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.base-18fc34 {
    display: block;
    position: absolute;
    background-position: 0
}

.sparkle-1TdrlZ {
    width: 43px;
    height: 43px;
    background-size: 774px 43px;
    background-position: -731px;
    -webkit-animation: sparkle-1TdrlZ 1.5s steps(17,start) infinite forwards;
    animation: sparkle-1TdrlZ 1.5s steps(17,start) infinite forwards
}

.pop-B2HebP {
    width: 24px;
    height: 24px;
    background-size: 840px 24px;
    background-position: -816px;
    -webkit-animation: pop-B2HebP 2.91666666667s steps(34,start) infinite forwards;
    animation: pop-B2HebP 2.91666666667s steps(34,start) infinite forwards
}

.light-1RsqT- {
    width: 20px;
    height: 20px;
    background-size: 620px 20px;
    -webkit-animation: light-1RsqT- 2.58333333333s steps(30,start) infinite forwards;
    animation: light-1RsqT- 2.58333333333s steps(30,start) infinite forwards
}

.cross-AT1Amb,.light-1RsqT- {
    background-position: -600px
}

.cross-AT1Amb {
    width: 25px;
    height: 25px;
    background-size: 625px 25px;
    -webkit-animation: cross-AT1Amb 2.083325s steps(23,start) infinite forwards;
    animation: cross-AT1Amb 2.083325s steps(23,start) infinite forwards
}

.sparkleBlurple-awNnsZ,.sparkleGrey-1Q5g70,.sparkleWhite-2J-Q68 {
}

.sparkleWhite-2J-Q68 {
    background-image: url(../../assets/c7539bb38577495f5021c8ea455c7145.html)
}

.sparkleGrey-1Q5g70 {
    background-image: url(../../assets/22a50c5f66884ef5762f0a0b96d1ef08.html)
}

.sparkleBlurple-awNnsZ {
    background-image: url(../../assets/a66f45abf930caa0b221315ebbc031de.png)
}

.popBlurple-27zBE3,.popGrey-2lKfmi,.popWhite-1RZZKg {
}

.popWhite-1RZZKg {
    background-image: url(../../assets/237a2f9325a83d230fb30b2cd63bbfe6.html)
}

.popGrey-2lKfmi {
    background-image: url(../../assets/0e773bb475b552235a800e6424e43e6b.html)
}

.popBlurple-27zBE3 {
    background-image: url(../../assets/cf13db31abf9a13e54f5f43599eef59a.html)
}

.lightBlurple-1mZKpk,.lightGrey-WcSfs7,.lightWhite-2kX5Oc {
}

.lightWhite-2kX5Oc {
    background-image: url(../../assets/1c20f6ecd2d83c1844a3fd6da306d239.html)
}

.lightGrey-WcSfs7 {
    background-image: url(../../assets/64aaf58241b1f4a6c9655564d0f0b028.html)
}

.lightBlurple-1mZKpk {
    background-image: url(../../assets/07c7a85ef9cb930a3797629fc9a537cd.html)
}

.crossBlurple--iGG5Y,.crossGrey-3CNWiK,.crossWhite-2FnCYL {
}

.crossWhite-2FnCYL {
    background-image: url(../../assets/c13a0b03a798023c27155fad5f0c7a61.html)
}

.crossGrey-3CNWiK {
    background-image: url(../../assets/eb0e7f0b11970eca575cbdc7718e8482.html)
}

.crossBlurple--iGG5Y {
    background-image: url(../../assets/18d708afcc8653f148927a308b203be2.html)
}

@-webkit-keyframes sparkle-1TdrlZ {
    0% {
        background-position: 0
    }

    40% {
        background-position: -731px
    }

    to {
        background-position: -731px
    }
}

@keyframes sparkle-1TdrlZ {
    0% {
        background-position: 0
    }

    40% {
        background-position: -731px
    }

    to {
        background-position: -731px
    }
}

@-webkit-keyframes pop-B2HebP {
    0% {
        background-position: 0
    }

    40% {
        background-position: -816px
    }

    to {
        background-position: -816px
    }
}

@keyframes pop-B2HebP {
    0% {
        background-position: 0
    }

    40% {
        background-position: -816px
    }

    to {
        background-position: -816px
    }
}

@-webkit-keyframes light-1RsqT- {
    0% {
        background-position: 0
    }

    40% {
        background-position: -600px
    }

    to {
        background-position: -600px
    }
}

@keyframes light-1RsqT- {
    0% {
        background-position: 0
    }

    40% {
        background-position: -600px
    }

    to {
        background-position: -600px
    }
}

@-webkit-keyframes cross-AT1Amb {
    0% {
        background-position: 0
    }

    40% {
        background-position: -600px
    }

    to {
        background-position: -600px
    }
}

@keyframes cross-AT1Amb {
    0% {
        background-position: 0
    }

    40% {
        background-position: -600px
    }

    to {
        background-position: -600px
    }
}

.controlIcon-35oS15 {
    width: 24px;
    height: 24px;
    color: #b9bbbe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.controlIcon-35oS15.active-1QRrIS,.controlIcon-35oS15:hover {
    color: #fff
}

.controlIcon-35oS15.themeable-3cPzCs {
    color: var(--interactive-normal)
}

.controlIcon-35oS15.themeable-3cPzCs.active-1QRrIS,.controlIcon-35oS15.themeable-3cPzCs:hover {
    color: var(--interactive-active)
}

.colorable-1bkp8v.red-33-Lnk {
    background: #ed4245
}

.colorable-1bkp8v.red-33-Lnk,.colorable-1bkp8v.red-33-Lnk .centerIcon-2G6o-T {
    color: #fff
}

.colorable-1bkp8v.red-33-Lnk.active-1QRrIS,.colorable-1bkp8v.red-33-Lnk:hover {
    background: #ed4245
}

.colorable-1bkp8v.primaryDark-3mSFDl {
    background: #2f3136
}

.colorable-1bkp8v.primaryDark-3mSFDl,.colorable-1bkp8v.primaryDark-3mSFDl .centerIcon-2G6o-T {
    color: #fff
}

.colorable-1bkp8v.primaryDark-3mSFDl.active-1QRrIS,.colorable-1bkp8v.primaryDark-3mSFDl:hover {
    background: #202225
}

.colorable-1bkp8v.primaryLight-1_NQ7Q {
    background: #f2f3f5
}

.colorable-1bkp8v.primaryLight-1_NQ7Q,.colorable-1bkp8v.primaryLight-1_NQ7Q .centerIcon-2G6o-T {
    color: #060607
}

.colorable-1bkp8v.primaryLight-1_NQ7Q.active-1QRrIS,.colorable-1bkp8v.primaryLight-1_NQ7Q:hover {
    background: #e3e5e8
}

.colorable-1bkp8v.activeLight-Z2aUHx {
    background: #747f8d
}

.colorable-1bkp8v.activeLight-Z2aUHx,.colorable-1bkp8v.activeLight-Z2aUHx .centerIcon-2G6o-T {
    color: #fff
}

.colorable-1bkp8v.activeLight-Z2aUHx.active-1QRrIS,.colorable-1bkp8v.activeLight-Z2aUHx:hover {
    background: #4f5660
}

.colorable-1bkp8v.white-3GPOIp {
    background: #fff
}

.colorable-1bkp8v.white-3GPOIp,.colorable-1bkp8v.white-3GPOIp .centerIcon-2G6o-T {
    color: #060607
}

.colorable-1bkp8v.white-3GPOIp.active-1QRrIS,.colorable-1bkp8v.white-3GPOIp:hover {
    background: #f2f3f5
}

.colorable-1bkp8v.green-plH-Mj {
    background: #3ba55c
}

.colorable-1bkp8v.green-plH-Mj,.colorable-1bkp8v.green-plH-Mj .centerIcon-2G6o-T {
    color: #fff
}

.colorable-1bkp8v.green-plH-Mj.active-1QRrIS,.colorable-1bkp8v.green-plH-Mj:hover {
    background: #3ba55c
}

.centerButton-3CaNcJ {
    border-radius: 50%;
    padding: 16px;
    -webkit-transition: background .15s ease-in-out,color .15s ease-in-out;
    transition: background .15s ease-in-out,color .15s ease-in-out
}

.centerButton-3CaNcJ .centerIcon-2G6o-T {
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

@media (max-width: 456px) {
    .centerButton-3CaNcJ {
        padding:8px
    }

    .contextMenuContainer-2HlOMK {
        display: none
    }
}

@media (min-width: 457px) {
    .unmasked-35qKj5 {
        display:none
    }
}

.lineHeightReset-3dQm1W {
    line-height: 0
}

.contextMenuContainer-2HlOMK {
    position: relative
}

.staticButton-1B0rfQ {
    position: static
}

.contextMenuNub-3yOOYo {
    background-clip: padding-box;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px;
    width: 16px;
    height: 16px;
    background-color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background .15s ease-in-out,color .15s ease-in-out;
    transition: background .15s ease-in-out,color .15s ease-in-out
}

.contextMenuCaret-3tjo32 {
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-transition: none;
    transition: none
}

.contextMenuCaret-3tjo32.open-1aCwl_ {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.participantsButton-KYW-IW {
    border-radius: 48px;
    background: #2f3136;
    padding: 4px
}

.participantsButton-KYW-IW:hover {
    background: #202225
}

.rightCaret-aB8RWK {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.leftCaret-18vKap {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.members-3RE5jX {
    margin-right: 4px
}

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

.iconContainer-3DcDKa>svg {
    color: #fff
}

.outer-s4sY2_ {
    position: relative
}

.inner-2O5YO7 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.wrapper-1wyZBN {
    position: relative;
    overflow: hidden;
    background-color: #000
}

.video-1kutKI,.wrapper-1wyZBN {
    width: 100%;
    height: 100%
}

.video-1kutKI {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.videoCover-LdeT1c {
    -o-object-fit: cover;
    object-fit: cover
}

.videoContain-2ih_gc {
    -o-object-fit: contain;
    object-fit: contain
}

.mirror-1Z13AJ {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.previewWrapper-39cUHY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.previewWrapper-39cUHY.loading-35BNuU {
    opacity: 1
}

.previewImage-1yEFD0 {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.emptyPreviewWrapper-14RNSK {
    margin: auto;
    width: 100%
}

.emptyPreview-2kuSNe {
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg,#1e1f22,#292b2f);
    opacity: .6
}

.spinner-2UBgbJ {
    position: absolute;
    width: 100%;
    height: 100%
}

.container-1Uz9wr {
    position: relative
}

.container-1Uz9wr,.iframe-EFVR4F {
    width: 100%;
    height: 100%
}

.clickShield-3vjrWO,.splashImage-E7s7bn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.splashImage-E7s7bn {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.splash-25tRrM {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.avatars-1oXtqj,.splash-25tRrM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.avatars-1oXtqj {
    margin-bottom: 16px
}

.avatars-1oXtqj.compact-1mV4qT {
    margin-bottom: 8px
}

.avatar-1r2LXI {
    margin-left: -20px
}

.avatar-1r2LXI.compact-1mV4qT {
    margin-left: -8px
}

.avatar-1r2LXI:first-child {
    margin-left: 0
}

.subheader-39JmuR {
    margin-bottom: 4px;
    color: #b9bbbe
}

.header-NBw-bG {
    margin-bottom: 16px;
    font-weight: 700;
    color: #fff
}

.header-NBw-bG.compact-1mV4qT {
    margin-bottom: 8px
}

.buttons-2XvbOc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.button-EVMg5r {
    margin: 0 4px
}

.overflow-1fucsB {
    background-color: var(--background-primary);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700
}

.avatarMask-CQKE6y {
    -webkit-mask-image: url(../../assets/2ad33adc723eef7837aa4432d8b8e1be.html);
    mask-image: url(../../assets/2ad33adc723eef7837aa4432d8b8e1be.html);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.root-1i3NKH {
    position: relative
}

.image-1npAv8 {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.emptyPreviewContainer-1KOcxV {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.emptyPreviewImage-IBznSI {
    width: 80%;
    height: 60%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-bottom: 10px
}

.emptyPreviewText-2IOfAL {
    color: var(--header-secondary)
}

.theme-light .emptyPreviewImage-IBznSI {
    background-image: url(../../assets/90886907ea157e9e6a20ecac688b31ae.html)
}

.theme-dark .emptyPreviewImage-IBznSI {
    background-image: url(../../assets/b93ef52d62a513a4f2127a6ca0c3208c.html)
}

.qualityIndicator-mk1mca {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.clickable-2Q9Vaa {
    cursor: pointer
}

.qualityIndicatorFullQuality-39Z_0H {
    color: #fff
}

.qualityIndicatorLowQuality-3VS_Sh {
    color: #b9bbbe
}

.premiumStreamIcon-2oV917 {
    color: #fff;
    height: 14px;
    width: 14px;
    margin-right: 4px
}

.qualityResolution-2-unm0 {
    margin-right: 4px
}

.streamQualityIndicator-2Te7mW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.liveIndicator-3FNmiB {
    position: relative;
    overflow: hidden
}

.liveQualityIndicator-3XCjEU {
    margin-right: 2px
}

.art-3wzoO6 {
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 16px
}

.art-3wzoO6.small-3EVRHD {
    display: none
}

.art-3wzoO6.medium-2B7Zy5 {
    height: 88px
}

.art-3wzoO6.large-1x1Mum {
    height: 134px
}

.header-2Zv56X {
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 4px
}

.description-22pzKs {
    color: #dcddde;
    text-align: center;
    font-weight: 500
}

.description-22pzKs p {
    margin: 0
}

.outerButton-1CWJC- {
    margin-top: 16px
}

.button-3HqqDX {
    background-color: #4f545c;
    color: #fff;
    border-radius: 100px;
    padding: 12px 18px;
    font-weight: 600;
    font-size: 16px
}

.button-3HqqDX:hover {
    background-color: #36393f
}

.root-2sELX6 {
    background-color: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cta-3gK0Pu {
    background-color: #4f545c;
    color: #fff;
    border-radius: 100px;
    padding: 10px 16px;
    font-weight: 600;
    z-index: 1
}

.cta-3gK0Pu:hover {
    background-color: #36393f
}

.buttonReset-HK81Ef {
    line-height: 0
}

.root-35ow7p {
    line-height: 0
}

.warningIcon-3rQ5yJ {
    width: 20px;
    height: 20px;
    color: #faa61a
}

@-webkit-keyframes outgoing-call-pulse-3okVYE {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    11.56% {
        opacity: 1
    }

    39.02% {
        opacity: 0;
        -webkit-transform: scale3d(1.025,1.025,1);
        transform: scale3d(1.025,1.025,1)
    }

    39.03% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    39.04% {
        opacity: 1
    }

    66.48% {
        opacity: 0;
        -webkit-transform: scale3d(1.025,1.025,1);
        transform: scale3d(1.025,1.025,1)
    }

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

@keyframes outgoing-call-pulse-3okVYE {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    11.56% {
        opacity: 1
    }

    39.02% {
        opacity: 0;
        -webkit-transform: scale3d(1.025,1.025,1);
        transform: scale3d(1.025,1.025,1)
    }

    39.03% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    39.04% {
        opacity: 1
    }

    66.48% {
        opacity: 0;
        -webkit-transform: scale3d(1.025,1.025,1);
        transform: scale3d(1.025,1.025,1)
    }

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

.wrapper-3BZGuR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.wrapper-3BZGuR.ringing-1VKjFq {
    opacity: .3
}

.wrapper-3BZGuR.ringing-1VKjFq:after {
    content: "";
    pointer-events: none;
    position: absolute;
    left: -3px;
    top: -3px;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: transparent;
    border: 3px solid var(--interactive-active);
    -webkit-animation: outgoing-call-pulse-3okVYE 2.5s ease-out infinite;
    animation: outgoing-call-pulse-3okVYE 2.5s ease-out infinite;
    -webkit-transform-origin: center;
    transform-origin: center
}

.ripple-3OwEZ- {
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-animation: outgoing-call-pulse-3okVYE 2.429s ease-out infinite;
    animation: outgoing-call-pulse-3okVYE 2.429s ease-out infinite;
    background-color: var(--interactive-active)
}

.ripple0-1oHfER {
    -webkit-animation-delay: 20ms;
    animation-delay: 20ms
}

.ripple1-1tjFOe {
    -webkit-animation-delay: 145ms;
    animation-delay: 145ms
}

.ripple2-jei8DL {
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}

.tile-2gi3tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    position: relative;
    cursor: pointer
}

.tile-2gi3tr.idle-U-LIlZ,.tile-2gi3tr.noInteraction-2pbsEq {
    cursor: inherit
}

.tileChild-31WXi8 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.border-3dQmSY {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    pointer-events: none
}

.border-3dQmSY.speaking-WDn8Wm {
    -webkit-box-shadow: inset 0 0 0 2px #3ba55c,inset 0 0 0 3px #000;
    box-shadow: inset 0 0 0 2px #3ba55c,inset 0 0 0 3px #000
}

.app-focused .border-3dQmSY {
    -webkit-transition: -webkit-box-shadow .1s ease-out;
    transition: -webkit-box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out,-webkit-box-shadow .1s ease-out
}

.noBorder-i2e48Y video {
    border-radius: 0
}

.noBorder-i2e48Y .border-3dQmSY {
    display: none;
    border-radius: 0
}

.videoLayer-3hTtOT video {
    -discord-video-composition: video-layer
}

.overlay-1YJlCn {
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    padding: 0 8px;
    pointer-events: none;
    line-height: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.overlay-1YJlCn,.overlayTitle-8IcS01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.overlayTitle-8IcS01 {
    border-radius: 8px;
    background: rgba(0,0,0,.3);
    color: #fff;
    padding: 6px 12px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 8px;
    -ms-flex-align: center;
    min-width: 0
}

.overlayTitle-8IcS01.idle-U-LIlZ {
    opacity: 0
}

.overlayTitleText-2mmQzi {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.titleIcon-2eloVh {
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 8px
}

.statusContainer-1gtabC {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.status-254fhp {
    width: 20px;
    height: 20px;
    padding: 6px;
    color: #fff;
    border-radius: 50%;
    margin-left: 8px;
    background-color: rgba(0,0,0,.3)
}

.status-254fhp.interactive-3JkJV4 {
    pointer-events: all
}

.status-254fhp.interactive-3JkJV4:hover {
    background-color: rgba(0,0,0,.6)
}

.content-2Sfaij {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.streamPreview-3YL8OQ {
    background: #202225
}

.streamPreviewOpacity-1IYx2z {
    opacity: .3
}

.indicators-3zIm5K {
    top: 8px;
    right: 8px
}

.indicators-3zIm5K,.selectedScreen-3aLLjg {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.selectedScreen-3aLLjg {
    background: rgba(0,0,0,.6);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.toggleMute-1HX2aa {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.hidden-3rERt0 {
    opacity: 0
}

.selectedIcon-1Ihli9 {
    width: 32px;
    height: 32px;
    color: #fff
}

.localMuteStrikethrough-2BNLRk {
    color: #ed4245
}

.liveIndicator-3aBbkJ {
    margin-left: 8px
}

.addStreamIcon-3NjJEC {
    width: 24px;
    height: 24px
}

.addCTA-372N3j {
    padding: 8px;
    margin-left: 8px
}

.absoluteFill-145S64 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.videoWrapper-2v09vt {
    background-color: #202225
}

.blocked-1Hjnsy {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #fff;
    margin-right: 4px
}

.blockedIcon-1l6uje {
    width: 12px;
    height: 12px;
    margin: 2px
}

.blockedAvatar-eQvJSd {
    opacity: .5
}

@-webkit-keyframes pulse-3zYHMZ {
    0% {
        border-color: hsla(0,0%,100%,0)
    }

    25% {
        border-color: hsla(0,0%,100%,.16)
    }

    50%,to {
        border-color: hsla(0,0%,100%,0)
    }
}

@keyframes pulse-3zYHMZ {
    0% {
        border-color: hsla(0,0%,100%,0)
    }

    25% {
        border-color: hsla(0,0%,100%,.16)
    }

    50%,to {
        border-color: hsla(0,0%,100%,0)
    }
}

@-webkit-keyframes darkerPulse-3isOlW {
    0% {
        border-color: hsla(0,0%,100%,0)
    }

    25% {
        border-color: hsla(0,0%,100%,.32)
    }

    50%,to {
        border-color: hsla(0,0%,100%,0)
    }
}

@keyframes darkerPulse-3isOlW {
    0% {
        border-color: hsla(0,0%,100%,0)
    }

    25% {
        border-color: hsla(0,0%,100%,.32)
    }

    50%,to {
        border-color: hsla(0,0%,100%,0)
    }
}

.innerContainer-1llEA- {
    -webkit-animation: darkerPulse-3isOlW 2s linear infinite;
    animation: darkerPulse-3isOlW 2s linear infinite;
    -webkit-animation-timing-function: cubic-bezier(.4,0,1,1);
    animation-timing-function: cubic-bezier(.4,0,1,1)
}

.innerContainer-1llEA-,.outerContainer-3FfmPk {
    border: 20px solid hsla(0,0%,100%,0);
    border-radius: 50%
}

.outerContainer-3FfmPk {
    -webkit-animation: pulse-3zYHMZ 2s linear infinite;
    animation: pulse-3zYHMZ 2s linear infinite;
    -webkit-animation-timing-function: cubic-bezier(.4,0,1,1);
    animation-timing-function: cubic-bezier(.4,0,1,1);
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.background-ujHpbY {
    width: 100%;
    height: 100%
}

.avatarWrapper-29j3CC {
    border-radius: 50%
}

.pictureInPicture-3VocJq {
    position: absolute;
    top: 0;
    left: 0
}

.pictureInPictureWindow-1B5qSe {
    position: absolute;
    z-index: 1000;
    overflow: hidden
}

.hidden-SXIIWx {
    display: none
}

.container-1PWn_0 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.tileContainer-9h8iFI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tile-1Qr-N3 {
    width: 160px;
    height: 90px;
    margin-right: 8px
}

.tile-1Qr-N3:last-child {
    margin-right: 0
}

.row-22hXsA {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-22hXsA,.tile-kezkfV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tile-kezkfV {
    margin-right: 8px;
    margin-bottom: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tile-kezkfV.noVerticalMargin-1582Xa {
    margin-bottom: 0
}

.tile-kezkfV.noHorizontalMargin-3pr3HN {
    margin-right: 0
}

.tile-kezkfV.padColumn-18-JWZ {
    padding: 0 2px
}

.tileSizer-IwF9xU {
    width: 100%
}

.root-2VTZPJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    color: #fff;
    padding: 16px
}

.text-3FqTR4 {
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center
}

.buttonText-plGAfz {
    padding: 0 8px
}

.art-2kj97y {
    margin-bottom: 16px
}

.tile-ME82Od {
    height: 100%
}

.tile-2GMyYQ {
    height: 100%
}

.tileSizer-3VCNFs {
    width: 220px;
    margin-bottom: 8px
}

.root-1EVRXA {
    width: 228px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-2MscRb {
    height: auto
}

.voiceCallWrapper-3kPwHm {
    padding-bottom: 24px
}

.videoGridWrapper-2BDlMX {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.root-2CDANf {
    width: 100%;
    height: 100%;
    position: relative
}

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

.videoFrame-3JeHRb {
    -ms-flex: 1;
    flex: 1
}

.videoFrame-3JeHRb,.videoWrapper-3VC0Ax {
    -webkit-box-flex: 1;
    position: relative
}

.videoWrapper-3VC0Ax {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 auto
}

.videoWrapperAnimated-3SL9U6 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.videoGrid-1khsrF {
    height: 100%
}

.hiddenParticipants-1JaHxS p {
    margin: 0
}

.videoSizer-14ILv0 {
    width: 100%;
    position: relative
}

.focusedVideo-AeFhkm {
    height: 100%
}

.participantsButton-2BYCUL {
    z-index: 1;
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.participantsButton-2BYCUL.idle-l3QaKF {
    opacity: 0
}

.participantsWrapperAnimated-3yISdv {
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: -228px;
    top: 0
}

.content-1T5kuS {
    text-align: center;
    padding: 24px 16px 16px
}

.header-3MQhZN {
    margin-top: 16px;
    margin-bottom: 8px
}

.footer-1bV9Ez {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.videoHeight-Qp_9vC {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.videoHeight-Qp_9vC.animated-UtE465 {
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.videoHeight-Qp_9vC.normal-1jW0uq {
    height: 50vh
}

.videoHeight-Qp_9vC.minimum-1pRSEN {
    height: 275px
}

.videoHeight-Qp_9vC.noChat-3nt48u {
    height: 100vh
}

.videoHeight-Qp_9vC.fullScreen-lH2Q2c {
    -webkit-transition: none;
    transition: none;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100
}

.platform-win .videoHeight-Qp_9vC.normal-1jW0uq {
    height: calc(50vh - 22px)
}

.platform-win .videoHeight-Qp_9vC.noChat-3nt48u {
    height: calc(100vh - 22px)
}

.video-1FfuMD {
    width: 100%;
    height: 100%;
    min-height: 275px;
    overflow: hidden;
    background-size: 100%;
    background-position: 50%;
    position: relative;
    cursor: default;
    background-color: #18191c
}

.video-1FfuMD.idle-1sRXLT {
    cursor: none
}

.video-1FfuMD.fullScreen-lH2Q2c .videoCenter-1nmPrS,.video-1FfuMD.noChat-3nt48u .videoCenter-1nmPrS,.video-1FfuMD.normal-1jW0uq .videoCenter-1nmPrS {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.video-1FfuMD.fullScreen-lH2Q2c .videoBottom-2_HYXG,.video-1FfuMD.noChat-3nt48u .videoBottom-2_HYXG,.video-1FfuMD.normal-1jW0uq .videoBottom-2_HYXG {
    -webkit-transform: translate3d(0,8px,0);
    transform: translate3d(0,8px,0);
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.video-1FfuMD.fullScreen-lH2Q2c:not(.idle-1sRXLT) .videoWrapper-2wbLD-.focused-2WuveL .videoBottom-2_HYXG,.video-1FfuMD.fullScreen-lH2Q2c:not(.idle-1sRXLT) .videoWrapper-2wbLD-:hover .videoBottom-2_HYXG,.video-1FfuMD.noChat-3nt48u:not(.idle-1sRXLT) .videoWrapper-2wbLD-.focused-2WuveL .videoBottom-2_HYXG,.video-1FfuMD.noChat-3nt48u:not(.idle-1sRXLT) .videoWrapper-2wbLD-:hover .videoBottom-2_HYXG,.video-1FfuMD.normal-1jW0uq:not(.idle-1sRXLT) .videoWrapper-2wbLD-.focused-2WuveL .videoBottom-2_HYXG,.video-1FfuMD.normal-1jW0uq:not(.idle-1sRXLT) .videoWrapper-2wbLD-:hover .videoBottom-2_HYXG {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.videoWrapper-2wbLD- {
    position: relative;
    border-radius: 3px
}

.videoInner-3OR9J2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    pointer-events: none
}

.videoBottom-2_HYXG,.videoCenter-1nmPrS,.videoTop-eOkSPq {
    pointer-events: all
}

.videoBackground-3AY_fu,.videoBackgroundTransition-3wpOSl {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.videoBackgroundTransition-3wpOSl {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.theme-light .video-1FfuMD.minimum-1pRSEN {
    background-color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 #e3e5e8;
    box-shadow: inset 0 -1px 0 #e3e5e8
}

.theme-light .video-1FfuMD.noChat-3nt48u .videoBackgroundTransition-3wpOSl {
    -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-1FfuMD.noChat-3nt48u .videoTop-eOkSPq,.theme-light .video-1FfuMD.normal-1jW0uq .videoTop-eOkSPq {
    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))
}

.theme-dark .video-1FfuMD.noChat-3nt48u .videoBackgroundTransition-3wpOSl {
    -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-1FfuMD.noChat-3nt48u .videoTop-eOkSPq,.theme-dark .video-1FfuMD.normal-1jW0uq .videoTop-eOkSPq {
    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))
}

.pictureInPictureVideo-2iKsGg {
    width: 320px;
    height: 180px;
    background: #18191c;
    color: #fff;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.videoControls-38i4kP {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none;
    padding: 8px;
    background: -webkit-gradient(linear,left top,left bottom,from(#000),color-stop(30%,transparent),color-stop(60%,transparent),to(#000));
    background: linear-gradient(#000,transparent 30%,transparent 60%,#000)
}

.bottomControls-2f_UqT,.topControls-1PHLxx {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: all;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.bottomControls-2f_UqT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.idle-70Gg3H .videoControls-38i4kP {
    opacity: 0
}

.idle-70Gg3H .topControls-1PHLxx {
    -webkit-transform: translate3d(0,-8px,0);
    transform: translate3d(0,-8px,0)
}

.idle-70Gg3H .bottomControls-2f_UqT {
    -webkit-transform: translate3d(0,8px,0);
    transform: translate3d(0,8px,0)
}

.backButton-3c6fw4 {
    margin-right: 2px;
    color: #b9bbbe;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.headerBar-2wGwms {
    padding: 4px 0 0;
    height: auto
}

.topControls-1PHLxx .headerBar-2wGwms {
    -webkit-app-region: no-drag
}

.headerIdleContainer-16C5Xe {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.headerIdleContainer-16C5Xe,.headerTitle-1Y0ywV {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerTitle-1Y0ywV {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #fff;
    border-bottom: 1px solid transparent;
    margin: 0;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    line-height: 20px
}

.headerTitle-1Y0ywV:hover {
    border-bottom: 1px solid #fff;
    cursor: pointer
}

.headerTitle-1Y0ywV:hover .backButton-3c6fw4 {
    color: #fff
}

.headerText-3RxpQn {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.menuIcon-1dbDwf {
    cursor: pointer
}

.keyboard-mode .videoControls-38i4kP {
    opacity: 1
}

.popIn-2stfyU {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.fauxDisabled-3vmIPo {
    opacity: .5
}

.arrowIcon-3okTyA {
    height: 24px;
    width: 24px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.arrowIconExpanded-1atW4- {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.rightPipIcon-3kki1l {
    margin-left: 16px
}

.leftPipIcon-1Syad5 {
    margin-right: 16px
}

.participantsButton-lsd-oF {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pipHeader-ZKirob {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 12px
}

.pipHeaderContent-3hKVLC {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    height: 12px;
    padding: 0 8px;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.pipHeaderContentOpen-1f5we5 {
    background: -webkit-gradient(linear,left top,left bottom,from(#000),color-stop(30%,#000),to(transparent));
    background: linear-gradient(#000,#000 30%,transparent);
    height: 40px;
    padding: 8px;
    cursor: pointer
}

.pipHeaderButtonsRight-1TlJRe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.menuIcon-3GpyA6 {
    color: #fff
}

.leaveActivityIcon-99HPVj {
    margin-left: 6px;
    height: 24px;
    width: 24px
}

.root-p-00Nk {
    width: 100%;
    height: 100%
}

.root-p-00Nk.pipMode-3fqyku {
    width: 320px;
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out
}

.root-p-00Nk.pipModeShort-2VZvl9 {
    height: 180px
}

.root-p-00Nk.pipModeTall-rtMxll {
    height: 410px
}

.root-p-00Nk.hidden-semXgs {
    width: 0;
    max-height: 0;
    -webkit-transition: none;
    transition: none
}

.iframe-_tVdvp {
    width: 100%;
    height: 100%
}

.iframe-_tVdvp.pipModeShort-2VZvl9 {
    height: 180px
}

.iframe-_tVdvp.pipModeTall-rtMxll {
    height: 410px
}

.clickShield-3Xe6Ru {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.avatar-_-TGPX {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.memberListItem-2ZX2pl {
    padding: 4px 8px;
    margin: 8px -8px;
    border-radius: 4px
}

.memberListItem-2ZX2pl:last-child {
    margin-bottom: 4px
}

.memberListItem-2ZX2pl:not(.popoutDisabled-xucru2):hover {
    cursor: pointer
}

.memberListItemTag-2qWLwe {
    margin-left: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.username-1Mmpcp {
    font-weight: 600
}

.theme-dark .memberListItem-2ZX2pl:not(.popoutDisabled-xucru2):hover {
    background-color: #202225
}

.theme-light .memberListItem-2ZX2pl:not(.popoutDisabled-xucru2):hover {
    background-color: #ebedef
}

.popoutWrapper-3TSaaB {
    position: relative;
    left: -30px;
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 40vh
}

.scroller-2ymjU1 {
    border-radius: 4px;
    padding: 8px 16px;
    background-color: var(--background-floating)
}

.viewers-2Dq-Mk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.viewers-2Dq-Mk:hover .popoutWrapper-3TSaaB {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.viewer-sEl8Uz {
    margin-left: -2px;
    -webkit-mask: url(../../assets/16f17f1916fb411b98e44008b2535a83.html);
    mask: url(../../assets/16f17f1916fb411b98e44008b2535a83.html);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance
}

.viewer-sEl8Uz:last-child {
    -webkit-mask: none;
    mask: none
}

.overflow-1ExsZm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    width: 25px;
    height: 25px;
    border-radius: 15px;
    z-index: 2;
    background-color: #36393f;
    color: #b9bbbe;
    -webkit-box-shadow: -1px 0 0 1px #000;
    box-shadow: -1px 0 0 1px #000
}

.memberListHeader-c-ghag {
    margin-top: 8px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 600
}

.memberListHeader-c-ghag,.memberListItemText-Th1aTk {
    color: var(--header-secondary)
}

.viewersIcon-15qGwd {
    width: 24px;
    height: 24px;
    color: #b9bbbe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px
}

.viewersIcon-15qGwd.activeButton-A0x-10,.viewersIcon-15qGwd:hover {
    color: #fff
}

.viewersTooltipItem-1otSnk {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.memberListItem-3IkoL8:not(.popoutDisabled-161HX0):hover {
    background-color: var(--background-tertiary)
}

.art-clkMXs {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 238.48px;
    height: 95.7px;
    margin: 0 auto 20px
}

.theme-dark .art-clkMXs {
    background-image: url(../../assets/2ceb472e89545af8543aa44b072b910d.html)
}

.theme-dark .description-FLRtPT {
    color: #f6f6f7
}

.theme-light .art-clkMXs {
    background-image: url(../../assets/0e88c0d5ad220379d8e2438dd6444222.html)
}

.theme-light .description-FLRtPT {
    color: #2e3338
}

.closeButton-30cKQR {
    position: absolute;
    top: 14px;
    right: 14px
}

.title-YNu73W {
    margin: 0
}

.content-2FmSBS {
    overflow: visible
}

.content-2FmSBS>* {
    margin-bottom: 24px
}

.avatar-Uq3gXb {
    width: 24px
}

.avatar-Uq3gXb,.userListOverflow-cTtEue {
    height: 24px;
    border-radius: 50%
}

.userListOverflow-cTtEue {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    min-width: 24px;
    line-height: 25px;
    padding: 0 5px 0 4px;
    background-color: var(--background-primary);
    color: var(--text-normal)
}

.voiceUserList-3KiWkn {
    margin-left: 5px;
    margin-right: 8px;
    cursor: default
}

.channelIcon-2xPHJh {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 5px;
    color: var(--text-muted)
}

.selected-2rGcKN .channelIcon-2xPHJh {
    color: var(--interactive-active)
}

.channelInfo-2OWB9j {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.channelName-3_Vb6f {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.divider-3upnin {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    opacity: 0;
    z-index: 1
}

.divider-3upnin.separator-19P9q2 {
    opacity: 1
}

.theme-dark .separator-19P9q2 {
    -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-light .separator-19P9q2 {
    -webkit-box-shadow: 0 1px 0 0 rgba(185,187,190,.3);
    box-shadow: 0 1px 0 0 rgba(185,187,190,.3)
}

.modalSize-cqUaws {
    width: 400px
}

.modalCloseButton-2wzgdr {
    position: absolute;
    top: 12px;
    right: 12px
}

.modalBody-u1aNhe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

.formItemTitleSlim-2X22M5 {
    margin-top: 12px;
    margin-bottom: 8px
}

.modalContent-BM7Qeh {
    padding: 0 16px
}

.modalContent-BM7Qeh:last-child {
    margin-bottom: 20px
}

.modalHeader-19eoYJ {
    padding-bottom: 0
}

.marginBottom-3hmv_z {
    margin-bottom: 20px
}

.formItemTitle-155OC0 {
    margin-top: 20px;
    margin-bottom: 8px
}

.headerText-2j81og {
    font-weight: 700;
    margin-bottom: 8px
}

.headerDescription--F5XUT {
    text-align: center;
    padding: 0 32px
}

.flexGrow-3k1BKf {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.cancelButton-1mlh7b {
    margin-right: 8px
}

.art-1qgogX {
    display: inline-block;
    margin: -60px auto 0;
    background-size: contain;
    background-repeat: no-repeat;
    width: 290px;
    height: 112px
}

.theme-dark .art-1qgogX {
    background-image: url(../../assets/62361315d5e35b7a6b5f0f0833dac5db.html)
}

.theme-light .art-1qgogX {
    background-image: url(../../assets/33debfc680a86b77cd72203f1fb4d8a7.html)
}

.title-Ug2-48 {
}

.scrollerInner-3cKLI1 {
    padding-left: 16px;
    max-height: 200px;
    padding-right: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid hsla(0,0%,100%,0)
}

.scrollerInner-3cKLI1.bottomSeparator-2I_cet {
    border-bottom: 1px solid hsla(0,0%,100%,.04)
}

.scrollWrapper-D9dVnd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.channelInfoWrapper-1DPrpu {
    overflow: hidden;
    margin-right: 0
}

.channelTitleWrapper-UW6lQz {
    min-width: 0
}

.card-2Mz_4z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 4px 8px 8px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 16px;
    color: var(--header-primary);
    border: 1px solid var(--background-tertiary);
    background-color: var(--background-secondary)
}

.group-2dAfBy {
}

.group-2dAfBy,.item-3T2z1R {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.item-3T2z1R {
    padding: 0;
    background: transparent;
    cursor: pointer;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.item-3T2z1R:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px
}

.item-3T2z1R:last-child {
    border-radius: 0 3px 3px 0
}

.item-3T2z1R:disabled {
    opacity: .3;
    cursor: not-allowed
}

.theme-light .item-3T2z1R {
    border-color: #dcddde
}

.theme-dark .item-3T2z1R {
    border-color: #18191c
}

.selectorButton-EEUWed {
    min-width: 36px;
    padding: 6px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background: var(--background-secondary)
}

.selectorButton-EEUWed:not(.selectorButtonPremiumRequired-mKMbIu):hover {
    background-color: var(--brand-experiment)
}

.selectorButton-EEUWed:not(.selectorButtonPremiumRequired-mKMbIu):hover .selectorText-2I7fQU {
    color: #fff
}

.selectorButtonSelected-t5V9On {
    background-color: var(--brand-experiment)
}

.selectorText-2I7fQU {
    text-transform: uppercase;
    font-weight: 700;
    color: var(--interactive-normal)
}

.selectorTextSelected-1ymya_ {
    color: #fff
}

.selectorNitroText-GCsvMp {
    text-transform: uppercase;
    text-decoration: line-through;
    font-weight: 700;
    opacity: .3
}

.settingsGroup-2NaPKC {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 16px;
    margin-bottom: 2px
}

.settingsGroup-2NaPKC:last-child {
    margin-right: 0
}

.documentModeGroup-1f0PO- {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.documentModeDescription-3mCV_i {
    min-height: 32px
}

.qualitySettingsContainer-1gOtRJ {
    border: 1px solid #18191c;
    border-radius: 8px;
    padding: 0 8px 8px
}

.selectedIcon-DE5J2w {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    color: var(--interactive-normal)
}

.ellipsisText-2EszCb {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    font-weight: 500;
    margin-right: 8px
}

.changeButton-278ZT6 {
    margin-left: auto;
    margin-top: -4px;
    margin-bottom: -4px
}

.changeButton-278ZT6,.warningIcon-1Dw6GH {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.warningIcon-1Dw6GH {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.warning--qC9N8 {
    padding: 8px 16px;
    color: var(--interactive-normal)
}

.guildScroller-2J_wr3 {
    max-height: 290px
}

.guildRow-26rtE0,.guildScroller-2J_wr3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.guildRow-26rtE0 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    margin: 0 -8px;
    border-radius: 4px
}

.guildRow-26rtE0:hover {
    background-color: var(--background-modifier-accent)
}

.guildIcon-1N_B__ {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.guildName-2snOC3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.guildArrow-MZgyxl {
    color: var(--interactive-normal);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid-32iiFi {
    position: relative
}

.tile-8W93rZ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.item-1TLUig {
    cursor: pointer;
    font-size: 13px;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.theme-dark .container-OI6I9q {
    color: #b9bbbe
}

.theme-dark .selected-P8xTeN {
    color: #f6f6f7;
    border-bottom: 2px solid #f6f6f7
}

.theme-light .container-OI6I9q {
    color: #72767d
}

.theme-light .selected-P8xTeN {
    color: #4f545c;
    border-bottom: 2px solid #4f545c
}

.spinner-nBA_Xz {
    height: 350px
}

.tile-2w4k5N {
    cursor: pointer;
    padding: 8px
}

.tile-2w4k5N:hover .sourceThumbnail-27dolk {
    -webkit-box-shadow: inset 0 0 0 2px var(--brand-experiment);
    box-shadow: inset 0 0 0 2px var(--brand-experiment)
}

.sourceScroller-Pk7YAM {
    height: 300px
}

.sourceContainer-3LOXkb {
    padding: 8px
}

.sourceThumbnail-27dolk {
    width: 170px;
    height: 96px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-color: var(--background-tertiary);
    -webkit-box-shadow: inset 0 0 0 2px transparent;
    box-shadow: inset 0 0 0 2px transparent;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.sourceThumbnail-27dolk.selected-1nOkyc {
    -webkit-box-shadow: inset 0 0 0 2px var(--brand-experiment);
    box-shadow: inset 0 0 0 2px var(--brand-experiment)
}

.sourceName-1y7Taj {
    margin-top: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 170px;
    text-align: center;
    font-weight: 600;
    color: var(--header-primary)
}

.segmentContainer-3izQ9Z {
    position: relative
}

.segmentControl-1bEQH5 {
    padding: 0 16px
}

.segmentControlOption-1vCKaY {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 20px
}

.button-3HLNXW {
    line-height: 0
}

.badgeUpgrade-3_4a3F {
    position: absolute;
    right: 2px;
    bottom: 2px;
    color: var(--brand-experiment)
}

.mirror-1i_yQY {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.video-xBa92B {
    position: relative;
    background-color: #000
}

.media-ya5FZp,.video-xBa92B {
    width: 100%;
    height: 100%
}

.media-ya5FZp {
    -o-object-fit: contain;
    object-fit: contain
}

.leftTrayIcon-1mCY9j {
    margin-right: 16px
}

.rightTrayIcon-gMHgPy {
    margin-left: 16px
}

.embedTarget-xAd1Pd {
    width: 100%;
    height: 100%
}

.embedTargetHidden-3qHg_F {
    width: 0;
    height: 0;
    visibility: hidden
}

.popout-3fRpdY {
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    background-color: #2f3136
}

.content-2RRmGk,.popout-3fRpdY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.content-2RRmGk {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 0
}

.quickSelect-3BxO0K {
    font-size: 13px;
    cursor: default;
    color: var(--interactive-normal)
}

.quickSelectClick-1HOWp1 {
    cursor: pointer
}

.quickSelectValue-lImyM6 {
    margin-left: 4px
}

.quickSelectLabel-2r3iJ_ {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-muted)
}

.quickSelectArrow-1QublR {
    width: 10px;
    height: 7px;
    margin-left: 5px
}

.quickSelectPopout-X1hvgV {
    border-radius: 3px;
    overflow: hidden
}

.quickSelectPopoutScroll-2dlvk5 {
    max-height: 384px
}

.quickSelectScroller-2SmdH_ {
    overflow-y: auto
}

.quickSelectPopoutOption-opKBx9 {
    padding: 8px;
    cursor: pointer
}

.quickSelectPopoutOption-opKBx9.selected-3RZo5I {
    background-color: inherit;
    cursor: default
}

.quickSelectPopoutOption-opKBx9:focus {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.theme-light .quickSelectArrow-1QublR {
    background: url(../../assets/8b86f90154cbe38507a14fdd34367f17.html) 50% no-repeat
}

.theme-light .quickSelectPopout-X1hvgV {
    background-color: #fff;
    color: #4f545c
}

.theme-light .quickSelectPopoutOption-opKBx9:hover {
    background-color: #f6f6f7
}

.theme-dark .quickSelectArrow-1QublR {
    background: url(../../assets/f58cf3b8fc79e9d671ab649ab37651a9.html) 50% no-repeat
}

.theme-dark .quickSelectPopout-X1hvgV {
    background: #2f3136;
    color: #f6f6f7
}

.theme-dark .quickSelectPopoutOption-opKBx9:hover {
    background-color: rgba(79,84,92,.3)
}

.regionSelect-3lf4eE {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 46px
}

.regionSelect-3lf4eE.disabled-1PUF94 {
    pointer-events: none;
    opacity: .25
}

.regionSelect-3lf4eE.disabled-1PUF94 .regionSelectInner-24f4Ce {
    border-radius: 3px
}

.regionSelect-3lf4eE.disabled-1PUF94 button {
    display: none
}

.regionSelect-3lf4eE.regionSelectLoading-34I21m {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    pointer-events: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.regionSelect-3lf4eE button {
    font-family: var(--font-primary);
    font-weight: 500;
    color: var(--brand-experiment);
    font-size: 14px;
    border: 1px solid #cdcdcd;
    border-left: none;
    border-radius: 0 4px 4px 0;
    padding: 10px
}

.regionSelect-3lf4eE .regionSelectInner-24f4Ce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #cdcdcd;
    border-radius: 4px 0 0 4px
}

.regionSelect-3lf4eE .regionSelectFlag-3uwFtG {
    margin-right: 16px
}

.regionSelectFlag-3uwFtG {
    width: 44px;
    height: 30px;
    background-size: 44px 30px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 4px;
    background-color: var(--brand-experiment)
}

.vip-1SuRbe:after {
    position: absolute;
    bottom: -5px;
    right: -10px;
    content: "VIP";
    background: var(--brand-experiment);
    color: #fff;
    border: 2px solid #fff;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 10px;
    padding: 1px 3px
}

.regionSelectName-2-2FWh {
    font-weight: 700;
    font-size: 16px;
    color: #99aab5
}

.regionSelectModal-12e-57 {
    background: #fff!important;
    width: 700px!important;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.regionSelectModal-12e-57 .regionSelectModalHeader-21khC1 {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--brand-experiment);
    font-size: 18px;
    margin-bottom: 23px
}

.regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {
    font-size: 12px;
    color: #87909c;
    text-align: center;
    margin-top: 23px
}

.regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
    border: 2px solid #f3f3f3;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    width: 114px;
    height: 114px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    margin: 7px
}

.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 .regionSelectName-2-2FWh {
    margin-top: 16px;
    text-align: center;
    padding: 0 4px
}

.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
    border-color: var(--brand-experiment);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.06);
    box-shadow: 0 1px 0 rgba(0,0,0,.06)
}

.theme-dark .regionSelect-3lf4eE,.theme-dark .regionSelect-3lf4eE button,.theme-light .regionSelect-3lf4eE,.theme-light .regionSelect-3lf4eE button {
    background-color: transparent
}

.theme-dark .regionSelect-3lf4eE:hover,.theme-light .regionSelect-3lf4eE:hover {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.06);
    box-shadow: 0 1px 0 rgba(0,0,0,.06)
}

.theme-dark .regionSelect-3lf4eE:hover .regionSelectInner-24f4Ce,.theme-dark .regionSelect-3lf4eE:hover button,.theme-light .regionSelect-3lf4eE:hover .regionSelectInner-24f4Ce,.theme-light .regionSelect-3lf4eE:hover button {
    border-color: var(--brand-experiment)
}

.theme-dark .regionSelect-3lf4eE:hover button,.theme-light .regionSelect-3lf4eE:hover button {
    background-color: var(--brand-experiment);
    color: #fff
}

.regionSelectPopout-p9-0_W {
    direction: rtl;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
    box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1)
}

.check-2by_h9 {
    display: block;
    background: url(../../assets/1c0a5d38bdeaaad433b68cf6092ed510.html);
    width: 16px;
    height: 12px
}

.regionSelectFlag-1htPow {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: var(--brand-experiment);
    width: 24px;
    height: 16px;
    background-size: cover;
    border-radius: 2px
}

.regionSelectName-c5qL8O {
    direction: ltr;
    text-align: right;
    width: 100px;
    height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    margin: 0 6px
}

.theme-light .regionSelectName-c5qL8O {
    color: #72767d
}

.theme-dark .regionSelectName-c5qL8O {
    color: #b9bbbe
}

.menu-2wmWSE {
    max-height: 70vh
}

.content-3n1cMX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cameraPreview-3VbjBn {
    position: relative;
    background: var(--background-secondary-alt);
    border-radius: 4px;
    overflow: hidden;
    height: 207px;
    width: 368px;
    margin-bottom: 16px
}

.selector-23Ycqr {
    margin-bottom: 16px;
    width: 100%
}

.header-1EVHO2 {
    text-align: center;
    margin-bottom: 8px
}

.subtitle-gARoTt {
    text-align: center;
    margin-bottom: 16px;
    color: var(--interactive-normal)
}

.spinner-2D09Su {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.camera-1WWmPt,.spinner-2D09Su {
    position: absolute
}

.camera-1WWmPt {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.slash-33-IMF {
    color: #ed4245
}

.controlButton-2MhVEL {
    margin: 0 8px
}

@media (max-width: 456px) {
    .controlButton-2MhVEL {
        margin:0 4px
    }
}

.wrapper-3EGhDO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.buttonColor-2Nx30V {
    background-color: #36393f;
    color: #fff
}

.buttonColor-2Nx30V:hover {
    background-color: rgba(79,84,92,.16)
}

@media (max-width: 456px) {
    .textButton-3MS7qa {
        display:none
    }
}

@media (min-width: 457px) {
    .iconButton-u_X73A {
        display:none
    }
}

.root-217Brm {
    height: 100%;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.root-217Brm.idle-1j3olu {
    cursor: none
}

.root-217Brm.idle-1j3olu .gradientContainer-10lXLB {
    opacity: 0
}

.root-217Brm.idle-1j3olu .topControls-KKImPZ {
    opacity: 0;
    -webkit-transform: translate3d(0,-8px,0);
    transform: translate3d(0,-8px,0)
}

.root-217Brm.idle-1j3olu .bottomControls-lIJyYL {
    opacity: 0;
    -webkit-transform: translate3d(0,8px,0);
    transform: translate3d(0,8px,0)
}

.videoControls-24w7Xp {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gradientContainer-10lXLB {
    pointer-events: none;
    height: 160px;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#000),color-stop(19%,rgba(0,0,0,.738)),color-stop(34%,rgba(0,0,0,.541)),color-stop(47%,rgba(0,0,0,.382)),color-stop(56.5%,rgba(0,0,0,.278)),color-stop(65%,rgba(0,0,0,.194)),color-stop(73%,rgba(0,0,0,.126)),color-stop(80.2%,rgba(0,0,0,.075)),color-stop(86.1%,rgba(0,0,0,.042)),color-stop(91%,rgba(0,0,0,.021)),color-stop(95.2%,rgba(0,0,0,.008)),color-stop(98.2%,rgba(0,0,0,.002)),to(transparent));
    background-image: linear-gradient(#000,rgba(0,0,0,.738) 19%,rgba(0,0,0,.541) 34%,rgba(0,0,0,.382) 47%,rgba(0,0,0,.278) 56.5%,rgba(0,0,0,.194) 65%,rgba(0,0,0,.126) 73%,rgba(0,0,0,.075) 80.2%,rgba(0,0,0,.042) 86.1%,rgba(0,0,0,.021) 91%,rgba(0,0,0,.008) 95.2%,rgba(0,0,0,.002) 98.2%,transparent)
}

.gradientTop-3UWg3T {
    top: 0
}

.gradientBottom-3X4SdK,.gradientTop-3UWg3T {
    position: absolute;
    right: 0;
    left: 0
}

.gradientBottom-3X4SdK {
    bottom: 0;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.controlSection-2h3cS0 {
    pointer-events: all;
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.bottomControls-lIJyYL,.topControls-KKImPZ {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bottomControls-lIJyYL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 0
}

.screenMessage-2smdgi {
    background-color: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.title-1gVSym {
    font-size: 24px
}

.supportingText-Q8rmAI,.title-1gVSym {
    text-align: center;
    font-weight: 500;
    line-height: 1.25
}

.supportingText-Q8rmAI {
    font-size: 16px
}

.theme-dark .title-1gVSym,.theme-light .title-1gVSym {
    color: #fff
}

.theme-dark .supportingText-Q8rmAI,.theme-light .supportingText-Q8rmAI {
    color: #b9bbbe
}

.arrow-3OIjPY {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.up-34qlJU {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.platform-osx .container-1r6BKw {
    -webkit-app-region: drag
}

.container-1r6BKw {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 48px;
    padding: 0 8px;
    font-size: 16px;
    line-height: 20px;
    cursor: default;
    z-index: 2;
    color: var(--text-normal)
}

.container-1r6BKw,.container-1r6BKw * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container-1r6BKw.themed-ANHk51 {
    background: var(--background-primary)
}

.container-1r6BKw.transparent-2ZlE3R {
    background: transparent
}

.children-19S4PO {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    overflow: hidden
}

.children-19S4PO:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%
}

.theme-dark .children-19S4PO:after {
    background: -webkit-gradient(linear,left top,right top,from(rgba(54,57,63,0)),to(var(--background-primary)));
    background: linear-gradient(90deg,rgba(54,57,63,0) 0,var(--background-primary))
}

.theme-light .children-19S4PO:after {
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--background-primary)));
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--background-primary))
}

.transparent-2ZlE3R .children-19S4PO:after {
    display: none
}

.toolbar-1t6TWx {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0
}

.title-29uC1r,.toolbar-1t6TWx {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.title-29uC1r {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 8px 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: auto;
    overflow: hidden;
    white-space: nowrap
}

.clickable-3rdHwn {
    cursor: pointer
}

.iconWrapper-2OrFZ1 {
    position: relative;
    height: 24px;
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 8px
}

.icon-22AiRD {
    display: block;
    width: 24px;
    height: 24px;
    -webkit-app-region: no-drag;
    color: var(--text-muted)
}

.clickable-3rdHwn .icon-22AiRD {
    color: var(--interactive-normal)
}

.clickable-3rdHwn:hover .icon-22AiRD {
    color: var(--interactive-hover)
}

.selected-1GqIat .icon-22AiRD {
    color: var(--interactive-active)
}

.iconBadge-qZ4Ksk {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #ed4245
}

.divider-3FBTu8 {
    width: 1px;
    height: 24px;
    margin: 0 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: var(--background-modifier-accent)
}

.caret-3W7cBB {
    color: var(--text-muted);
    width: 10px;
    margin: 0 2px
}

.pro-1T8RK7 {
    text-transform: uppercase
}

.tip-2ab612 {
    line-height: 16px;
    opacity: .6
}

.block-2RXqH9 .pro-1T8RK7,.block-2RXqH9 .tip-2ab612,.tip-2ab612 {
    font-size: 14px
}

.inline-136HKr .pro-1T8RK7,.inline-136HKr .tip-2ab612 {
    font-size: 12px;
    display: inline
}

.inline-136HKr .pro-1T8RK7 {
    margin-right: 3px
}

.messagesPopoutWrap-1MQ1bW {
    background-color: var(--background-secondary);
    -webkit-box-shadow: var(--elevation-stroke),var(--elevation-high);
    box-shadow: var(--elevation-stroke),var(--elevation-high);
    width: 420px;
    min-height: 200px;
    border-radius: 4px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 0
}

.messagesPopoutWrap-1MQ1bW .mention {
    pointer-events: none
}

.header-ykumBX {
    position: relative;
    padding: 16px;
    background-color: var(--background-tertiary);
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.title-3pkaKd {
    color: var(--header-primary)
}

.footer-1kmXd4 {
    padding: 16px;
    text-align: center;
    height: 53px;
    background-color: var(--background-tertiary)
}

.loadingMore-1cSz09 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.loadingMore-1cSz09 .spinner-MoOpqm {
    display: inline-block;
    margin: 0
}

.hasMore-sul95G,.loadingMore-1cSz09 {
    margin-top: 8px;
    height: 32px
}

.hasMore-sul95G {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 9px 16px 16px
}

.messagesPopout-24nkyi {
    padding: 8px 0 0 8px
}

.messageGroupWrapper-o-Zw7G {
    position: relative;
    background: var(--background-primary);
    border: 1px solid var(--background-tertiary);
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 0 6px;
    overflow: hidden
}

.messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT {
    margin-left: -4px;
    padding-top: 12px;
    padding-bottom: 12px
}

.scrollingFooterWrap-3FDlMn {
    position: relative
}

.emptyPlaceholder-1zh-Eu {
    margin-top: 8px;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.emptyPlaceholder-1zh-Eu,.emptyPlaceholder-1zh-Eu.bottom-TGnsta {
    -webkit-box-align: center;
    align-items: center
}

.emptyPlaceholder-1zh-Eu.bottom-TGnsta {
    -ms-flex-align: center;
    margin-bottom: 0
}

.emptyPlaceholder-1zh-Eu.bottom-TGnsta .image-2JDb81 {
    margin-top: 25px
}

.emptyPlaceholder-1zh-Eu.loadingPlaceholder-2SCYFe {
    margin-top: 100px
}

.image-2JDb81 {
    width: 120px;
    height: 120px;
    background-size: 94px 120px;
    background-repeat: no-repeat;
    background-position: 50%
}

.body-bvcIjN {
    white-space: pre;
    margin-top: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    color: var(--text-normal)
}

.loadingPlaceholder-2SCYFe {
    margin-top: 240px
}

.channelSeparator-1MxuvT {
    margin-top: 24px;
    margin-bottom: 8px
}

.channelName-3kBz6H {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    cursor: pointer;
    color: var(--header-primary)
}

.channelName-3kBz6H:hover {
    text-decoration: underline
}

.guildName-1Bc3Ta {
    color: var(--text-muted);
    font-weight: 500;
    margin-left: 4px;
    font-size: 12px;
    line-height: 16px
}

.channelSeparator-1MxuvT:first-of-type {
    margin-top: 13px
}

.actionButtons-1sUUug {
    display: none;
    position: absolute;
    top: 12px;
    right: 12px
}

.messageGroupWrapper-o-Zw7G:focus-within .actionButtons-1sUUug,.messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.jumpButton-3DTcS_ {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    line-height: 14px;
    font-size: 11px;
    height: 14px;
    border-radius: 3px;
    text-align: center;
    padding: 2px 8px;
    margin-right: 4px;
    margin-left: 6px;
    color: var(--interactive-normal);
    background-color: var(--background-secondary)
}

.jumpButton-3DTcS_:hover {
    color: var(--interactive-hover)
}

.keyboard-mode .jumpButton-3DTcS_:focus {
    -webkit-box-shadow: 0 0 0 4px var(--focus-primary);
    box-shadow: 0 0 0 4px var(--focus-primary)
}

.jumpButton-3DTcS_ .loading-2bJK5L {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.jumpButton-3DTcS_ .loading-2bJK5L.visible-1PE5Ym {
    opacity: 1
}

.closeIcon-2Yg8TD {
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    color: var(--interactive-normal)
}

.closeIcon-2Yg8TD:hover {
    color: var(--interactive-hover)
}

.closeIcon-2Yg8TD:active {
    color: var(--interactive-active)
}

.button-1-5Aqk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.full-motion .button-1-5Aqk {
    -webkit-transition: color .2s ease,background-color .2s ease;
    transition: color .2s ease,background-color .2s ease
}

.primary-2McadE {
    background-color: var(--background-primary);
    color: var(--header-primary)
}

.primary-2McadE:hover:not(.disabled-3Njyym) {
    color: var(--interactive-active)
}

.primary-2McadE:hover:not(.disabled-3Njyym),.secondary-dIudih {
    background-color: var(--background-secondary)
}

.secondary-dIudih {
    color: var(--header-secondary)
}

.secondary-dIudih:hover:not(.disabled-3Njyym) {
    background-color: var(--background-primary);
    color: var(--interactive-active)
}

.tertiary-aMXF0g {
    background-color: var(--background-tertiary);
    color: var(--interactive-normal)
}

.tertiary-aMXF0g:hover:not(.disabled-3Njyym) {
    background-color: var(--background-floating);
    color: var(--interactive-active)
}

.size24-12dr1B {
    padding: 4px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px
}

.size32-T2BHRe {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px
}

.size36-1Ff1kn {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px
}

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

.jumpButton-2dvRSC {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 500;
    height: 24px;
    padding: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.jumpButton-2dvRSC .text-3KVtey {
    color: var(--header-secondary)
}

.jumpButton-2dvRSC:hover .text-3KVtey {
    color: var(--interactive-hover)
}

.jumpButton-2dvRSC:active .text-3KVtey {
    color: var(--interactive-active)
}

.channelHeader-3Gd2xq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10
}

.dmIcon-2eU-bE {
    border-radius: 12px;
    height: 40px;
    width: 40px
}

.dmIcon-2eU-bE,.guildIcon-3Co6k- {
    cursor: pointer;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.guildIcon-3Co6k- {
    background-color: var(--background-secondary-alt)
}

.channelNameSection-3Vm87D {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 16px;
    overflow: hidden
}

.badge-2l0o8g {
    border-radius: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 8px;
    position: relative;
    text-shadow: none;
    top: -2px
}

.channelName-_v0rI4,.subtext-qy79y1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.channelName-_v0rI4,.guildName-GKOCI8 {
    cursor: pointer;
    display: inline-block;
    min-width: 0;
    width: 100%
}

.channelName-_v0rI4:hover,.guildName-GKOCI8:hover {
    text-decoration: underline
}

.channelNameHeader-F4hU_R {
    height: 20px
}

.subtext-qy79y1,.subtextContainer-34z_03 {
    max-height: 16px;
    min-width: 0;
    width: 100%
}

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

.activityEmoji-3sF2z4 {
    margin-right: 4px;
    width: 14px;
    height: 14px
}

.container-3u944p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
    padding: 0 16px
}

.iconContainer-JbDkvn {
    margin-bottom: 16px;
    position: relative
}

.icon-1Itzco {
    background-color: var(--background-primary);
    border-radius: 80px;
    color: var(--text-muted);
    padding: 22px
}

.stars-1YAEQv {
    position: absolute;
    left: -10px
}

.header-2M8_sb {
    margin-bottom: 8px
}

.protip-283HFv {
    font-weight: 700;
    text-transform: uppercase
}

.recentMentionsPopout-3rCiI6 {
    width: 35vw;
    max-width: 600px;
    min-width: 480px;
    max-height: 80vh
}

.scroller-2UmRce {
    padding: 0
}

.container-3iAQ-0 {
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 9px
}

.closeButton-1152MI {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px
}

.messageContainer-gbhlwo {
    background-color: var(--background-primary);
    border-radius: 8px;
    padding: 16px 16px 16px 0;
    position: relative
}

.jumpButton-2F6EMx {
    right: 16px;
    top: 19px;
    opacity: 0
}

.messageContainer-gbhlwo:focus-within .jumpButton-2F6EMx,.messageContainer-gbhlwo:hover .jumpButton-2F6EMx {
    opacity: 1
}

.message-2DieIs {
    overflow: hidden;
    padding-right: 0
}

.messageContainer-gbhlwo .message-2DieIs:first-of-type {
    margin-top: 0
}

.header-2-Imhb {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 56px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 56px;
    padding: 12px 16px
}

.header-2-Imhb,.header-2-Imhb .tab-ck0077 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-2-Imhb .tab-ck0077 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    margin-top: 4px;
    text-align: center
}

.theme-dark .header-2-Imhb .tabBar-1kuXvJ .tab-ck0077.active-1MbGPa {
    background-color: var(--background-accent)
}

.expanded-13sWhZ {
    background-color: var(--background-message-hover)
}

.blockedSystemMessage-2Rk1ek {
    font-size: 1rem;
    line-height: 1.375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-indent: 0
}

.blockedIcon-IrnkVA {
    width: 1rem;
    height: 1rem;
    display: block;
    color: var(--text-muted)
}

.container-3eemR3:hover .blockedIcon-IrnkVA {
    color: #ed4245
}

.blockedMessageText-1fRjos {
    color: var(--header-secondary)
}

.blockedAction-2ZyU8z {
    color: var(--text-muted);
    cursor: pointer
}

.blockedSystemMessage-2Rk1ek:hover .blockedAction-2ZyU8z {
    color: var(--text-link)
}

.blockedAction-2ZyU8z:hover {
    text-decoration: underline
}

.messages-3G3erD {
    background-color: var(--background-primary);
    border-radius: 8px;
    padding: 16px 16px 16px 0
}

.messageContainer-1ei2zM {
    position: relative
}

.jumpButton-3vBz5U {
    opacity: 0
}

.messageContainer-1ei2zM:focus-within .jumpButton-3vBz5U,.messageContainer-1ei2zM:hover .jumpButton-3vBz5U {
    opacity: 1
}

.message-2g38UB {
    overflow: hidden;
    padding-right: 0
}

.message-2g38UB .mention {
    pointer-events: none
}

.messages-3G3erD .messageContainer-1ei2zM:first-of-type .message-2g38UB {
    margin-top: 0
}

.divider-39oAwV {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 16px
}

.channel-3pEHab {
    padding-bottom: 16px
}

.collapseButton-2ZsEjz,.markReadButton-qAjML_ {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.markReadButton-qAjML_ {
    margin-left: 12px
}

.collapseButton-2ZsEjz {
    color: var(--interactive-normal);
    cursor: pointer;
    position: absolute;
    left: -6px;
    width: 16px;
    height: 16px;
    padding: 2px
}

.collapseButton-2ZsEjz.collapsed-S4RKOA {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.divider-EK35Fy {
    margin-top: 48px;
    margin-bottom: 32px
}

.dividerContent-2S2hYI {
    background: transparent
}

.container-enaOkj {
    background-color: var(--background-secondary);
    -webkit-box-shadow: var(--elevation-stroke),var(--elevation-high);
    box-shadow: var(--elevation-stroke),var(--elevation-high);
    border-radius: 4px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 0
}

.spinner-3wwZNP {
    margin-bottom: 32px;
    margin-top: 32px
}

.tutorial-3w5I9h {
    background-color: var(--background-tertiary);
    border-radius: 8px;
    padding: 16px;
    margin: 16px 0
}

.tutorial-3w5I9h,.tutorialIcon-3f1miQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tutorialIcon-3f1miQ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-primary);
    border-radius: 40px;
    color: var(--interactive-normal);
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px
}

.tutorialButton-2wJx1F {
    margin-top: 8px
}

.scroller-tlc3kG {
    padding: 0 16px
}

.root-2eYTXR.comboIcon-2e1arG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    height: 24px
}

.count-34xWho {
    line-height: 24px;
    margin-left: 4px
}

.icon--rRIa3 {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.list-SuzGBZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.listDefault-3ir5aS {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.listCollapse-1f19fE,.listDefault-3ir5aS {
    -webkit-box-direction: normal
}

.listCollapse-1f19fE {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.voiceUser-1K6Xox {
    position: relative;
    cursor: pointer
}

.content-1Wq3SX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1px;
    margin-bottom: 1px
}

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

.userLarge-qiDClb {
    height: 38px
}

.userSmall-YJ5L9_ {
    height: 32px
}

.listCollapse-1f19fE .content-1Wq3SX {
    margin-left: 8px
}

.listCollapse-1f19fE .content-1Wq3SX.flipped-2sNWIS {
    margin-left: 0;
    margin-right: 8px
}

.listDefault-3ir5aS .avatarContainer-28iYmV {
    margin-right: 8px;
    margin-left: 8px
}

.avatar-3tNQiO {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-top: 3px;
    margin-bottom: 3px
}

.avatarSmall-1PJoGO {
    width: 24px;
    height: 24px
}

.avatarLarge-3EQ-HE {
    width: 30px;
    height: 30px
}

.avatarSpeaking-2IGMRN {
    -webkit-box-shadow: inset 0 0 0 2px #3ba55c,inset 0 0 0 3px var(--background-secondary);
    box-shadow: inset 0 0 0 2px #3ba55c,inset 0 0 0 3px var(--background-secondary)
}

.username-3KYl0N {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.usernameFont-23TX-h {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500
}

.icons-1dXQdz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px
}

.flipped-2sNWIS .icons-1dXQdz {
    margin-right: 0;
    margin-left: 8px
}

.icon-2IuuZd {
    width: 16px;
    height: 16px
}

.iconTooltipContainer-DzbRyh {
    line-height: 0
}

.iconTooltip-9cG7Fn {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.iconSpacing-3eO9xt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 4px
}

.liveIconSpacing-DSnkAT {
    margin-left: 6px
}

.flipped-2sNWIS .iconSpacing-3eO9xt {
    margin-left: 0;
    margin-right: 4px
}

.iconPriortySpeaker-3bZlw- {
    position: absolute;
    left: -16px;
    width: 6px;
    height: 6px;
    border-radius: 8px
}

.icon-2IuuZd,.username-3KYl0N {
    color: var(--channels-default)
}

.iconServer-Lyg2F4,.strikethrough-3q4FHz {
    color: #ed4245
}

.listDefault-3ir5aS .clickable-1lCRLF:hover .content-1Wq3SX {
    background-color: var(--background-modifier-hover)
}

.listDefault-3ir5aS .clickable-1lCRLF:active .content-1Wq3SX {
    background-color: var(--background-modifier-active)
}

.listDefault-3ir5aS .clickable-1lCRLF.selected-3t3Csj .content-1Wq3SX {
    background-color: var(--background-modifier-selected)
}

.listDefault-3ir5aS .clickable-1lCRLF:hover .username-3KYl0N {
    color: var(--interactive-hover)
}

.listDefault-3ir5aS .clickable-1lCRLF.selected-3t3Csj .username-3KYl0N,.usernameSpeaking-RmltQx {
    color: var(--interactive-active)
}

.liveIcon-2TcPbb {
    background-color: #ed4245;
    color: #fff
}

.iconPriortySpeakerSpeaking-22tQMF {
    background-color: #3ba55c
}

.iconPriortySpeaker-3bZlw- {
    background-color: var(--text-muted)
}

.disabled-o7LSOr {
    opacity: .5
}

.disabled-o7LSOr:hover {
    opacity: 1
}

.body-Ogsp8i {
    padding: 10px
}

.streamPreviewWrapper-2DSWOK {
    padding-left: 16px;
    opacity: 0;
    -webkit-transition: opacity .15s ease,-webkit-transform 125ms ease-in;
    transition: opacity .15s ease,-webkit-transform 125ms ease-in;
    transition: opacity .15s ease,transform 125ms ease-in;
    transition: opacity .15s ease,transform 125ms ease-in,-webkit-transform 125ms ease-in;
    position: relative;
    -webkit-transform: translate3d(8px,0,0) scale(.98);
    transform: translate3d(8px,0,0) scale(.98);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.streamPreviewWrapper-2DSWOK.mounted-26niXS {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.streamPreview-2-WUWT {
    width: 252px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.previewContainer-12UlHl {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 142px;
    position: relative
}

.previewContainer-12UlHl:hover .previewHover-1tGzfF {
    opacity: 1
}

.previewHover-1tGzfF {
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    line-height: 18px;
    font-weight: 600
}

.previewImage-RxVzkZ {
    width: 100%;
    height: 100%
}

.applicationName-31eLkz {
    position: absolute;
    top: 8px;
    left: 12px;
    font-size: 14px;
    line-height: 18px
}

.watchButtonInner-2padQK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.liveIcon-1hht8V {
    margin-right: 8px
}

.activityActions-k66mD_ {
    margin-top: 0
}

.protip-3-1FNm {
    text-align: center;
    margin-top: 10px
}

.white-WjN64k {
    color: #fff
}

.theme-dark .streamPreview-2-WUWT {
    background-color: #202225
}

.theme-dark .previewContainer-12UlHl {
    background-color: #292b2f
}

.theme-dark .applicationName-31eLkz {
    color: #f6f6f7;
    color: #fff
}

.theme-dark .watchButton-2SbJEo {
    border-color: #72767d;
    color: #fff
}

.theme-dark .watchButton-2SbJEo:not([disabled]):hover {
    border-color: #fff
}

.theme-dark .previewHover-1tGzfF {
    background: rgba(0,0,0,.6)
}

.theme-light .streamPreview-2-WUWT {
    background-color: #fff
}

.theme-light .previewContainer-12UlHl {
    background-color: #f8f9f9
}

.theme-light .applicationName-31eLkz {
    color: #23262a
}

.theme-light .watchButton-2SbJEo {
    border-color: #9099a4;
    color: #23262a
}

.theme-light .watchButton-2SbJEo:not([disabled]):hover {
    border-color: #23262a
}

.theme-light .previewHover-1tGzfF {
    background: rgba(79,86,96,.6)
}

.draggable-2E_4tJ {
    position: relative;
    height: 32px
}

.draggable-2E_4tJ:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.list-2luk8a {
    padding-left: 36px;
    padding-bottom: 8px
}

.collapsed-21_y8I {
    padding-right: 8px
}

.disableInteraction-3oQqhT {
    pointer-events: none
}

.root-2QSv-c {
    background-color: var(--background-floating);
    border-radius: 4px;
    width: 240px;
    max-height: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.root-2QSv-c .voiceUsers-3lwp-W {
    padding: 0
}

.header-1SPvMo {
    padding: 16px 16px 9px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--interactive-normal)
}

.scroller-GApUBG {
    padding: 0 16px 16px 8px
}

.button-1xaXFt {
    margin-left: 0
}

.button-1xaXFt,.divider-T9ghJP {
    margin-right: 16px
}

.divider-T9ghJP {
    background: #202225
}

.speaker-13nFCF {
    margin-right: 8px
}

.speaker-13nFCF.last-GyWdM0 {
    margin-right: 16px
}

.lastButton-3MuhDM {
    margin-right: 8px
}

.avatar-EDoEQX {
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.divider-36-9JI {
    background: rgba(79,84,92,.32);
    margin-right: 16px
}

.playingText-3KIkt6 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #b9bbbe;
    font-weight: 500;
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper-2qzCYF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #000;
    z-index: 2
}

.wrapper-2qzCYF.animated-1N1Pe_ {
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.wrapper-2qzCYF.normal-1oavYI {
    height: 50%
}

.wrapper-2qzCYF.minimum-28Z35l {
    height: 240px;
    background-color: var(--background-floating)
}

.wrapper-2qzCYF.minimum-28Z35l.video--KPXCT {
    height: 284px
}

.wrapper-2qzCYF.fullScreen-1tMzXY,.wrapper-2qzCYF.noChat-18KtBD {
    height: 100%
}

.wrapper-2qzCYF.fullScreen-1tMzXY {
    width: 100%
}

.wrapper-2qzCYF.popout-1MBou- {
    height: 100%;
    width: 100%
}

.wrapper-2qzCYF.poppedOut-1U3Bzn {
    height: 154px
}

.callContainer-36WRfH {
    overflow: hidden
}

.callContainer-36WRfH,.centerControls-2E5oVA {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.centerControls-2E5oVA {
    pointer-events: all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.leftTrayIcon-vpfJk5 {
    margin-right: 16px
}

.rightTrayIcon-3hFoUP {
    margin-left: 16px
}

@media (max-width: 456px) {
    .leftTrayIcon-vpfJk5 {
        margin-right:8px
    }

    .rightTrayIcon-3hFoUP {
        margin-left: 8px
    }

    .settingsButton-32Uw6u,.viewersButton-_Zs4UU {
        display: none
    }
}

.iconWrapper-31YWq8 {
    position: relative
}

.volumeSlider-1yH4yV {
    margin-top: -16px
}

.badge-1z4YpW {
    position: absolute;
    top: -8px;
    right: 0;
    pointer-events: none
}

.headerWrapper-3NUKsd {
    margin: 0 -16px
}

.resizeHandle-aTgVKr {
    bottom: -2px;
    cursor: ns-resize;
    height: 4px;
    position: absolute;
    width: 100%
}

.missingEntitlementImage-15q-cx {
    margin: 0 auto 20px;
    width: 400px;
    height: 200px;
    background-size: contain
}

.text-Wx6rKQ {
    margin-bottom: 20px
}

.theme-dark .missingEntitlementImage-15q-cx {
    background-image: url(../../assets/131dcaaa628405e6d0ebee7708111c7a.html)
}

.theme-light .missingEntitlementImage-15q-cx {
    background-image: url(../../assets/d0320d29cdef93b8e2baf889a28d32e0.html)
}

.applicationDetails-9QVoka {
    padding: 24px 0
}

.entry-1btQtX {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.entryIcon-wz4L9Q {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--text-muted)
}

.entryInner-2hiMQJ {
    font-weight: 500
}

.scopes-3GJ3xw {
    border-bottom: 1px solid var(--background-modifier-accent);
    padding: 24px 0
}

.scope-J5Vnxx {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.scopeCheck-rUiN1D {
    background-color: #3ba55c
}

.scopeCheck-rUiN1D,.scopeTimes-7s84Xf {
    margin-right: 12px;
    width: 24px;
    height: 24px;
    padding: 2px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scopeTimes-7s84Xf {
    background-color: #747f8d
}

.scopeInner-1g9Pzj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scopeName-JzSRX6 {
    font-weight: 500
}

.sectionLabel-1pA-5F {
    margin-bottom: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--header-secondary)
}

.icon-1Vf2He {
    width: 20px;
    height: 20px;
    color: #fff
}

.botPermissions-1zv5Xg {
    border-bottom: 1px solid var(--background-modifier-accent);
    padding: 16px 0 32px
}

.permissionsList-B0Dh4s {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.permission-39__Fj,.permissionsList-B0Dh4s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.permission-39__Fj {
    font-weight: 500;
    margin: 16px 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.permissionsLabel-2dXyOx {
    font-weight: 500;
    margin-top: 8px
}

.disabledPermissionsLabel-uwYfOz {
    font-weight: 500;
    margin-top: 24px
}

.disabledPermissionIcon-Pm3Yy8 {
    margin-right: 8px;
    width: 18px;
    height: 18px;
    border-radius: 10%;
    background-color: #ed4245;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.icon-23g0Dq {
    width: 18px;
    height: 18px;
    color: #fff
}

.selectorGroup-dJ6TXV {
    border-bottom: 1px solid var(--background-modifier-accent);
    padding: 16px 0 24px
}

.select-1Hqz5i {
    margin: 8px 0;
    background-color: var(--background-secondary);
    border-radius: 3px
}

.label-1ANrVZ {
    font-weight: 500
}

.sectionLabel-1Qi0HG {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--header-secondary)
}

.header-1Gj-ua {
    padding: 32px 0 24px;
    border-radius: 8px 0;
    border-bottom: 1px solid var(--background-modifier-accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.applicationName-212NZT {
    font-weight: 700
}

.label-UzTiGn {
    margin-bottom: 8px
}

.currentUser-3BMWhF,.label-UzTiGn {
    font-weight: 500
}

.currentUserTag-1dfMNW {
    display: inline
}

.currentUserDiscriminator-2hSQeo {
    display: inline;
    color: var(--interactive-normal)
}

.logoutLink-2hi5Sf {
    margin-left: 8px;
    color: var(--brand-experiment)
}

.headerIcons-3eFvs9 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

.ellipseGroup-3yOSIs,.headerIcons-3eFvs9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ellipseGroup-3yOSIs {
    margin: 0 24px
}

.ellipse-34ZPbW {
    width: 4px;
    height: 4px;
    margin: 0 2px;
    background-color: var(--header-primary);
    opacity: .1;
    border-radius: 50%
}

.botTag-3EBhDH {
    margin-top: 4px!important;
    margin-left: 8px
}

.oauth2Wrapper-mHbF5q {
    min-width: 280px;
    max-width: 400px;
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    margin: 24px 16px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    background-color: var(--background-floating)
}

.wrapper-L5YRoB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px
}

.header-3a78__ {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block
}

.text-23oMQC {
    margin-top: 24px;
    text-align: center
}

.headerSuccess-_KN2IQ {
    width: 158px;
    height: 130px;
    background: url(../../assets/a05716b67c484d76041bb4cc5e01698e.html) no-repeat
}

.headerFailure-2bMPeV {
    width: 92px;
    height: 92px;
    background: url(../../assets/65646cba67589d2e1009153620bef94a.html) no-repeat
}

.footer-3ZalXG {
    padding: 16px;
    border-radius: 0 0 8px 8px;
    background-color: var(--background-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 485px) {
    .footer-3ZalXG {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0 16px 8px;
        background-color: transparent
    }

    .footer-3ZalXG button {
        margin-top: 8px
    }
}

.authorize-3eAFPo {
    width: 100%;
    height: 100%
}

.authorize-3eAFPo,.captcha-2jlizN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.captcha-2jlizN {
    padding-top: 28px;
    padding-bottom: 28px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.captchaLabel-16TXZW {
    font-weight: 500;
    margin-bottom: 20px
}

.recaptcha-16yJSA {
    height: 80px
}

.content-bHl-Nl {
    padding: 0 16px
}

.scrollContent-m6ynud {
    padding: 0 8px 0 16px
}

.container-1nZlH6 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border: 1px solid;
    cursor: pointer;
    border-radius: 3px;
    height: 40px
}

.layout-eEMo5y {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.base-96ewKC {
    font-size: 16px;
    line-height: 22px;
    background-color: transparent;
    padding: 10px 0 10px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .15s ease;
    transition: color .15s ease
}

.hiddenMessage-3287zL {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.input-1UhAnY {
    position: relative;
    width: 100%;
    z-index: 1;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border: none;
    color: var(--header-primary)
}

.input-1UhAnY::-webkit-input-placeholder {
    color: var(--text-muted)
}

.input-1UhAnY::-moz-placeholder {
    color: var(--text-muted)
}

.input-1UhAnY:-ms-input-placeholder {
    color: var(--text-muted)
}

.input-1UhAnY::placeholder {
    color: var(--text-muted)
}

.button-3tQuzi {
    margin: 4px 4px 4px 0;
    padding: 2px 20px;
    border-radius: 2px;
    -webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    transition: background-color .2s ease-in-out,color .2s ease-in-out
}

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

.disabled-qocNLx .button-3tQuzi {
    opacity: 1
}

.theme-light .container-1nZlH6 {
    background-color: rgba(79,84,92,.02);
    border-color: rgba(79,84,92,.3)
}

.theme-dark .container-1nZlH6 {
    background-color: rgba(0,0,0,.1);
    border-color: rgba(0,0,0,.3)
}

.container-CpszHS {
    -webkit-transition: border .15s ease;
    transition: border .15s ease
}

.container-CpszHS * {
    cursor: pointer
}

.container-CpszHS.hasValue-3pdcdm .button-34kXw5 {
    width: 34px
}

.container-CpszHS.hasValue-3pdcdm:not(.disabled-29eJ21):focus-within .button-34kXw5,.container-CpszHS.hasValue-3pdcdm:not(.disabled-29eJ21):hover .button-34kXw5 {
    width: 128px
}

.container-CpszHS:not(.disabled-29eJ21):focus-within,.container-CpszHS:not(.disabled-29eJ21):hover {
    border-color: rgba(237,66,69,.3)
}

.disabled-29eJ21 {
}

.disabled-29eJ21,.disabled-29eJ21 * {
    cursor: not-allowed
}

.layout-FSaTy9 {
}

.button-34kXw5 {
    width: 128px;
    white-space: nowrap;
    position: relative;
    -webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out,width .2s ease-in-out;
    transition: background-color .2s ease-in-out,color .2s ease-in-out,width .2s ease-in-out;
    overflow: hidden
}

.container-CpszHS.recording-1H2dS7 {
    color: #ed4245;
    border-color: rgba(237,66,69,.6);
    -webkit-box-shadow: 0 0 6px rgba(237,66,69,.3);
    box-shadow: 0 0 6px rgba(237,66,69,.3);
    -webkit-animation: shadowPulse-2kjgqQ 1s ease-in infinite;
    animation: shadowPulse-2kjgqQ 1s ease-in infinite
}

.container-CpszHS.recording-1H2dS7 .button-34kXw5 {
    color: #ed4245;
    background-color: rgba(237,66,69,.1)
}

.container-CpszHS.recording-1H2dS7 .input-1G2o7i {
    color: #ed4245
}

.container-CpszHS.recording-1H2dS7 .input-1G2o7i::-webkit-input-placeholder {
    color: transparent
}

.container-CpszHS.recording-1H2dS7 .input-1G2o7i::-moz-placeholder {
    color: transparent
}

.container-CpszHS.recording-1H2dS7 .input-1G2o7i:-ms-input-placeholder {
    color: transparent
}

.container-CpszHS.recording-1H2dS7 .input-1G2o7i::placeholder {
    color: transparent
}

.input-1G2o7i {
    font-weight: 600;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.editIcon-13gaox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    margin-top: -12px;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.hasValue-3pdcdm .editIcon-13gaox {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hasValue-3pdcdm:not(.disabled-29eJ21):focus-within .editIcon-13gaox,.hasValue-3pdcdm:not(.disabled-29eJ21):hover .editIcon-13gaox {
    opacity: 0;
    -webkit-transform: translate3d(-200%,0,0);
    transform: translate3d(-200%,0,0)
}

.text-2sI5Sd {
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
    opacity: 1
}

.hasValue-3pdcdm .text-2sI5Sd {
    opacity: 0;
    -webkit-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0)
}

.hasValue-3pdcdm:not(.disabled-29eJ21):focus-within .text-2sI5Sd,.hasValue-3pdcdm:not(.disabled-29eJ21):hover .text-2sI5Sd {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.theme-light .editIcon-13gaox {
    background-image: url(../../assets/a99de44bba751701d4de08fa81041ed0.html)
}

.theme-dark .editIcon-13gaox {
    background-image: url(../../assets/860396b3ff3fa1c4ae355bebfabadecb.html)
}

@-webkit-keyframes shadowPulse-2kjgqQ {
    0% {
        -webkit-box-shadow: 0 0 6px rgba(237,66,69,.3);
        box-shadow: 0 0 6px rgba(237,66,69,.3)
    }

    50% {
        -webkit-box-shadow: 0 0 10px rgba(237,66,69,.6);
        box-shadow: 0 0 10px rgba(237,66,69,.6)
    }

    to {
        -webkit-box-shadow: 0 0 6px rgba(237,66,69,.3);
        box-shadow: 0 0 6px rgba(237,66,69,.3)
    }
}

@keyframes shadowPulse-2kjgqQ {
    0% {
        -webkit-box-shadow: 0 0 6px rgba(237,66,69,.3);
        box-shadow: 0 0 6px rgba(237,66,69,.3)
    }

    50% {
        -webkit-box-shadow: 0 0 10px rgba(237,66,69,.6);
        box-shadow: 0 0 10px rgba(237,66,69,.6)
    }

    to {
        -webkit-box-shadow: 0 0 6px rgba(237,66,69,.3);
        box-shadow: 0 0 6px rgba(237,66,69,.3)
    }
}

.theme-dark .title-3pjxZQ {
    color: #b9bbbe
}

.theme-light .title-3pjxZQ {
    color: #72767d
}

.verification-3RfWYC {
    width: 100%;
    height: 100%;
    background-color: var(--background-primary)
}

.container-1kp68M {
    width: 500px
}

.image-2LVZ_j {
    width: 400px;
    height: 300px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50%
}

.title-wZCcDo {
    font-size: 24px;
    line-height: 30px
}

.body-3ROqbj,.title-wZCcDo {
    text-align: center
}

.body-3ROqbj {
    font-size: 16px;
    line-height: 24px
}

.footer-1eZumv {
    font-size: 14px;
    text-align: center;
    line-height: 18px
}

.footerBullet-1m59pn {
    opacity: .3
}

.footerAction-2ATxbG {
    font-weight: 600;
    margin-left: 12px;
    margin-right: 12px
}

.logoutButton-1WaAEE {
    position: relative;
    bottom: 40px
}

.verificationBlock-1Chfpc {
    border-radius: 3px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer
}

.verificationBlock-1Chfpc .image-2LVZ_j {
    width: 180px;
    height: 160px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50%
}

.verificationBlock-1Chfpc .body-3ROqbj {
    text-transform: uppercase
}

.theme-light .verification-3RfWYC .image-2LVZ_j {
    background-image: url(../../assets/0e61736c91ee0e76e5d941a808b2dd81.html)
}

.theme-light .verification-3RfWYC .title-wZCcDo {
    color: #4f545c
}

.theme-light .verification-3RfWYC .body-3ROqbj,.theme-light .verification-3RfWYC .footer-1eZumv {
    color: #72767d
}

.theme-light .verificationBlock-1Chfpc {
    border: 1px solid #b9bbbe
}

.theme-light .verificationBlock-1Chfpc:hover {
    background-color: #f6f6f7
}

.theme-light .verificationBlock-1Chfpc .image-2LVZ_j.email-1MPDs- {
    background-image: url(../../assets/890ba09792d4b17f9cffacdd81df6b71.html)
}

.theme-light .verificationBlock-1Chfpc .image-2LVZ_j.phone-27MBJz {
    background-image: url(../../assets/5f8406a9cccbd48676551b6250e295e4.html)
}

.theme-light .verificationBlock-1Chfpc .body-3ROqbj {
    color: #72767d
}

.theme-dark .verification-3RfWYC .image-2LVZ_j {
    background-image: url(../../assets/c290235278e128e94ae5ac37e58c5cbb.html)
}

.theme-dark .verification-3RfWYC .title-wZCcDo {
    color: #fff
}

.theme-dark .verification-3RfWYC .body-3ROqbj,.theme-dark .verification-3RfWYC .footer-1eZumv {
    color: #b9bbbe
}

.theme-dark .verificationBlock-1Chfpc {
    border: 1px solid #202225
}

.theme-dark .verificationBlock-1Chfpc:hover {
    background-color: #202225
}

.theme-dark .verificationBlock-1Chfpc .image-2LVZ_j.email-1MPDs- {
    background-image: url(../../assets/cefc9c14adce616059f519c581331b32.html)
}

.theme-dark .verificationBlock-1Chfpc .image-2LVZ_j.phone-27MBJz {
    background-image: url(../../assets/ca452f5271ebcc7132db59f60a2a9cfe.html)
}

.theme-dark .verificationBlock-1Chfpc .body-3ROqbj {
    color: #b9bbbe
}

.emailVerificationModal-3cfLjL {
    position: relative;
    width: 440px;
    padding: 20px
}

.emailVerificationModal-3cfLjL .animationContainer-s_1r9o {
    position: absolute;
    top: -150px;
    left: 90px;
    right: 90px
}

.emailVerificationModal-3cfLjL .title-38uBel {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin-top: 100px;
    color: var(--header-primary)
}

.emailVerificationModal-3cfLjL .body-1_Foxn {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: var(--header-secondary)
}

.emailVerificationModal-3cfLjL .container-2GVxK3 {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.emailVerificationModal-3cfLjL .fullWidthButton-1JDY-- {
    width: 100%
}

.neverShow-3xJo1l,.options-1ppfW- {
    margin-top: 20px
}

.neverShow-3xJo1l {
    margin-bottom: 8px;
    padding: 0;
    color: var(--text-link)
}

.cancelButton-3F-H2t {
    margin-right: 20px
}

.modal-1gaP8y {
    overflow: hidden
}

.closeIcon-1WWHLZ {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    color: var(--interactive-normal)
}

.cancelButton-3ggB4W {
    padding: 0;
    margin: 0 24px
}

.content-1ZHTI1 {
    padding-bottom: 16px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.authenticationFailImage-9Wmybq,.authenticationRequiredImage-2I6f-O,.authenticationSuccessImage-1-XUab {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 115px;
    margin-bottom: 32px
}

.theme-dark .authenticationRequiredImage-2I6f-O {
    background-image: url(../../assets/8923d313e1704c4bc45025fc8463affd.html)
}

.theme-dark .authenticationSuccessImage-1-XUab {
    background-image: url(../../assets/0c840f9cc846705b725bd89aec58f994.html)
}

.theme-dark .authenticationFailImage-9Wmybq {
    background-image: url(../../assets/42c81194eaf9128b942adc5d2a6fd66e.html)
}

.theme-light .authenticationRequiredImage-2I6f-O {
    background-image: url(../../assets/7ca3dac0d2be2df1243c9be265d1ba85.html)
}

.theme-light .authenticationSuccessImage-1-XUab {
    background-image: url(../../assets/1886d335301dfb2a33bea3d76af6804b.html)
}

.theme-light .authenticationFailImage-9Wmybq {
    background-image: url(../../assets/6995a016684f7b81cea3f33964755942.html)
}

.page-10_ecs {
    background-color: var(--background-floating);
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contentWrapper-29ZPQM,.page-10_ecs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contentWrapper-29ZPQM {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 720px;
    max-height: 640px;
    border-radius: 4px;
    background-color: var(--background-primary)
}

.platform-osx .dragRegion-1qH1bf {
    -webkit-app-region: drag
}

.dragRegion-1qH1bf {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px
}

.container-2gEa-S {
    padding: 16px
}

.inputWrapper-3hyurs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-3HWDvO {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.button-2B5Hnm {
    margin-left: 8px
}

.topic-30olbr {
    display: inline-block;
    padding: 4px;
    margin-top: 8px;
    margin-right: 8px;
    background-color: var(--background-primary)
}

.container-2XwRXY {
    padding: 16px
}

.avatar-dEJa0g,.container-2Qf5AZ {
    padding: 16px
}

.avatar-dEJa0g {
    background-size: 100% 100%
}

.avatarInner-3mvud_ {
    width: 100px;
    height: 100px
}

.uploader-3h82WB {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-1RrgbC {
    padding: 16px
}

.inputWrapper-11yqUG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-1oE3v- {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.noBorder-17NKg0 {
    border: none
}

.button-3YABwY {
    margin-left: 8px
}

.footerText-wXVE1x {
    margin-top: 8px
}

.container-1sNGel {
    background-color: var(--background-primary);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 32px;
    overflow-y: scroll
}

.contentContainer-_92jGi {
    max-width: 600px
}

.headerText-2y5zna {
    font-weight: 700;
    color: var(--header-primary)
}

.headerSubtext-2gLqAi {
    margin-top: 8px;
    color: var(--header-secondary)
}

.task-1IBHP3 {
    margin-top: 16px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--background-secondary-alt)
}

.taskHeader-2if9wy {
    padding: 12px;
    background-color: var(--background-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.taskHeader-2if9wy.selected-2JPzZ5,.taskHeader-2if9wy:hover {
    background-color: var(--background-tertiary)
}

.checkmarkContainer-enkblC {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: var(--text-muted);
    background-color: var(--background-primary)
}

.checkmarkContainer-enkblC.completed-erLY7W {
    color: #fff;
    background-color: var(--brand-experiment)
}

.checkmark-1-joJl {
    width: 18px;
    height: 18px
}

.info-PKsnnj {
    margin-left: 16px;
    margin-right: 16px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.taskTitle-IT51Jy {
    font-weight: 700;
    color: var(--header-primary)
}

.taskSubtitle-31kmNc {
    color: var(--header-secondary);
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .2s ease-in-out;
    transition: max-height .2s ease-in-out
}

.taskSubtitle-31kmNc.selected-2JPzZ5 {
    max-height: 100px
}

.taskBody-2uk5FP {
    background-color: var(--background-secondary);
    max-height: 0;
    -webkit-transition: max-height .2s ease-in-out;
    transition: max-height .2s ease-in-out
}

.taskBody-2uk5FP.selected-2JPzZ5 {
    max-height: 500px
}

.expandArrow-3m6ryE {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: var(--interactive-normal)
}

.complete-3iqMwS {
    padding: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary)
}

.bodyText-3EF5cF {
    margin-bottom: 8px
}

.followupItem-2v1ksF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    width: 100%;
    padding: 10px;
    margin-top: 8px;
    border-radius: 8px;
    cursor: pointer
}

.followupIcon-U59vzj {
    color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.followupInfo-2Tagz6 {
    margin-left: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.followupTitle-1ndjVM {
    font-weight: 600
}

.caret-3WvhKZ {
    color: var(--header-primary);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.button-1w5pas {
    position: relative;
    top: 3px;
    opacity: .8;
    -webkit-transition: stroke-dasharray .2s ease-out,-webkit-transform .2s ease-out;
    transition: stroke-dasharray .2s ease-out,-webkit-transform .2s ease-out;
    transition: transform .2s ease-out,stroke-dasharray .2s ease-out;
    transition: transform .2s ease-out,stroke-dasharray .2s ease-out,-webkit-transform .2s ease-out;
    margin-left: 4px
}

.button-1w5pas.open-1Te94t {
    -webkit-transform: translate3d(0,-3px,0) rotate(-90deg);
    transform: translate3d(0,-3px,0) rotate(-90deg)
}

.button-1w5pas.open-1Te94t path {
    stroke-dasharray: 14
}

.button-1w5pas path {
    stroke-width: 2px;
    stroke-dasharray: 7;
    stroke-dashoffset: 1;
    -webkit-transition: stroke-dasharray .2s ease;
    transition: stroke-dasharray .2s ease
}

.popouts-2bnG9Z {
    top: 0;
    left: 0;
    right: 0;
    z-index: auto
}

.popout-2iWAc-,.popouts-2bnG9Z {
    position: absolute
}

.popout-2iWAc- {
    padding: 0;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
    box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
    border-radius: 5px;
    z-index: 1000;
    -webkit-filter: blur(0)
}

.popout-2iWAc-.arrowAlignmentMiddle-NBGtsX:before,.popout-2iWAc-.arrowAlignmentTop-1yftWI:before {
    border: 8px solid transparent;
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    pointer-events: none
}

.popout-2iWAc-:after,.popout-2iWAc-:before {
    border: solid transparent;
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    pointer-events: none
}

.popout-2iWAc-:before {
    border-width: 10px
}

.popout-2iWAc-:after {
    border-width: 8px
}

.noShadow-3pu20z {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.popoutLeft-3aViER {
    margin-top: -20px
}

.popoutLeft-3aViER.arrowAlignmentTop-1yftWI:before {
    top: 12px;
    left: 100%;
    border-left-color: var(--brand-experiment)
}

.popoutLeft-3aViER.arrowAlignmentMiddle-NBGtsX:before {
    top: 50%;
    left: 100%;
    margin-top: -16px
}

.popoutLeft-3aViER.noArrow-2foL9g {
    margin-right: 10px
}

.popoutLeft-3aViER.noArrow-2foL9g:before {
    display: none
}

.popoutRight-1veHKi {
    margin-top: -20px
}

.popoutRight-1veHKi.arrowAlignmentTop-1yftWI:before {
    top: 12px;
    right: 100%;
    border-right-color: var(--brand-experiment)
}

.popoutRight-1veHKi.arrowAlignmentMiddle-NBGtsX:before {
    top: 50%;
    right: 100%;
    margin-top: -16px
}

.popoutRight-1veHKi.noArrow-2foL9g {
    margin-left: 10px
}

.popoutRight-1veHKi.noArrow-2foL9g:before {
    display: none
}

.popoutBottom-2GAFPg,.popoutBottomLeft-1pG8B4,.popoutBottomRight-2Rno5S {
    margin-top: 14px
}

.popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX:before,.popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI:before,.popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX:before,.popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI:before,.popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX:before,.popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI:before {
    left: 50%;
    bottom: 100%;
    border-bottom-color: var(--brand-experiment);
    margin-left: -8px
}

.popoutBottom-2GAFPg.noArrow-2foL9g,.popoutBottomLeft-1pG8B4.noArrow-2foL9g,.popoutBottomRight-2Rno5S.noArrow-2foL9g {
    margin-top: 10px
}

.popoutTop-3WSJtH,.popoutTopRight-1lc8Mq {
    margin-top: -14px
}

.popoutTop-3WSJtH:before,.popoutTopRight-1lc8Mq:before {
    left: 50%;
    top: 100%;
    margin-left: -10px
}

.popoutTop-3WSJtH:after,.popoutTopRight-1lc8Mq:after {
    left: 50%;
    top: 100%;
    margin-left: -8px
}

.popoutTop-3WSJtH.noArrow-2foL9g,.popoutTopRight-1lc8Mq.noArrow-2foL9g {
    margin-bottom: 10px
}

.popoutTopLeft-3B0mFf {
    margin-top: -14px
}

.popoutTopLeft-3B0mFf:before {
    right: 50%;
    top: 100%;
    margin-left: -10px
}

.popoutTopLeft-3B0mFf:after {
    right: 50%;
    top: 100%;
    margin-left: -8px
}

.popoutTopLeft-3B0mFf.noArrow-2foL9g {
    margin-bottom: 10px
}

.theme-light .popout-2iWAc- {
    -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 .popoutRight-1veHKi.arrowAlignmentMiddle-NBGtsX:before {
    border-right-color: #fff
}

.theme-light .popoutLeft-3aViER.arrowAlignmentMiddle-NBGtsX:before {
    border-left-color: #fff
}

.theme-light .popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX:before,.theme-light .popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI:before,.theme-light .popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX:before,.theme-light .popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI:before,.theme-light .popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX:before,.theme-light .popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI:before {
    border-bottom-color: #fff
}

.theme-light .popoutTop-3WSJtH:before,.theme-light .popoutTopLeft-3B0mFf:before,.theme-light .popoutTopRight-1lc8Mq:before {
    border-top-color: rgba(0,0,0,.08)
}

.theme-light .popoutTop-3WSJtH:after,.theme-light .popoutTopLeft-3B0mFf:after,.theme-light .popoutTopRight-1lc8Mq:after {
    border-top-color: #fff
}

.theme-dark .popoutRight-1veHKi.arrowAlignmentMiddle-NBGtsX:before {
    border-right-color: #18191c
}

.theme-dark .popoutLeft-3aViER.arrowAlignmentMiddle-NBGtsX:before {
    border-left-color: #18191c
}

.theme-dark .popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX:before,.theme-dark .popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI:before,.theme-dark .popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX:before,.theme-dark .popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI:before,.theme-dark .popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX:before,.theme-dark .popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI:before {
    border-bottom-color: #18191c
}

.theme-dark .popoutTop-3WSJtH:before,.theme-dark .popoutTopLeft-3B0mFf:before,.theme-dark .popoutTopRight-1lc8Mq:before {
    border-top-color: rgba(0,0,0,.1)
}

.theme-dark .popoutTop-3WSJtH:after,.theme-dark .popoutTopLeft-3B0mFf:after,.theme-dark .popoutTopRight-1lc8Mq:after {
    border-top-color: #18191c
}

.theme-light.popoutRight-1veHKi.arrowAlignmentMiddle-NBGtsX:before {
    border-right-color: #fff
}

.theme-light.popoutLeft-3aViER.arrowAlignmentMiddle-NBGtsX:before {
    border-left-color: #fff
}

.theme-light.popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX:before,.theme-light.popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI:before,.theme-light.popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX:before,.theme-light.popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI:before,.theme-light.popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX:before,.theme-light.popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI:before {
    border-bottom-color: var(--brand-experiment)
}

.theme-light.popoutTop-3WSJtH:before,.theme-light.popoutTopLeft-3B0mFf:before,.theme-light.popoutTopRight-1lc8Mq:before {
    border-top-color: rgba(0,0,0,.08)
}

.theme-light.popoutTop-3WSJtH:after,.theme-light.popoutTopLeft-3B0mFf:after,.theme-light.popoutTopRight-1lc8Mq:after {
    border-top-color: #fff
}

.theme-dark.popoutRight-1veHKi.arrowAlignmentMiddle-NBGtsX:before {
    border-right-color: #18191c
}

.theme-dark.popoutLeft-3aViER.arrowAlignmentMiddle-NBGtsX:before {
    border-left-color: #18191c
}

.theme-dark.popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX:before,.theme-dark.popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI:before,.theme-dark.popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX:before,.theme-dark.popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI:before,.theme-dark.popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX:before,.theme-dark.popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI:before {
    border-bottom-color: #18191c
}

.theme-dark.popoutTop-3WSJtH:before,.theme-dark.popoutTopLeft-3B0mFf:before,.theme-dark.popoutTopRight-1lc8Mq:before {
    border-top-color: rgba(0,0,0,.1)
}

.theme-dark.popoutTop-3WSJtH:after,.theme-dark.popoutTopLeft-3B0mFf:after,.theme-dark.popoutTopRight-1lc8Mq:after {
    border-top-color: #18191c
}

.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg) {
    border-radius: 3px 3px 0 0
}

.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg)>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).arrowAlignmentMiddle-NBGtsX,.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).arrowAlignmentTop-1yftWI {
    border-radius: 0 0 3px 3px
}

.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTop-3WSJtH,.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTopRight-1lc8Mq {
    margin-top: -14px
}

.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTop-3WSJtH.arrowAlignmentMiddle-NBGtsX:before,.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTop-3WSJtH.arrowAlignmentTop-1yftWI:before,.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTopRight-1lc8Mq.arrowAlignmentMiddle-NBGtsX:before,.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTopRight-1lc8Mq.arrowAlignmentTop-1yftWI:before {
    left: 50%;
    top: 100%;
    border-top-color: var(--brand-experiment);
    margin-left: -8px
}

.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTop-3WSJtH:after,.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTopRight-1lc8Mq:after {
    visibility: hidden
}

.noArrow-2foL9g:after,.noArrow-2foL9g:before {
    display: none
}

.hack-3ZLZIE {
}

.content-1nP7fx {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px;
    border-radius: 8px
}

.contentNoMedia-1yP2hn,.contentWithMedia-3YF06_ {
}

.contentNarrowWithMedia--qMz0o {
    width: 280px
}

.contentNarrowNoMedia-Il01H1 {
    width: 280px
}

.contentWideWithMedia-2q24e5 {
    width: 300px
}

.contentWideNoMedia-22TIu6 {
    width: 300px
}

.theme-dark .content-1nP7fx {
    background-color: #18191c
}

.theme-dark .leftArrow-fNTiNn:before {
    border-right-color: #18191c
}

.theme-dark .rightArrow-1u-p-_:before {
    border-left-color: #18191c
}

.theme-dark .contentNarrowNoMedia-Il01H1.topArrow-1B63md:before,.theme-dark .contentWideNoMedia-22TIu6.topArrow-1B63md:before {
    border-bottom-color: #fff
}

.theme-light.content-1nP7fx,.theme-light .content-1nP7fx {
    background-color: #fff
}

.theme-light.contentWithMedia-3YF06_,.theme-light .contentWithMedia-3YF06_ {
    border: 1px solid rgba(185,187,190,.3)
}

.theme-light.leftArrow-fNTiNn:before,.theme-light .leftArrow-fNTiNn:before {
    border-right-color: #fff
}

.theme-light.rightArrow-1u-p-_:before,.theme-light .rightArrow-1u-p-_:before {
    border-left-color: #fff
}

.theme-light.contentNarrowMedia-W7SHxH.topArrow-1B63md:before,.theme-light .contentNarrowNoMedia-Il01H1.topArrow-1B63md:before,.theme-light.contentWideNoMedia-22TIu6.topArrow-1B63md:before,.theme-light .contentWideNoMedia-22TIu6.topArrow-1B63md:before,.theme-light.topArrow-1B63md:before,.theme-light .topArrow-1B63md:before {
    border-bottom-color: #fff
}

.mediaContainer-1H1Z_r {
    position: absolute;
    top: -40px;
    width: calc(100% - 32px)
}

.background-2lsEHp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.theme-dark .background-2lsEHp {
    color: #fff
}

.theme-light.background-2lsEHp,.theme-light .background-2lsEHp {
    color: #000
}

.title-eQ0ZMf {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 4px
}

&.title-eQ0ZMf,.title-eQ0ZMf {
    color: var(--header-primary)
}

.titleCenter-2bwbDI {
    text-align: center
}

.titleLeft-2erkAr {
    text-align: left
}

.body-2awMwV p,div.body-2awMwV,p.body-2awMwV {
    font-size: 14px;
    font-weight: 500;
    color: var(--header-secondary);
    line-height: 18px;
    margin-bottom: 16px;
    margin-top: 0
}

strong {
    font-weight: 600
}

.buttonSkipCenterAlign-2kUfCH,.buttonSkipLeftAlign-2Oe1kC {
    padding-left: 16px;
    padding-right: 16px;
    color: var(--text-muted)
}

.buttonSkipCenterAlign-2kUfCH {
    margin-left: 8px
}

.bodyCenter-1ilK3X {
    text-align: center
}

.bodyLeft-3Dnrhp {
    text-align: left
}

.buttonContainer-lZQm0q {
    margin-top: 16px
}

.container-2k0FnA {
    position: relative;
    top: -10px
}

.container-1bog4s {
    position: relative;
    top: 10px
}

.container-om6VJQ {
    position: relative
}

.personAvatar-2_BWgA {
    margin-top: 20px
}

.guildAvatar-335csq {
    margin-top: -38px;
    margin-left: 193px
}

.illustration-6eULCC {
    position: absolute;
    top: 0;
    left: 50px
}

.avatarSizeOverride-3xEJPs {
    width: 60px!important;
    height: 60px!important
}

.icon-7Z466E {
    margin: 0 2px 4px;
    vertical-align: middle
}

.voiceConversationsTitle-2LSHDw {
    margin-top: 32px
}

.writingMessagesTitle-3jhgwS {
    margin-top: 44px
}

.organizeByTopicTitle-301ebv {
    margin-top: 40px
}

.voiceChannelsTitle-3UxkpI {
    margin-top: 24px
}

.channelsTitle-1-1-6I {
    margin-top: 90px
}

.indicator-1afSc8 {
    position: absolute;
    z-index: 999;
    pointer-events: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.animationContainer-C1kDfz {
    position: relative;
    width: 36px;
    height: 36px;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.animationContainer-C1kDfz.animating-1Fb05y {
    opacity: 1
}

.animationContainer-C1kDfz.notAnimating-2EIRej {
    opacity: 0
}

.top-3fo3zT {
    position: absolute;
    background: url(../../assets/e1969c99c7929450baa3c88fab8e244c.html) 50% no-repeat;
    background-size: contain;
    width: 9px;
    height: 22px;
    left: 18.5px;
    top: -10px
}

.top-3fo3zT.animating-1Fb05y {
    -webkit-animation: exclaim-loop-TJkd9E 1.5s ease-in-out infinite forwards;
    animation: exclaim-loop-TJkd9E 1.5s ease-in-out infinite forwards
}

.top-3fo3zT.notAnimating-2EIRej {
    -webkit-animation: quick-fade-out-3IYyUm .2s forwards;
    animation: quick-fade-out-3IYyUm .2s forwards
}

.bottom-UE1eOv {
    position: absolute;
    background: url(../../assets/91efb70de850b7180044d04def863f07.html) 50% no-repeat;
    background-size: contain;
    width: 8px;
    height: 8px;
    left: 14px;
    top: 14px
}

.bottom-UE1eOv.animating-1Fb05y {
    -webkit-animation: dot-loop-2Y4ENp 1.5s ease-in-out infinite forwards;
    animation: dot-loop-2Y4ENp 1.5s ease-in-out infinite forwards
}

.bottom-UE1eOv.notAnimating-2EIRej {
    -webkit-animation: quick-fade-out-3IYyUm .2s forwards;
    animation: quick-fade-out-3IYyUm .2s forwards
}

.innerCircle-2Tsscg {
    opacity: .1;
    position: absolute;
    background: url(../../assets/5d7b0c4b2a82d63d829b6ea591853c22.html) 50% no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    top: 3px;
    left: 3px
}

.innerCircle-2Tsscg.animating-1Fb05y {
    opacity: .1;
    -webkit-animation: inner-circle-loop-2ptEJN 1.5s infinite;
    animation: inner-circle-loop-2ptEJN 1.5s infinite
}

.innerCircle-2Tsscg.animating-1Fb05y.highPriority-2lg-eA {
    -webkit-animation: inner-circle-loop-high-priority-2YYlba 1.5s infinite;
    animation: inner-circle-loop-high-priority-2YYlba 1.5s infinite
}

.innerCircle-2Tsscg.notAnimating-2EIRej {
    -webkit-animation: quick-fade-out-3IYyUm .2s forwards;
    animation: quick-fade-out-3IYyUm .2s forwards
}

.outerCircle-2K0c82 {
    opacity: .1;
    position: absolute;
    background: url(../../assets/2cf1ec0c044e0a2bdf7d818a1c8a7101.html) 50% no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px
}

.outerCircle-2K0c82.animating-1Fb05y {
    opacity: 0;
    -webkit-animation: outer-circle-loop-2tj-Tq 1.5s infinite;
    animation: outer-circle-loop-2tj-Tq 1.5s infinite
}

.outerCircle-2K0c82.animating-1Fb05y.highPriority-2lg-eA {
    -webkit-animation: outer-circle-loop-high-priority-26WkDY 1.5s infinite;
    animation: outer-circle-loop-high-priority-26WkDY 1.5s infinite
}

.outerCircle-2K0c82.notAnimating-2EIRej {
    -webkit-animation: quick-fade-out-3IYyUm .2s forwards;
    animation: quick-fade-out-3IYyUm .2s forwards
}

@-webkit-keyframes exclaim-loop-TJkd9E {
    0% {
        top: -10px
    }

    21% {
        top: -14px
    }

    46%,51% {
        top: -10px
    }

    72% {
        top: -14px
    }

    to {
        top: -10px
    }
}

@keyframes exclaim-loop-TJkd9E {
    0% {
        top: -10px
    }

    21% {
        top: -14px
    }

    46%,51% {
        top: -10px
    }

    72% {
        top: -14px
    }

    to {
        top: -10px
    }
}

@-webkit-keyframes dot-loop-2Y4ENp {
    0% {
        top: 14px
    }

    19% {
        top: 9px
    }

    44%,49% {
        top: 14px
    }

    70% {
        top: 9px
    }

    95%,to {
        top: 14px
    }
}

@keyframes dot-loop-2Y4ENp {
    0% {
        top: 14px
    }

    19% {
        top: 9px
    }

    44%,49% {
        top: 14px
    }

    70% {
        top: 9px
    }

    95%,to {
        top: 14px
    }
}

@-webkit-keyframes inner-circle-loop-2ptEJN {
    0% {
        opacity: .1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    42% {
        opacity: .25;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

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

@keyframes inner-circle-loop-2ptEJN {
    0% {
        opacity: .1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    42% {
        opacity: .25;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

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

@-webkit-keyframes outer-circle-loop-2tj-Tq {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    51% {
        opacity: .2;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

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

@keyframes outer-circle-loop-2tj-Tq {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    51% {
        opacity: .2;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

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

@-webkit-keyframes inner-circle-loop-high-priority-2YYlba {
    0% {
        opacity: .1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    42% {
        opacity: .5;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

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

@keyframes inner-circle-loop-high-priority-2YYlba {
    0% {
        opacity: .1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    42% {
        opacity: .5;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

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

@-webkit-keyframes outer-circle-loop-high-priority-26WkDY {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    51% {
        opacity: .4;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

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

@keyframes outer-circle-loop-high-priority-26WkDY {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    51% {
        opacity: .4;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

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

@-webkit-keyframes quick-fade-out-3IYyUm {
    to {
        opacity: 0
    }
}

@keyframes quick-fade-out-3IYyUm {
    to {
        opacity: 0
    }
}

.image-3AuVz1 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.theme-dark .image-3AuVz1 {
    background-image: url(../../assets/1eed0d895df6e35f164d8ed5e84037d2.html)
}

.theme-light .image-3AuVz1 {
    background-image: url(../../assets/f899de04ecfface32db505c74a6fd351.html)
}

.searchBar-1FaHXw {
    background-color: var(--background-secondary);
    border: 1px solid var(--background-tertiary);
    margin-bottom: 8px
}

.modalRoot-2m5tXx {
    height: 478px
}

.button-3dsb8k {
    margin-left: 8px
}

.header-2TZe19 {
    margin-top: 16px
}

.headerSubtitle-2pkm7y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerSubtitleIcon-35rx5e {
    padding-right: 4px
}

.content-3JiERV {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%
}

.searchBox-2U8-yR {
    padding: 0 16px 12px
}

.roleMemberList-3mYYYB {
    margin: 0
}

.addMemberRow-3-w-9X {
    margin-left: 12px;
    margin-right: 4px;
    padding: 8px 6px;
    border-radius: 4px;
    cursor: pointer
}

.addMemberRow-3-w-9X.selectedRow-1QP7qb {
    background-color: var(--background-modifier-selected)
}

.checkboxLabel-3ZBKMU {
    padding-left: 8px
}

.rowHeight-5gIjky {
    height: 24px
}

.rowLabel-2Ttg81 {
    margin-left: 8px;
    margin-right: 4px
}

.rowTitle-21Ny_7 {
    font-weight: 500
}

.rowLabelSubText-35LqC- {
    margin-left: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sectionTitle-2PYny6 {
    color: var(--text-normal);
    padding-top: 8px;
    padding-left: 16px
}

.noResultIcon-1bkvDZ {
    margin-bottom: 16px;
    width: 85px;
    height: 85px
}

.description-2YaX4y {
    margin-bottom: 24px;
    padding: 0 16px
}

.theme-dark .scrollSeparator-2w4X2o {
    -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-light .scrollSeparator-2w4X2o {
    -webkit-box-shadow: 0 1px 0 0 rgba(185,187,190,.3);
    box-shadow: 0 1px 0 0 rgba(185,187,190,.3)
}

.modalRoot-3CFA4t {
    height: 478px
}

.header-17bQeH {
    margin-top: 16px
}

.headerSubtitle-1rLiK5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerSubtitleIcon-1u5vaJ {
    padding-right: 4px
}

.error-1xqs3z {
    margin-left: 16px;
    margin-right: 16px
}

.container-jSV3OF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    font-weight: 500;
    padding: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fontSize14-1tusjs {
    font-size: 14px;
    line-height: 18px
}

.fontSize16-2ItDSF {
    font-size: 16px;
    line-height: 20px
}

.icon-1jlFSw {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.text-2J5crT {
    margin-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: center;
    align-self: center
}

.text-2J5crT p {
    margin: 0
}

.text-2J5crT p~p {
    margin-top: 8px
}

.warning-3C2pOH {
    background: var(--info-warning-background);
    border: 1px solid var(--info-warning-foreground);
    color: var(--info-warning-text)
}

.warning-3C2pOH .icon-1jlFSw {
    color: var(--info-warning-foreground)
}

.info-1rdF5A {
    background: var(--info-help-background);
    border: 1px solid var(--info-help-foreground);
    color: var(--info-help-text)
}

.info-1rdF5A .icon-1jlFSw {
    color: var(--info-help-foreground)
}

.error-c-8XMu {
    background: var(--info-danger-background);
    border: 1px solid var(--info-danger-foreground);
    color: var(--info-danger-text)
}

.error-c-8XMu .icon-1jlFSw {
    color: var(--info-danger-foreground)
}

.modal-2VIBV8 {
    width: 440px
}

.modalContent-N6GsWH {
    max-height: 480px
}

.footer-1oJbSA {
    padding: 20px
}

.description-zfMhzy,.name-3ChUIO,.type-3aEJ96 {
}

.cloneInfo-1OC_Ee {
}

.icon-3pNFyS {
    opacity: .6;
    margin-right: 6px;
    fill: #b9bbbe
}

.error-chiOuv {
}

.header-3nFfBB {
    margin-top: 16px;
    margin-bottom: 16px
}

.headerSubtitle-KRA6bs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerSubtitleIcon-1fMNRd {
    padding-right: 4px
}

.closeButton-20eBet {
    position: absolute;
    top: -4px;
    right: 8px
}

.modalTitle-1Ymoer {
    font-weight: 700
}

.sectionTitle-39SH0_ {
    color: var(--text-normal);
    margin-bottom: 8px
}

.clone-14QU8p {
    opacity: .6
}

.permissionsTitle-2yG7gU {
}

.foreground-SshK2E {
    opacity: 1
}

.background-6FOJIb {
    opacity: .6
}

.inputWrapper-24Isu7 {
    position: relative
}

.inputInner-2UxuB6 {
    padding-left: 28px
}

.inputPrefix-1gzNds {
    position: absolute;
    top: 12px;
    left: 8px;
    color: var(--text-normal)
}

.switchIcon-_4Efyi {
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    display: inline-block;
    opacity: .6;
    margin-right: 3px
}

.channelTypeDescription-7YNNIr,.storeChannelOptionSelector-2rFIBx {
    margin-bottom: 20px
}

.username-2PcCVD {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 8px;
    font-size: 16px;
    line-height: 20px
}

.emptyRoles-39tqQo {
    margin-top: 16px;
    margin-bottom: 16px
}

.owner-2uUH68 {
    margin-top: 8px
}

.addMembersContainer-8K9nhE {
    height: 380px;
    overflow: hidden;
    padding: 0 0 0 8px
}

.addMemberError-1Rvepg {
    padding-left: 8px;
    padding-right: 8px
}

.createError-1820x- {
    margin: 16px
}

.theme-dark .cloneInfo-1OC_Ee strong,.theme-dark .subtitle-3csUrC {
    color: #b9bbbe
}

.theme-light .cloneInfo-1OC_Ee strong {
    color: #36393f
}

.theme-light .subtitle-3csUrC {
    color: #72767d
}

.radioText-3nuXCv {
    font-weight: 500
}

.button-2CgfFz {
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-transition: opacity .1s ease-in-out,-webkit-box-shadow .1s ease-in-out,-webkit-transform .2s ease;
    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;
    transition: opacity .1s ease-in-out,box-shadow .1s ease-in-out,transform .2s ease,-webkit-box-shadow .1s ease-in-out,-webkit-transform .2s ease
}

.button-2CgfFz:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.default-3oAQTF {
    background-image: url(../../assets/7b3f88ae8e1d67c3c4d2dc825130bfef.html)
}

.filled-1iCBCZ {
    background-image: url(../../assets/eb69ec9fdd30653a3ade1ab501a7cd3d.html);
    background-color: #ed4245
}

.filled-1iCBCZ:hover {
    background-color: #ee4f52
}

.theme-light .button-2CgfFz {
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 1px 5px rgba(0,0,0,.2)
}

.theme-light .button-2CgfFz:hover {
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-light .default-3oAQTF {
    background-color: #fff
}

.theme-light .default-3oAQTF:hover {
    background-color: #f5f5f5
}

.theme-dark .button-2CgfFz {
    -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 .button-2CgfFz:hover {
    -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)
}

.theme-dark .default-3oAQTF {
    background-color: #36393f
}

.theme-dark .default-3oAQTF:hover {
    background-color: #44474c
}

.lighten-2aYaaU {
    opacity: .3
}

.wrapper-1U5SlS {
    position: relative;
    overflow: hidden
}

.icon-JJBzjE {
    -ms-flex-item-align: center;
    align-self: center;
    min-width: 16px
}

.title-1B76a1 {
    margin: 0 4px
}

.subtitle-2yP_Eh,.title-1B76a1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.subtitle-2yP_Eh {
    min-width: 48px;
    text-transform: uppercase;
    color: var(--text-normal)
}

.spacing-3SKozy {
    margin-bottom: 20px
}

.smallSpacing-2Dn-1F {
    margin-bottom: 8px
}

.largeSpacing-304iPU {
    margin-bottom: 40px;
    margin-top: 8px
}

.lighten-kLb06a {
    opacity: .6
}

.marginReset-Mol2dw {
    margin: 0
}

.checkboxContainer-2vV9zd {
    position: relative
}

.checkboxContainer-2vV9zd:before {
    content: "";
    position: absolute;
    top: 0;
    left: -26px;
    width: 1px;
    height: 100%
}

.checkboxMute-14hTGS {
    position: relative
}

.checkboxMute-14hTGS:before {
    content: "";
    position: absolute;
    top: -16px;
    left: -26px;
    right: -26px;
    bottom: -16px;
    background-color: rgba(0,0,0,.1)
}

.checkboxContainerMuted-1HFenf {
    opacity: .3
}

.muteUntilTitle-2kU0Z4 {
    margin: 0
}

.muteUntilText-2BkKag {
    color: var(--header-secondary)
}

.muteTimeSelector-3WrM7K {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.checkboxGroup-Z7AmuU {
    width: 300px
}

.overrideList-Xc_VCf {
    padding-bottom: 12px
}

.override-2YgiXd,.overrideHighlight-YPcBxt {
    margin-bottom: 8px;
    position: relative;
    padding: 10px 0 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.override-2YgiXd:focus-within .removeOverride-2sdvVX,.override-2YgiXd:hover .removeOverride-2sdvVX,.overrideHighlight-YPcBxt:focus-within .removeOverride-2sdvVX,.overrideHighlight-YPcBxt:hover .removeOverride-2sdvVX {
    opacity: 1
}

.overridePlaceholder-14_rPI {
    margin-bottom: 8px;
    height: 56px;
    border-radius: 3px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iconContainer-2h8jYA {
    height: 20px
}

.icon-IkZExu,.overrideHeader-367JNH {
}

.overrideHeader-367JNH {
    font-weight: 600
}

.header-3Uqp87 {
    margin-bottom: 8px;
    color: var(--text-normal)
}

.headerName-2n9eUZ {
    margin-left: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.headerOption-3qo9Ph {
    cursor: default;
    text-align: center;
    width: 75px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.removeOverride-2sdvVX {
    position: absolute;
    top: -12px;
    right: -12px;
    opacity: 0
}

.channelName-28iMRJ {
    font-weight: 600
}

.channelNameByline-R73-tU {
}

.channelNameCategory-mxHe-m {
    font-weight: 500;
    opacity: .3;
    text-transform: uppercase;
    font-size: 11px
}

.theme-dark .channelName-28iMRJ {
    color: #f6f6f7
}

.theme-dark .guildName-3WI6ml,.theme-dark .override-2YgiXd,.theme-dark .overrideHighlight-YPcBxt {
    color: #b9bbbe
}

.theme-dark .override-2YgiXd:hover {
    background-color: rgba(32,34,37,.1)
}

.theme-dark .overrideHighlight-YPcBxt,.theme-dark .overrideHighlight-YPcBxt:hover {
    background-color: rgba(32,34,37,.3)
}

.theme-dark .checkboxContainer-2vV9zd:before {
    background-color: rgba(32,34,37,.6)
}

.theme-dark .overridePlaceholder-14_rPI {
    border: 1px dashed #18191c
}

.theme-light .channelName-28iMRJ {
    color: #4f545c
}

.theme-light .guildName-3WI6ml,.theme-light .override-2YgiXd,.theme-light .overrideHighlight-YPcBxt {
    color: #72767d
}

.theme-light .override-2YgiXd:hover {
    background-color: rgba(246,246,247,.1)
}

.theme-light .overrideHighlight-YPcBxt,.theme-light .overrideHighlight-YPcBxt:hover {
    background-color: rgba(246,246,247,.3)
}

.theme-light .checkboxContainer-2vV9zd:before {
    background-color: rgba(220,221,222,.6)
}

.theme-light .overridePlaceholder-14_rPI {
    border: 1px dashed #b9bbbe
}

.content-191BxG {
    padding-top: 16px
}

.standardSidebarView-3F1I7i {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 101;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--background-primary)
}

.standardSidebarView-3F1I7i,.standardSidebarView-3F1I7i * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.platform-win .standardSidebarView-3F1I7i {
    top: 22px
}

.platform-osx .standardSidebarView-3F1I7i:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 22px;
    z-index: 10;
    -webkit-app-region: drag
}

.sidebarRegion-VFTUkN {
    -ms-flex: 1 0 218px;
    flex: 1 0 218px;
    z-index: 1;
    -ms-flex-pack: end
}

.sidebarRegion-VFTUkN,.sidebarRegionScroller-3MXcoP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.sidebarRegionScroller-3MXcoP {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: var(--background-secondary)
}

.sidebar-CFHs9e {
    width: 218px;
    padding: 60px 6px 60px 20px
}

.contentTransitionWrap-3hqOEW {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.contentRegionScroller-26nc1e {
    height: 100%;
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-x: hidden;
    background-color: var(--background-primary)
}

.contentRegionScroller-26nc1e .toolsContainer-1edPuj {
    margin-right: 21px
}

.contentRegionScroller-26nc1e .tools-3-3s-N {
    position: fixed
}

.contentRegion-3nDuYy {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 800px;
    flex: 1 1 800px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: var(--background-primary)
}

.contentColumn-2hrIYH,.customColumn-Rb6toI {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 740px;
    min-width: 460px;
    min-height: 100%
}

.contentColumnDefault-1VQkGM {
    position: relative;
    padding: 60px 40px 80px
}

.contentColumnMinimal-2iX-kP {
    padding-right: 40px
}

.customHeader-PhBRGa {
    padding-top: 60px
}

.customColumn-Rb6toI {
    padding-bottom: 0
}

.customContainer-1RHXqt {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.customScroller-26gWhv {
    position: static;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.customScroller-26gWhv>div {
    margin-left: 40px;
    margin-right: 97px;
    max-width: 660px;
    min-width: 404px
}

.noticeRegion-1YviSH {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 71px;
    max-width: 740px;
    padding: 0 20px 20px;
    z-index: 2
}

.toolsContainer-1edPuj {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    margin-right: 35px;
    width: 60px;
    padding-top: 60px
}

.theme-light .customContainer-1RHXqt:before {
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.theme-dark .customContainer-1RHXqt:before {
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.spacing-ApfUws {
}

.card-3uOWw3 {
    padding: 10px;
    line-height: 20px
}

.error-oCzt6n {
}

.warning-3AwWn_ {
    color: #fff
}

.pageControlContainer-eP-SVd {
    bottom: 0;
    width: 100%;
    margin-top: 16px
}

.pageControl-xGOf_S {
    margin: auto;
    padding: 4px 0
}

.pageButton-2ruNwd,.pageControl-xGOf_S {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.pageButton-2ruNwd {
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 28px;
    min-width: 28px;
    padding: 6px;
    margin: 4px;
    cursor: pointer;
    color: var(--header-primary)
}

.pageButton-2ruNwd:hover {
    color: var(--interactive-hover);
    background-color: var(--background-secondary-alt)
}

.roundButton-CEHyUp {
    min-width: 28px;
    border-radius: 14px
}

.endButton-m5h5Sr {
    padding: 0 8px
}

.endButton-m5h5Sr:first-child {
    padding-right: 12px
}

.endButton-m5h5Sr:last-child {
    padding-left: 12px
}

.endButtonInner-36a1wi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gap-3lIf-M {
    width: 28px;
    margin: 8px 4px;
    text-align: center;
    color: var(--text-normal)
}

.iconCaret-291Y5V {
    display: inline-block;
    width: 1em;
    height: 1em
}

.iconCaret-291Y5V:first-child {
    margin-right: 4px
}

.iconCaret-291Y5V:last-child {
    margin-left: 4px
}

.jumpToPageInlineInput-1Pcgbd {
    width: 50px
}

.jumpToPageInlineInput-1Pcgbd+.activeButton-rvKcqq {
    margin-left: 10px
}

.activeButton-rvKcqq+.jumpToPageInlineInput-1Pcgbd {
    margin-left: 6px
}

.theme-dark .activeButton-rvKcqq,.theme-dark .activeButton-rvKcqq:hover,.theme-light .activeButton-rvKcqq,.theme-light .activeButton-rvKcqq:hover {
    color: #fff;
    background-color: var(--brand-experiment-500)
}

.guildJoinRequestRow-35c262 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--background-modifier-accent);
    cursor: pointer
}

.guildJoinRequestRow-35c262:hover {
    background-color: var(--background-secondary);
    border-radius: 4px
}

.guildJoinRequestRow-35c262:last-of-type {
    border-bottom: none
}

.inline-yu1eCu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.spacer-i52oV7 {
    margin-right: 16px
}

.status-M_uKgm {
    background-color: var(--background-secondary);
    padding: 2px 8px;
    border-radius: 8px
}

.status-M_uKgm.approved-1ruTYe {
    background-color: #3ba55c
}

.status-M_uKgm.rejected-pJ_kU_ {
    background-color: #ed4245
}

.caret-2lmaKa {
    background-color: var(--background-tertiary);
    padding: 8px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: var(--header-secondary)
}

.search-3VWz2t {
    margin-bottom: 16px
}

.emptyContainer-yF7VLv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.emptyContainer-yF7VLv,.emptyIcon-1-fUj8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.emptyIcon-1-fUj8 {
    height: 90px;
    margin-top: 84px;
    margin-bottom: 24px
}

.checkmark-2JmSeu {
    background-color: var(--background-tertiary);
    color: var(--interactive-normal);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding: 16px;
    -ms-flex-item-align: center;
    align-self: center
}

.star-eymo6_ {
    color: #ffd01a;
    width: 12px;
    height: 12px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0 2px
}

.plus-1EbKzu {
    color: #5ae6dc;
    width: 20px;
    height: 20px
}

.emptyBody-GDvh5u {
    margin-top: 8px
}

.fetchingSpinner-3F97LU {
    margin-top: 48px;
    margin-bottom: 48px
}

.spacedButton-a-GPe4 {
    margin: 0 8px
}

.body-3grkQa {
    margin-bottom: 16px
}

.close-2okGrS {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0;
    height: 24px;
    z-index: 2
}

.modal-1HIJ4q {
    min-height: unset;
    max-height: 100%
}

.headerText-ldXsZJ {
    margin-bottom: 16px
}

.modalContent-MfAPtc {
    padding: 16px
}

.addItemButton-1lC30o {
    margin-top: 8px
}

.dragging-1GRizT {
    opacity: .6
}

.draggableInputContainer-2IHkcW {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -8px
}

.inputWrapper-2a6F8U {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
    margin-bottom: 12px
}

.inputWrapper-2a6F8U:hover .clearButton-2akzBa {
    opacity: 1
}

.inputWrapper-2a6F8U:hover .rulesInputNumber-1n2j7c {
    opacity: 0
}

.rulesInputNumber-1n2j7c {
    position: absolute;
    top: 11px;
    left: 8px;
    line-height: 24px;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.rulesTextAreaInput-2aGfKB {
    padding-left: 16px;
    border-radius: 4px;
    background-color: var(--background-secondary-alt);
    border: 1px solid var(--background-tertiary);
    white-space: pre-wrap
}

.clearButton-2akzBa {
    position: absolute;
    top: 12px;
    left: 8px;
    color: var(--interactive-normal);
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    z-index: 2
}

.clearButton-2akzBa:focus,.clearButton-2akzBa:hover {
    opacity: 1
}

.clearButton-2akzBa:focus~.rulesInputNumber-1n2j7c,.clearButton-2akzBa:hover~.rulesInputNumber-1n2j7c {
    opacity: 0
}

.clearButtonRight--vP5QI {
    left: unset;
    right: 8px
}

.clearIcon-1_xlaH {
    width: 16px;
    height: 16px
}

.dragContainer-2EVQ7N {
    padding: 8px;
    cursor: move
}

.dragIcon-1dICoF {
    color: var(--interactive-normal)
}

.divider-3M6rki {
    height: 1px;
    background-color: var(--background-modifier-accent);
    margin: 16px 0
}

.exampleRule-32tIs5 {
    cursor: pointer;
    background-color: var(--background-secondary-alt);
    border-radius: 4px;
    padding: 8px;
    margin: 0 8px 8px 0
}

.exampleRule-32tIs5.disabled-2Owor3 {
    cursor: not-allowed;
    opacity: .8
}

.errorText-2qUDB7 {
    margin-top: 8px
}

.cancelButton-2XkGpw {
    margin-right: 8px
}

.spacedItem-350nB_ {
    margin-bottom: 16px
}

.characterCount-39ID2T {
    font-size: 12px;
    right: 12px;
    height: 32px
}

.addFieldButtonsContainer-2ecRcx {
    width: 160px;
    margin-right: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.addFieldRow-3_brle {
    margin: 20px 0;
    font-weight: 600
}

.addFieldButton-LieBLO {
    cursor: pointer
}

.disabled-3rsGZ1 {
    opacity: .2
}

.icon-1CGepy {
    padding: 4px;
    border-radius: 4px;
    background-color: var(--background-secondary);
    margin-right: 8px;
    color: var(--interactive-normal)
}

.iconBackground-2OK4vl {
    fill: var(--background-secondary)
}

.previewContainer-12Libf {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 508px
}

.editableFieldsContainer-1LYE1s {
    margin-right: -40px;
    width: 508px
}

.formPreview-JBqQAX {
    background-color: var(--background-secondary);
    border-radius: 8px;
    padding: 16px
}

.editableFormFieldWrapper-S6Tyfh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.editableFormFieldWrapper-S6Tyfh:hover .editButtonsWrapper-Jj1cFn {
    visibility: visible
}

.dragging-3XbwTj {
    opacity: .5
}

.draggableWrapper-1MSRt5 {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.draggableWrapper-1MSRt5 * {
    cursor: move
}

.editButtonsWrapper-Jj1cFn {
    margin-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    visibility: hidden
}

.editButton-1MavoF {
    cursor: pointer;
    background-color: var(--background-secondary);
    padding: 8px;
    border-radius: 50%;
    margin-bottom: 8px;
    color: var(--interactive-normal)
}

.editButton-1MavoF:focus,.editButton-1MavoF:hover {
    color: var(--interactive-active)
}

.editButtonDisabled-1F2FLU {
    cursor: default
}

.editButtonDisabled-1F2FLU,.editButtonDisabled-1F2FLU:focus,.editButtonDisabled-1F2FLU:hover {
    color: var(--interactive-muted)
}

.getStartedWrapper-2AGgRZ {
    width: 100%;
    background-color: var(--background-secondary);
    border-radius: 8px;
    padding: 24px 16px;
    margin: 0;
    text-align: center
}

.getStartedIcon-3v4RyG,.getStartedSubtitle-260-IP {
    margin-bottom: 16px
}

.getStartedTitle-2nDca2 {
    margin-bottom: 8px
}

.errorBanner-1EY3-l {
    margin-bottom: 16px
}

.approvalTypeNotice-sWkFpW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px
}

.approvalTypeTitle-3JmBVz {
    text-transform: uppercase;
    padding: 8px;
    border-radius: 8px 8px 0 0
}

.autoApprovalTitle-3Suv0U {
    background-color: #3ba55c
}

.manualApprovalTitle-3aZYAH {
    background-color: var(--brand-experiment)
}

.approvalTypeBody-ctYX-S {
    padding: 8px;
    background-color: var(--background-secondary);
    border-radius: 0 0 8px 8px
}

.settingsSubtitle-14oNNx {
    color: var(--header-secondary)
}

.enableContainer-2DIT9Q {
    padding: 16px;
    background-color: var(--background-secondary-alt);
    border-radius: 4px
}

.iconCircle-JEgPhb {
    margin-right: 16px;
    border-radius: 50%
}

@-webkit-keyframes enable-QfV0hb {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 rgba(59,165,92,.5);
        box-shadow: 0 0 0 0 rgba(59,165,92,.5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: #57f287
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px rgba(59,165,92,0);
        box-shadow: 0 0 0 8px rgba(59,165,92,0)
    }
}

@keyframes enable-QfV0hb {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 rgba(59,165,92,.5);
        box-shadow: 0 0 0 0 rgba(59,165,92,.5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: #57f287
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px rgba(59,165,92,0);
        box-shadow: 0 0 0 8px rgba(59,165,92,0)
    }
}

.activeCircle-15Lt-Q {
    padding: 4px;
    background-color: #3ba55c;
    color: #fff
}

.activeCircle-15Lt-Q.animate-1KSSuz {
    -webkit-animation: enable-QfV0hb .6s;
    animation: enable-QfV0hb .6s
}

.editCircle-y9c7xP {
    padding: 5px;
    background-color: var(--interactive-muted);
    color: var(--interactive-normal)
}

.enableDescription-32NG7M {
    margin: 0 8px 0 0
}

.previewButton-1IdhSk {
    margin-right: 8px
}

.divider-1luoRp {
    height: 1px;
    background: var(--background-modifier-accent);
    margin: 32px 0
}

.descriptionWrapper-3AsAaj {
    margin-top: 32px
}

.introDescription-1J4pmi {
    margin-bottom: 8px
}

.description-2JL2oB {
    margin-bottom: 16px
}

.descriptionSpaced-3KimHl {
    margin-bottom: 32px
}

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

.switch-2rfDZ3 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.exampleContainer-3ekFIr {
    position: relative;
    background-image: url(../../assets/84cb0186fea403acdab164cf005461d1.html);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: auto;
    background-color: var(--background-floating);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.exampleModal-2oh58d {
    -webkit-transform: scale(.75);
    transform: scale(.75);
    width: 720px;
    background-color: var(--background-primary);
    border-radius: 8px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.exampleWumpus-3QIhvG {
    position: absolute;
    top: -30px;
    right: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wumpus-3Q6pSF {
    -webkit-filter: drop-shadow(var(--elevation-high));
    filter: drop-shadow(var(--elevation-high))
}

.tooltip-3oByQd {
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    background-color: #000;
    color: #dcddde;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 12px
}

.tooltipPointer-22Q7m0 {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #000
}

.divider-WtgBDD {
    margin: 16px 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.guildSidebar-339BqP {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--background-secondary);
    padding: 24px;
    max-width: 256px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.guildInfo-3Co_-d {
    width: 100%
}

.content-BMIBeK {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--background-primary);
    padding: 16px 16px 16px 8px;
    text-align: center
}

.formItem-3RbGCz {
    text-align: left;
    margin-bottom: 12px
}

.exampleTextSingleLine-1kvErc {
    background-color: var(--background-accent);
    height: 8px
}

.spacedSingleLine-284nsO {
    margin-bottom: 8px
}

.rule-BF256F {
    margin-left: 8px
}

.checkbox-2nFD7p {
    margin-top: 16px;
    cursor: default
}

.fakeButton-kGEmb3 {
    background-color: var(--brand-experiment);
    border-radius: 4px;
    padding: 12px 20px;
    color: #fff;
    font-size: 14px;
    margin-top: 12px
}

.applicationIcon-3MMA5L {
    width: 88px;
    height: 80px;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 4px;
    margin-bottom: 16px
}

.left-3d-3Co {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.right-1C2enk {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.down-15EnQ5 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.container-Mx-d44 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 16px
}

.application-2nEPog {
    background-color: var(--background-secondary);
    padding: 24px 16px;
    border-radius: 8px;
    margin-right: 32px;
    width: 448px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sidebar-3eQgYX {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.separator-2GEmcy {
    background-color: var(--background-modifier-accent);
    height: 1px;
    border: none
}

.applicationSeparator-3UMMMN {
    margin: 24px 0
}

.sidebarSeparator-1CBSKj {
    margin: 16px 0
}

.username-22hVg7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 16px
}

.buttonSpacing-16uR9X {
    margin-top: 8px
}

.statusIcon-2yEPun {
    border-radius: 50%;
    color: #fff;
    margin-bottom: 16px;
    padding: 4px
}

.approvedIcon-3I8Nza {
    background-color: #3ba55c
}

.deniedIcon-3mgLef {
    background-color: #ed4245
}

.sidebarTitle-321nV4 {
    text-transform: uppercase
}

.status-1M9P91 {
    margin-bottom: 8px
}

.rejectionReason-3Qmyd7 {
    margin-bottom: 16px
}

.actionedBy-3V8pD0 strong {
    color: var(--header-primary)
}

.icon-1OR3gE {
    color: var(--header-secondary)
}

.back-_74poR {
    cursor: pointer
}

.chevron-1na0X5 {
    width: 12px;
    height: 12px
}

.header-2jSm1D {
    text-transform: uppercase;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.header-2jSm1D .back-_74poR {
    width: 24px;
    height: 24px;
    margin-right: 12px
}

.header-2jSm1D .chevron-1na0X5 {
    margin: 0 16px
}

.navbar-2vZ7h_ {
    margin-top: 32px
}

.navbar-2vZ7h_ .previous-2JMK7C {
    position: absolute;
    left: 48px
}

.navbar-2vZ7h_ .next-3x7PPz {
    position: absolute;
    right: 48px
}

.navbarTitle-1KluPS {
    text-align: center
}

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

.separator-FnHpRg {
    background-color: var(--background-modifier-accent);
    height: 1px;
    border: none;
    margin: 16px 0
}

.navSpacing-2nV0am {
    margin-right: 4px
}

.introDescription-388hn_ {
    margin-bottom: 40px
}

.description-1wEhe7 {
    margin-bottom: 16px
}

.descriptionSpaced-2gwhpd {
    margin-bottom: 32px
}

.tabs-3gkT2D {
    border-bottom: 2px solid var(--background-modifier-accent);
    margin-bottom: 32px
}

.tab-1vbb5p,.tabs-3gkT2D {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tab-1vbb5p {
    padding: 16px 0;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -2px
}

.badge-Jd6Xnv {
    border-radius: 8px;
    background-color: #ed4245;
    height: 16px;
    padding: 0 4px;
    font-weight: 600;
    margin-left: 4px;
    color: #fff
}

.spacer-3Fy2-T {
    margin-right: 32px
}

.titleContainer-CjPpBt {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.titleText-1ZIyhl {
    min-width: 0;
    text-transform: uppercase;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.menu-32AM6u {
    margin-left: 16px;
    margin-top: -2px;
    color: var(--header-primary);
    cursor: pointer
}

.tabBar-11f3uI {
    margin-top: 16px;
    margin-bottom: -2px;
    border-bottom: 2px solid var(--background-modifier-accent)
}

.tabBarItem-2QyJ0U {
    margin-right: 32px;
    padding-bottom: 16px;
    margin-bottom: -2px
}

.container-2uOrel {
    margin-bottom: 20px
}

.button-4pFjxG {
    margin-top: 16px
}

.buttonInner-2qBuz0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.arrowIcon-3K-V2P {
    margin-left: 4px
}

.scroller-3ZpLaI {
    height: 100%;
    padding-bottom: 60px
}

.colorPicker-oPcnKj {
    margin-top: 24px
}

.colorDescription-Pxuojt {
    margin-bottom: 8px
}

.divider-1QCnvR {
    margin-top: 24px;
    margin-bottom: 24px
}

.previewContainer-1KQDJS {
    margin-top: 16px;
    border: 1px solid var(--background-modifier-accent);
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.previewContainer-1KQDJS:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: default
}

.messageContainer-1DiFnQ {
    background-color: var(--background-primary);
    padding-top: 16px;
    padding-bottom: 16px
}

.contentWidth-xLB44s {
    width: calc(100% - 56px);
    min-width: 228px;
    max-width: 508px;
    padding-left: 24px;
    padding-right: 42px
}

.header-2mZ9Ov {
    margin-left: -8px;
    padding: 60px 8px 16px;
    margin-right: -8px;
    position: relative;
    z-index: 2;
    background-color: var(--background-primary)
}

.stickyHeader-hH_ZLl {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-bottom: 16px
}

.stickyHeaderElevated-I6QUOA {
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.header-2PmrS5 {
    padding-top: 32px;
    padding-bottom: 24px;
    text-align: center
}

.subtitle-czhBWq {
    margin-top: 8px
}

.roleContainer-2-Gsum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.roleName-2fEtyh {
    margin-left: 4px
}

.contentContainer-I7ebu8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.searchBar-2Gqdxc {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px;
    margin-right: 16px
}

.list-RIkDLL {
    height: 260px
}

.rowContainer-3iZ9pN {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 8px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkBox-3xtnhz {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.memberDetails-1Hi6ko {
    margin-left: 16px;
    min-width: 0
}

.footer-XFbGBE {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.buttonsRight-2ODBqh,.footer-XFbGBE {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.buttonsRight-2ODBqh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.backButton-2x86g9 {
    padding-left: 0
}

.container-1igeTA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-Ktgjkc {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.textContainer-2rzLui {
    color: var(--interactive-normal);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.name-kGw4u8 {
    margin-left: 8px;
    font-weight: 600
}

.botTag-hCPuoz,.userTag-1DX5j2 {
    margin-left: 4px
}

.container-1Saj_P {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 0
}

.headerContainer-1X2CD8 {
    position: absolute;
    left: 0;
    right: 16px
}

.header-21q_Ro {
    margin-left: -8px;
    padding: 60px 8px 16px;
    margin-right: -8px;
    position: relative;
    z-index: 1;
    background-color: var(--background-primary)
}

.searchContainer-2gy0Sr {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.searchWarning-2nIG6E {
    margin-top: 16px
}

.addButton-3VFK0j {
    margin-left: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.memberRow-1wwtfV {
    height: 40px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer
}

.memberRow-1wwtfV:hover {
    background-color: var(--background-modifier-hover)
}

.memberRow-1wwtfV:active {
    background-color: var(--background-modifier-active)
}

.emptyRowContainer-1OKxeI {
    color: var(--text-muted)
}

.emptyRowText-10eIhs {
    margin-left: 8px;
    font-weight: 600
}

.memberDetails-2a-kJC {
    min-width: 0
}

.list-3a9fyp {
    height: 100%;
    min-height: 0;
    padding-bottom: 60px
}

.removeButtonContainer-1YsIy7 {
    margin-left: auto
}

.removeButton-spUszT {
    margin-left: 8px;
    margin-right: 8px;
    cursor: pointer;
    color: var(--interactive-normal);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.removeButton-spUszT:hover {
    color: var(--interactive-hover)
}

.removeButton-spUszT:active {
    color: var(--interactive-active)
}

.removeButtonDisabled-5brXxX {
    cursor: not-allowed
}

.removeButtonDisabled-5brXxX,.removeButtonDisabled-5brXxX:hover {
    color: var(--interactive-muted)
}

.removeTip-2HPwsk {
    margin-top: 12px
}

.group-1WdBVp {
    display: grid;
    grid-auto-flow: column;
    border: 1px solid var(--background-tertiary);
    border-radius: 4px;
    height: 28px;
    width: 98px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.item-1yAxl1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-primary)
}

.item-1yAxl1:hover {
    background-color: var(--background-modifier-hover)
}

.disabled-2dRm6b {
    opacity: .3;
    cursor: not-allowed
}

.allow-1PzSY3 {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: var(--text-positive)
}

.allow-1PzSY3.selected-2YhbGh {
    background-color: #3ba55c;
    color: #fff
}

.deny-3nAuT6 {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #ed4245
}

.deny-3nAuT6.selected-2YhbGh {
    background-color: #ed4245;
    color: #fff
}

.passthrough-1c2ewQ.selected-2YhbGh {
    background-color: var(--background-accent);
    color: #fff
}

.title-N34hCG {
    padding-left: 4px
}

.icon-17zDF5 {
    position: relative;
    top: 3px
}

.theme-light .icon-17zDF5 {
    fill: #4f545c
}

.theme-dark .icon-17zDF5 {
    fill: #fff
}

.scroller-Utb7tO {
    height: 100%;
    padding-bottom: 60px
}

.searchContainer-3pUVEQ {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.permissionsWrapper-1amySy {
    position: relative
}

.clearButton-3wWY21 {
    font-weight: 600;
    position: absolute;
    margin-bottom: 20px;
    top: 0;
    right: 0;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.noResultsContainer-1kVGAa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.noResults-3C-Rr0 {
    margin-bottom: 16px;
    width: 85px;
    height: 85px
}

.permissionsForm-1DoqZ5+.permissionsForm-1DoqZ5 {
    margin-top: 32px
}

.sidebarScrollable-1qPI87 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 232px
}

.sidebarScrollable-1qPI87+.content-1rPSz4 {
    margin-left: 232px;
    max-width: 468px
}

.scroller-305q3I {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: var(--background-primary);
    height: 100%
}

.clearButton-2sT92t {
    position: absolute;
    top: 0;
    right: 8px;
    padding: inputElementsPadding;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: .6;
    line-height: 0;
    height: 100%
}

.clearButton-2sT92t:focus,.clearButton-2sT92t:hover {
    opacity: 1
}

.inputWithClearWrapper-dftAkD {
    position: relative
}

.clearIcon-3FDYw9 {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal)
}

.header-3gJGL7 {
    padding: 32px 16px 24px;
    text-align: center
}

.closeButton-EUhPG4 {
    position: absolute;
    top: 12px;
    right: 12px
}

.title-3gesol {
    font-weight: 700;
    margin-bottom: 8px
}

.formItem-3NqgNx {
    margin-bottom: 16px
}

.formHelpText-21UFgx {
    font-size: 12px;
    margin: 8px 0
}

.footer-2_uVg4 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.backButton-1uCkrF {
    padding-left: 0
}

.content-3_5Nbn .colorPicker-3sI_D- {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.slider-2SdUeJ {
    width: 300px;
    margin: 0 auto 32px
}

.sliderBar-2Trjex {
    height: 4px;
    width: 296px
}

.markWrapper-3eu0Lj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.markDot-1pxsvI {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--interactive-normal);
    margin-bottom: 16px;
    z-index: 1
}

.hiddenMark-1k-TL6 {
    visibility: hidden
}

.markLabel-3S5ZN1 {
    font-weight: 600
}

.header-XGAw4g {
    padding: 32px 32px 0;
    text-align: center
}

.grabber-19Rlpm {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: none
}

.content-30rr4E {
    padding: 16px 0;
    margin-right: -8px
}

.templateWrapper-3og0TJ {
    padding: 16px;
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 300px
}

.templateContent-35Kjz_,.templateWrapper-3og0TJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.templateContent-35Kjz_ {
    -ms-flex-line-pack: center;
    align-content: center
}

.templateHeader-10U6Y_ {
    -ms-flex-item-align: center;
    align-self: center;
    font-weight: 700;
    margin-bottom: 16px
}

.templateDescription-9Qbt8m {
    margin-bottom: 8px
}

.templatePreface-2fxIY8 {
    margin-top: 8px
}

.permissionItem-2Z8_s6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

.permissionIcon-3RYwsx {
    margin-right: 8px;
    width: 24px;
    height: 24px
}

.clickableTemplate-23H9ns {
    cursor: pointer
}

.sidebar-dLM-kh {
    min-width: 0;
    height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid var(--background-modifier-accent)
}

.container-23jqbX {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
    position: relative
}

.container-23jqbX,.titleContainer-2CXtJo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.titleContainer-2CXtJo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 60px 8px 16px;
    margin: 0 8px 8px 16px;
    z-index: 2;
    background-color: var(--background-primary)
}

.titleElevated-c_kdi7 {
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.title-3GS0Tf {
    color: var(--header-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.title-3GS0Tf:hover {
    color: var(--header-primary)
}

.titleText-1lbERP {
    margin-left: 8px;
    text-transform: uppercase;
    font-weight: 600
}

.disabledTitleText-16RDWQ {
    margin-left: 0;
    color: var(--header-primary)
}

.addRole-2yzR3B {
    cursor: pointer;
    color: var(--header-primary)
}

.list-I3aHXn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-height: 0;
    padding: 0 16px 96px 40px
}

.row-3GRgeK {
    height: 34px;
    margin-left: -6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    overflow: visible
}

.lock-1sBixy {
    margin-left: 8px;
    color: var(--interactive-normal)
}

.roleDot-ZwSovK {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roleName-2IkRdr {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dragAfter-1ydZtZ:after,.dragBefore-cCyY7J:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #3ba55c;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
    box-shadow: 0 0 3px rgba(0,0,0,.4)
}

.dragBefore-cCyY7J:before {
    top: -2px
}

.dragAfter-1ydZtZ:after {
    bottom: -2px
}

.helpSeparator-2mcq4E,.helpText-3Ggj5i {
    margin-bottom: 12px
}

.helpSeparator-2mcq4E {
    height: 1px;
    background-color: var(--background-modifier-accent)
}

.tooltip-1bOkFq {
    text-align: center
}

.page-3njELR {
    min-width: 460px;
    max-width: 740px;
    width: 100%;
    height: 100%
}

.container-HnGszW,.page-3njELR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-HnGszW {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 0
}

.sidebar-3Wgas9 {
    padding-top: 60px;
    width: 195px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.contentContainer-14yMzC,.sidebar-3Wgas9 {
    position: absolute;
    top: 0;
    bottom: 0
}

.contentContainer-14yMzC {
    left: 232px;
    right: 0
}

.optionContainer-6JCMvN {
    margin-left: 24px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-_phMUq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary);
    color: var(--interactive-normal);
    border-radius: 4px;
    padding: 16px 24px 16px 16px;
    cursor: pointer
}

.container-_phMUq:hover {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.container-_phMUq:active {
    background-color: var(--background-modifier-active);
    color: var(--interactive-active)
}

.icon-3_8HGa {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--background-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.description-3A8idy {
    margin-left: 16px
}

.label-2gpUAV {
    font-weight: 700;
    margin-bottom: 4px
}

.arrow-2aE8q8 {
    margin-left: auto
}

.section-1x7Sca {
    padding-top: 60px;
    padding-bottom: 80px
}

.bannerContainer-1owGn0 {
    position: relative;
    width: 100%;
    height: 240px;
    margin-top: 12px;
    margin-bottom: 32px
}

.banner-aJsFyZ {
    position: absolute;
    width: 100%;
    height: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-transition: opacity .5s 416ms;
    transition: opacity .5s 416ms;
    background-position: 50%;
    background-repeat: no-repeat
}

.bannerOut-3zi4zc {
    opacity: 0
}

.bannerClubs-3Xj268 {
    background-image: url(../../assets/9029911a540e35e3ac8368346aba681f.svg)
}

.bannerGaming-2JPrc4 {
    background-image: url(../../assets/cddb8f0911be17d5d5aa0e5c06015b51.html)
}

.bannerHobbies-1oItTY {
    background-image: url(../../assets/b162bb1c0e75e048c05ee5f45fabe505.html)
}

.profileCard-2RGvbu {
    margin-top: 16px;
    margin-bottom: 16px;
    height: 100%;
    width: 180px;
    border-radius: 8px;
    border: 1px solid var(--background-secondary-alt);
    background-color: var(--background-secondary);
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.1);
    box-shadow: 0 8px 16px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.avatarContainer-2_ceKX {
    background-color: var(--background-primary);
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px
}

.avatar-vlk88d {
    width: 60px!important;
    height: 60px!important
}

.avatarName-3m2hgE {
    font-weight: 700;
    margin-top: 8px
}

.roles-1ti6KV {
    position: absolute;
    top: 152px;
    -webkit-filter: drop-shadow(0 8px 16px rgba(0,0,0,.1));
    filter: drop-shadow(0 8px 16px rgba(0,0,0,.1));
    opacity: 1;
    -webkit-transition: opacity .25s 1082ms,-webkit-transform .25s 1082ms;
    transition: opacity .25s 1082ms,-webkit-transform .25s 1082ms;
    transition: transform .25s 1082ms,opacity .25s 1082ms;
    transition: transform .25s 1082ms,opacity .25s 1082ms,-webkit-transform .25s 1082ms
}

.bannerOut-3zi4zc .roles-1ti6KV {
    -webkit-transition: opacity .25s,-webkit-transform .25s;
    transition: opacity .25s,-webkit-transform .25s;
    transition: transform .25s,opacity .25s;
    transition: transform .25s,opacity .25s,-webkit-transform .25s;
    -webkit-transform: translateY(24px);
    transform: translateY(24px);
    opacity: 0
}

.rolesRow-3feBSR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roleTag-D34VFC {
    background-color: var(--background-primary);
    border-radius: 4px;
    margin: 2px;
    padding: 4px 8px;
    white-space: nowrap
}

.roleDot-1AlYXT {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-top: 3px
}

.roleDot-1AlYXT,.roleText-3gS02L {
    display: inline-block
}

.roleText-3gS02L {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: var(--interactive-active);
    margin-left: 8px;
    vertical-align: top
}

.container-32E5OD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.button-31sMrX,.introBody-1Obw1p {
    margin-top: 16px
}

.divider-10WNM8 {
    margin: 32px 0
}

.description-2lbkbS {
    margin-bottom: 32px
}

.section-2pJBpl {
    padding-top: 60px;
    padding-bottom: 80px
}

.helpText-2stV3Z {
    margin-top: 32px
}

.searchContainer-383_ld {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.createButton-3hBiU4 {
    margin-left: 16px;
    height: 34px
}

.rolesTable-3622Dd {
    margin-top: 32px
}

.tableHeader-3x_1oD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.tableTitle-36-jum {
    font-size: 12px;
    color: var(--header-secondary);
    text-transform: uppercase;
    font-weight: 700
}

.dragSpacing-3xep_M {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px
}

.roleNameSpacing-XtjbtV {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 273px;
    flex: 0 1 273px
}

.memberSpacing-1zJbKJ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 112px;
    flex: 0 0 112px;
    margin-left: 16px;
    text-align: right
}

.buttonsSpacing-3twfdv {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 88px;
    flex: 1 0 88px;
    margin-left: 16px
}

.emptyRoles-23F3oy {
    color: var(--text-muted)
}

.emptyRolesText-gurxgN {
    margin-left: 8px;
    font-weight: 600
}

.emptyRoles-23F3oy,.roleRow-30TwGe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1px;
    height: 61px;
    cursor: pointer
}

.emptyRoles-23F3oy,.roleRow-30TwGe,.tableHeader-3x_1oD {
    margin-left: -32px;
    margin-right: -8px;
    padding-right: 8px
}

.roleRow-30TwGe {
    position: relative;
    border-radius: 4px
}

.roleRow-30TwGe:before {
    top: 0
}

.roleRow-30TwGe:before,.roleRow-30TwGe:last-child:after {
    content: "";
    position: absolute;
    left: 32px;
    right: 8px;
    height: 1px;
    background-color: var(--background-modifier-accent)
}

.roleRow-30TwGe:last-child:after {
    bottom: -1px
}

.roleRow-30TwGe:hover+.roleRow-30TwGe:before,.roleRow-30TwGe:hover:after,.roleRow-30TwGe:hover:before {
    background-color: transparent
}

.roleRowDragging-3mvS_Z {
    background-color: var(--background-modifier-hover)
}

.dragIcon-I74byJ {
    padding: 8px;
    cursor: -webkit-grab;
    cursor: grab;
    color: var(--interactive-normal);
    visibility: hidden
}

.dragIcon-I74byJ:hover {
    color: var(--interactive-hover)
}

.dragIcon-I74byJ:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.roleNameContainer-2o4-eI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.shield-1-PEa- {
    margin-right: 10px
}

.lock-XkLDU9,.shield-1-PEa- {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.lock-XkLDU9 {
    margin-right: 4px;
    color: var(--text-muted)
}

.roleName-1vjSQR {
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.memberCountContainer-1BJFU2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    color: var(--interactive-normal)
}

.memberCountContainer-1BJFU2:hover {
    color: var(--interactive-hover)
}

.person-36TQaZ {
    margin-left: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.buttonsContainer-bgP7-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.editButton-1V012_ {
    visibility: hidden
}

.circleButton-3RB01i+.circleButton-3RB01i {
    margin-left: 16px
}

.roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT) {
    background-color: var(--background-modifier-hover)
}

.roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT) .dragIcon-I74byJ:not(.dragIconHidden-2HNIJ_) {
    visibility: visible
}

.roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT) .circleButton-3RB01i {
    background-color: var(--background-tertiary)
}

.roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT) .editButton-1V012_ {
    visibility: visible
}

.containerDragAfter-1PIDLd:after,.containerDragBefore-s8CG6h:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 32px;
    right: 8px;
    height: 4px;
    background-color: #3ba55c;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
    box-shadow: 0 0 3px rgba(0,0,0,.4)
}

.containerDragBefore-s8CG6h:before {
    top: -2px
}

.containerDragAfter-1PIDLd:after {
    bottom: -2px
}

.tooltip-tUUTZz {
    text-align: center
}

.notice-3bPHh- {
    font-size: 14px;
    line-height: 36px;
    font-weight: 500;
    text-align: center;
    position: relative;
    padding-left: 4px;
    padding-right: 28px;
    z-index: 101;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-radius: 8px 0 0;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.notice-3bPHh- strong {
    font-weight: 600
}

.platform-osx .notice-3bPHh- {
    -webkit-app-region: drag
}

.colorDefault-22HBa0 {
    background-color: #f26522;
    color: #fff
}

.colorDefault-22HBa0 .button-2DhvE9:hover {
    color: #f26522
}

.colorNeutral-3uXvGN {
    background-color: var(--background-accent);
    color: #fff
}

.colorNeutral-3uXvGN .button-2DhvE9:hover {
    color: #222
}

.colorDownload-3uiTFS {
    background-color: var(--brand-experiment);
    color: #fff
}

.colorDownload-3uiTFS .button-2DhvE9:hover {
    color: var(--brand-experiment)
}

.colorNotification-GG3eAb {
    background-color: var(--status-positive-background);
    color: var(--status-positive-text)
}

.colorNotification-GG3eAb .button-2DhvE9 {
    font-weight: 600
}

.colorNotification-GG3eAb .button-2DhvE9:hover {
    color: var(--text-positive)
}

.colorDark-1yVQpk {
    background-color: #202225;
    color: #fff
}

.colorDark-1yVQpk .button-2DhvE9:hover {
    color: #202225
}

.colorPremium--X5Fw0 {
    color: #fff
}

.colorPremiumTier1-3D7SPt {
    background-image: -webkit-gradient(linear,right top,left top,from(#b3aeff),to(#738ef5));
    background-image: linear-gradient(270deg,#b3aeff,#738ef5)
}

.colorPremiumTier1-3D7SPt .button-2DhvE9:hover {
    color: var(--brand-experiment)
}

.colorPremiumTier2-dCdap5 {
    background-image: -webkit-gradient(linear,right top,left top,from(#e292aa),to(#b473f5));
    background-image: linear-gradient(270deg,#e292aa,#b473f5)
}

.colorPremiumTier2-dCdap5 .button-2DhvE9:hover {
    color: #e292aa
}

.colorInfo-2URYW5 {
    background-color: #4a90e2;
    color: #fff
}

.colorInfo-2URYW5 .button-2DhvE9:hover {
    color: #4a90e2
}

.colorSuccess-1hnbW2 {
    background-color: var(--status-positive-background);
    color: var(--status-positive-text)
}

.colorSuccess-1hnbW2 .button-2DhvE9:hover {
    color: var(--text-positive)
}

.colorDanger-4gmAY0 {
    background-color: var(--status-danger-background);
    color: var(--status-danger-text)
}

.colorDanger-4gmAY0 .button-2DhvE9:hover {
    color: var(--text-danger)
}

.colorStreamerMode-2SJAUN {
    background-color: #593695;
    color: #fff
}

.colorStreamerMode-2SJAUN .button-2DhvE9:hover {
    color: #593695
}

.colorSpotify-2L6XRq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #1db954;
    color: #fff
}

.colorSpotify-2L6XRq .platformIcon-cDJOOu {
    margin-top: 0;
    width: 24px;
    height: 24px
}

.colorSpotify-2L6XRq .button-2DhvE9 {
    top: 0;
    margin-left: 20px
}

.colorSpotify-2L6XRq .button-2DhvE9:hover {
    color: #1db954
}

.colorBrand-2zeG8h {
    background-color: var(--brand-experiment);
    color: #fff
}

.colorBrand-2zeG8h .button-2DhvE9:hover {
    color: var(--brand-experiment)
}

.colorCustom-1ND3UM {
}

.colorCustom-1ND3UM .button-2DhvE9:hover {
    color: #222
}

.closeButton-3cJIM4 {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    background: url(../../assets/7731c77d99babca1a8faec204d98c380.html) no-repeat;
    background-position: 50% 55%;
    background-size: 10px 10px;
    opacity: .5;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    cursor: pointer;
    -webkit-app-region: no-drag
}

.closeButton-3cJIM4:hover {
    opacity: 1
}

.button-2DhvE9 {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    top: 6px;
    border: 1px solid;
    color: #fff;
    border-radius: 3px;
    height: 24px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    line-height: 22px;
    -webkit-transition: background-color .2s ease,color .2s ease,border-color .2s ease;
    transition: background-color .2s ease,color .2s ease,border-color .2s ease;
    -webkit-app-region: no-drag
}

.button-2DhvE9.buttonMinor-3mkvIP {
    border: none;
    text-decoration: underline
}

.theme-dark .button-2DhvE9,.theme-light .button-2DhvE9 {
    border-color: #fff;
    background-color: transparent
}

.theme-dark .button-2DhvE9:hover,.theme-light .button-2DhvE9:hover {
    border-color: #fff;
    background-color: #fff
}

.container-1eFT6O {
    margin-top: 4px;
    padding: 8px 8px 4px;
    background-color: var(--background-floating);
    border-radius: 4px;
    overflow: hidden;
    max-width: 176px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.search-wlJhgh {
    margin: 0 8px 8px
}

.roles-red-Qt {
    max-height: 300px;
    overflow-y: scroll;
    padding: 0 8px 8px
}

.role-2-tni0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.role-2-tni0:hover {
    background-color: var(--background-secondary)
}

.role-2-tni0.disabled-27wPJL {
    opacity: .5
}

.role-2-tni0.disabled-27wPJL:hover {
    background-color: var(--background-floating)
}

.label-1xpc0t {
    font-size: 14px;
    line-height: 18px;
    color: var(--text-normal);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 8px;
    font-weight: 500
}

.iconContainer-2SYmeK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    width: 16px;
    border: 2px solid var(--interactive-normal);
    border-radius: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.iconContainer-2SYmeK.checked-1Gs3_E {
    background-color: var(--brand-experiment);
    border-color: var(--brand-experiment)
}

.settingsWrapper-3IlhQx {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2000;
    width: 100%;
    background-color: var(--brand-experiment-600)
}

.settingsWrapper-3IlhQx.osx-3XyQOT .backButton-3aYUcc {
    margin-left: 76px
}

.settingsWrapper-3IlhQx.windows-18x0D0 {
    top: 22px
}

.settingsWrapper-3IlhQx.windows-18x0D0 .backButton-3aYUcc {
    margin-left: 0
}

.notice-18685F {
    background-color: var(--brand-experiment-600);
    color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    height: 40px;
    padding: 0 8px
}

.notice-18685F,.noticeContents-1WnXD8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.noticeContents-1WnXD8 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.noticeText-3SVgPc {
    font-weight: 600;
    margin-right: 16px
}

.button-2TV-eO {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    padding: 4px 8px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button-2TV-eO:hover {
    background-color: var(--brand-experiment-530)
}

.buttonInner-1XA8a8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.backArrow-34GvnY {
    margin-right: 8px
}

.selectCaret-1C_7kQ {
    margin-left: 8px
}

.analyticsCard-qckucw {
    background-color: var(--background-secondary);
    padding: 16px;
    border-radius: 4px;
    width: calc(50% - 8px);
    position: relative;
    margin-top: 16px
}

.analyticsCard-qckucw:nth-child(2n) {
    margin-left: 16px
}

.analyticsCardTitle-5dObxl {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.analyticsCardTitle-5dObxl,.infoIcon-3dyWqH {
    color: var(--interactive-normal)
}

.infoIcon-3dyWqH {
    margin-left: 4px;
    -webkit-transition: color .25s;
    transition: color .25s;
    cursor: pointer
}

.infoIcon-3dyWqH:hover {
    color: var(--interactive-active)
}

.analyticsCardContent-3ggg9R {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.analyticsCardNumber-2kz4gW {
    color: var(--interactive-active);
    margin-right: 6px
}

.analyticsCardNumberNotAvailable-22ULCX {
    color: var(--interactive-muted);
    margin-right: 6px
}

.analyticsCardArrowSubText-22xM8F {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px
}

.analyticsCardCornerIcon-3caFpX {
    color: var(--interactive-muted);
    position: absolute;
    right: 16px;
    bottom: 16px
}

.trendingArrow-18JKWi {
    margin-right: 5px
}

.trendingArrowIconDown-2dxvwE {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    top: 2px
}

.developerPortalCtaWrapper-2XNafh {
    text-align: center;
    margin: 142px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 458px;
    padding-top: 76px;
    padding-bottom: 30px;
    position: relative;
    background-color: var(--background-secondary);
    border-radius: 8px
}

.developerPortalCta-3qs8qH {
    margin: 20px auto 0
}

.guildAnalyticsDivider-2Pbkq2 {
    margin: 24px 0
}

.overviewData-3-2nKg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 14px
}

.placeholderImage-37MstR {
    background-image: url(../../assets/a7071622918d45eac43d07e0fc92d44c.html);
    width: 282px;
    height: 160px;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: -100px
}

.developerPortalCtaText-2-zF1R {
    margin: 0 auto;
    max-width: 350px
}

.notEnoughMembersError-1KwJkE {
    padding-right: 10px
}

.flex-39btti {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.alignEnd-1nrmHA {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

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

.alignStretch-3HAs0X {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.alignBaseline-1xMxcY {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.justifyStart-3Z9M1l {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justifyEnd-2Y2zd6 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justifyCenter--8YVyf {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justifyAround-5l5NVB {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

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

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

.wrap-3_59An {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wrapReverse-34pPE_ {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

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

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

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

.spacer-3cdnkD {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.vertical-18__2x {
}

.horizontal-3AIKkG {
}

.horizontalReverse-3dqcaY {
}

.horizontal-3AIKkG>.spacer-3cdnkD,.horizontalReverse-3dqcaY>.spacer-3cdnkD,.vertical-18__2x>.spacer-3cdnkD {
    min-height: 1px
}

.flexCenter-1-gB-f {
}

.streamerModeEnabled-2q0Gft {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.streamerModeEnabledImage-3vynUz {
    width: 440px;
    height: 220px;
    background-size: 100% 100%
}

.streamerModeEnabledBtn-2ZJ2eq {
    margin-top: 20px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    background-color: #593695;
    padding: 10px 20px;
    border-radius: 3px;
    line-height: 29px;
    text-transform: uppercase;
    cursor: pointer
}

.streamerModeEnabledBtn-2ZJ2eq:hover {
    background-color: #5a3796
}

.streamerModeEnabledBtn-2ZJ2eq.disabled-1X7fxl {
    cursor: default;
    background-color: #643da7
}

.theme-light .streamerModeEnabledImage-3vynUz {
    background-image: url(../../assets/f8cb59be6e5a492dc4f98cfea20e6d82.html)
}

.theme-dark .streamerModeEnabledImage-3vynUz {
    background-image: url(../../assets/5b7e23080bfec53f966b806abcde8def.html)
}

.auditLog-3jNbM6 {
    border: 1px solid;
    border-radius: 3px
}

.auditLog-3jNbM6 strong {
    font-weight: 500
}

.divider-1pnAR2 {
    width: 100%;
    height: 1px;
    background: green
}

.header-GwIGlr {
    padding: 10px 20px 10px 10px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.headerDefault-1wrJcN {
    cursor: default
}

.headerClickable-2IVFo9,.headerExpanded-CUEwZ5 {
    cursor: pointer
}

.timeWrap-2DasL6 {
    max-width: calc(100% - 118px);
    margin: 0 10px
}

.timestamp-1mruiI {
    font-size: 14px;
    margin-top: 4px
}

.avatar-_VZUJy {
    margin-left: 10px
}

.expand-1lx8E1 .expandForeground-1nZ4VR {
    -webkit-transition: d .2s ease,stroke .2s ease;
    transition: d .2s ease,stroke .2s ease
}

.colorHook-1CpiRO {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    top: -1px
}

.userHook-3AdCBF {
    font-weight: 500
}

.discrim-3rYTMj {
    font-size: 12px;
    line-height: 16px
}

.changeDetails-bk98pu {
    padding: 0 8px 10px
}

.detail-1BhUh9 {
    margin-top: 8px;
    margin-left: 40px
}

.prefix-24L010 {
    font-size: 14px;
    line-height: 16px;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    margin-right: 0!important
}

.typeCreate-1kfBMl {
    color: #57f287
}

.typeDelete-bTXOuk {
    color: #f1686a
}

.typeUpdate-2bwuHy {
    color: #fbb848
}

.dash-3L29dH {
    margin: 0 0 0 10px
}

.change-ydJzJx {
    margin: 0;
    overflow: hidden
}

.changeStr-12S1vf,.overflowEllipsis-1PBFxQ {
    text-overflow: ellipsis;
    overflow: hidden
}

.overflowEllipsis-1PBFxQ {
    white-space: nowrap
}

.subListItem-3Ax2Vo {
    margin: 4px 0
}

.subListItem-3Ax2Vo:last-child {
    margin-bottom: 0
}

.icon-RTGJu3 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    position: relative
}

.icon-RTGJu3:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.typeCreate-1kfBMl:after {
    background: url(../../assets/87fc8330f32b0aeed92eebccc3bd1493.html)
}

.typeDelete-bTXOuk:after {
    background: url(../../assets/9e869ac90a09e13d9825044cea88ea78.html)
}

.typeUpdate-2bwuHy:after {
    background: url(../../assets/fd7c3b7bb65f185a5d91f5302f30ac0c.html)
}

.theme-light .auditLog-3jNbM6 {
    color: #72767d;
    border-color: #b9bbbe
}

.theme-light .auditLog-3jNbM6:hover .expandForeground-1nZ4VR {
    stroke: #72767d
}

.theme-light .auditLog-3jNbM6 strong {
    color: #4f545c
}

.theme-light .headerClickable-2IVFo9,.theme-light .headerDefault-1wrJcN {
    background-color: rgba(246,246,247,.3)
}

.theme-light .headerExpanded-CUEwZ5 {
    background-color: #f6f6f7
}

.theme-light .divider-1pnAR2 {
    background-color: #b9bbbe
}

.theme-light .userHook-3AdCBF {
    color: #4f545c
}

.theme-light .discrim-3rYTMj {
    opacity: .6
}

.theme-light .expandForeground-1nZ4VR {
    stroke: rgba(114,118,125,.6)
}

.theme-light .timestamp-1mruiI {
    color: #72767d
}

.theme-light .changeDetails-bk98pu {
    background-color: rgba(246,246,247,.3)
}

.theme-dark .auditLog-3jNbM6 {
    color: #72767d;
    border-color: #202225
}

.theme-dark .auditLog-3jNbM6 strong {
    color: #f6f6f7
}

.theme-dark .auditLog-3jNbM6:hover .expandForeground-1nZ4VR {
    stroke: #fff
}

.theme-dark .headerClickable-2IVFo9,.theme-dark .headerDefault-1wrJcN {
    background-color: rgba(32,34,37,.3);
    color: #b9bbbe
}

.theme-dark .headerExpanded-CUEwZ5 {
    background-color: rgba(32,34,37,.6);
    color: #b9bbbe
}

.theme-dark .divider-1pnAR2 {
    background-color: #202225
}

.theme-dark .userHook-3AdCBF {
    color: #f6f6f7
}

.theme-dark .discrim-3rYTMj {
    opacity: .3
}

.theme-dark .expandForeground-1nZ4VR {
    stroke: hsla(0,0%,100%,.6)
}

.theme-dark .timestamp-1mruiI {
    color: #72767d
}

.theme-dark .changeDetails-bk98pu {
    background-color: rgba(32,34,37,.3)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetAll-13V3n6,.theme-light .icon-RTGJu3.targetAll-13V3n6 {
    background: url(../../assets/2cff836e7866cfd41cf71752ed033f1c.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetBan-3mbIPL,.theme-light .icon-RTGJu3.targetBan-3mbIPL {
    background: url(../../assets/b5db5aa26e85a4239c15f10eab2031c0.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetChannel-TrRFlx,.theme-light .icon-RTGJu3.targetChannel-TrRFlx {
    background: url(../../assets/b5061d752abdcf5f44d6f1a217cd0853.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetGuild-mDWfAV,.theme-light .icon-RTGJu3.targetGuild-mDWfAV {
    background: url(../../assets/601c3d0141413d8eea298446d32ca099.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetEmoji-3vhPhM,.theme-light .icon-RTGJu3.targetEmoji-3vhPhM {
    background: url(../../assets/53947b826826947323199b1a83733067.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetIntegration-3rnyMN,.theme-light .icon-RTGJu3.targetIntegration-3rnyMN {
    background: url(../../assets/ece3d003ce0ffb0cf09a0f7881873075.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetInvite-1RQBlr,.theme-light .icon-RTGJu3.targetInvite-1RQBlr {
    background: url(../../assets/c428699bc4a1e93837f27f90b12c09e3.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetMemberRole-jowY3I,.theme-light .icon-RTGJu3.targetMemberRole-jowY3I {
    background: url(../../assets/b4c2db8382a5bfd5dd7155ed1bdbb3b8.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetMember-2iuwxX,.theme-light .icon-RTGJu3.targetMember-2iuwxX {
    background: url(../../assets/a8bd496e2e9ca833d249a7b18f41efdd.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetPermission-ZRUN5n,.theme-light .icon-RTGJu3.targetPermission-ZRUN5n {
    background: url(../../assets/22955365220abc3015256c85523bf98e.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetRole-2MoUny,.theme-light .icon-RTGJu3.targetRole-2MoUny {
    background: url(../../assets/1c1c67aae5a734eecf7a911cc5fde2de.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetVanityUrl-3OpsYX,.theme-light .icon-RTGJu3.targetVanityUrl-3OpsYX {
    background: url(../../assets/436a2bee259beb0347ee31bb238eb1aa.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetWebhook-1xS7Z7,.theme-light .icon-RTGJu3.targetWebhook-1xS7Z7 {
    background: url(../../assets/bbb590c56a4598276e5ff9270b6c382a.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetWidget-3hFVSM,.theme-light .icon-RTGJu3.targetWidget-3hFVSM {
    background: url(../../assets/94eccecad8658fe53d1cd37fab50940d.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetMessage-2kBYMT,.theme-light .icon-RTGJu3.targetMessage-2kBYMT {
    background: url(../../assets/f38704754b1f737d5fa7bf4545bc5bba.html)
}

.themeOverrideLight-3bx_5B.icon-RTGJu3.targetStageInstance-29rvVP,.theme-light .icon-RTGJu3.targetStageInstance-29rvVP {
    background: url(../../assets/8a601e97f6e51a5627cbe0d95d6909ed.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetAll-13V3n6,.theme-dark .icon-RTGJu3.targetAll-13V3n6 {
    background: url(../../assets/fc3f5f9be1a4db14b02336b7cb02e6ce.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetBan-3mbIPL,.theme-dark .icon-RTGJu3.targetBan-3mbIPL {
    background: url(../../assets/edb23a53ea40ac60f212ebae66e5c5c7.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetChannel-TrRFlx,.theme-dark .icon-RTGJu3.targetChannel-TrRFlx {
    background: url(../../assets/343c9ff4c775c66a7d4af1f8691c34e0.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetGuild-mDWfAV,.theme-dark .icon-RTGJu3.targetGuild-mDWfAV {
    background: url(../../assets/30af96a386520760ad107c5b77ba002a.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetEmoji-3vhPhM,.theme-dark .icon-RTGJu3.targetEmoji-3vhPhM {
    background: url(../../assets/7a9bf92329dad473ef0383ae75367215.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetIntegration-3rnyMN,.theme-dark .icon-RTGJu3.targetIntegration-3rnyMN {
    background: url(../../assets/da8463a04b4a289801d2516f50eb4c19.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetInvite-1RQBlr,.theme-dark .icon-RTGJu3.targetInvite-1RQBlr {
    background: url(../../assets/4b33371531a1a89f99296a73fc9ef588.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetMemberRole-jowY3I,.theme-dark .icon-RTGJu3.targetMemberRole-jowY3I {
    background: url(../../assets/a9098042cb36b955c5021259f1d48f91.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetMember-2iuwxX,.theme-dark .icon-RTGJu3.targetMember-2iuwxX {
    background: url(../../assets/af043346e036ef7b1aac1cf42cd1e699.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetPermission-ZRUN5n,.theme-dark .icon-RTGJu3.targetPermission-ZRUN5n {
    background: url(../../assets/2a37995eb832bae805190a93ba043857.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetRole-2MoUny,.theme-dark .icon-RTGJu3.targetRole-2MoUny {
    background: url(../../assets/0176a91b4c44ed05c05af68784e78da8.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetVanityUrl-3OpsYX,.theme-dark .icon-RTGJu3.targetVanityUrl-3OpsYX {
    background: url(../../assets/84215a5fec3d9de9960a225143238d74.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetWebhook-1xS7Z7,.theme-dark .icon-RTGJu3.targetWebhook-1xS7Z7 {
    background: url(../../assets/a6975850d800aa86162b4aa5f18c41ac.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetWidget-3hFVSM,.theme-dark .icon-RTGJu3.targetWidget-3hFVSM {
    background: url(../../assets/4ac0e382cc7b8aa0cb1d6d074b0e8ba5.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetMessage-2kBYMT,.theme-dark .icon-RTGJu3.targetMessage-2kBYMT {
    background: url(../../assets/8c85e30795486caa8caacd829703459d.html)
}

.themeOverrideDark-1u5Vo0.icon-RTGJu3.targetStageInstance-29rvVP,.theme-dark .icon-RTGJu3.targetStageInstance-29rvVP {
    background: url(../../assets/0c3abaf62cd500adbc022c85e06676a7.html)
}

.customHeader-f9DEJ_ {
    padding-top: 60px
}

.guildSettingsAuditLogsUserFilterPopout-3Jg5NE {
    width: 264px
}

.userText-1WdPps {
    margin-left: 10px;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.discriminator-3tYCOD {
    font-size: 12px;
    line-height: 16px;
    opacity: .6
}

.guildSettingsAuditLogsActionFilterPopout-3h8ycz {
    width: 264px
}

.actionItem-11pIwh {
    height: 46px
}

.scroller-1J_F7B {
    height: 100%
}

.content-FNlD6K {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 60px
}

.avatar-gPqiLm {
    width: 30px!important;
    height: 30px!important
}

.theme-dark .auditLogMembersIconFg-2dfgB- {
    fill: #fff
}

.theme-light .auditLogMembersIconFg-2dfgB- {
    fill: #4f545c
}

.theme-light .selected-38kUfI .auditLogMembersIconFg-2dfgB- {
    fill: #fff
}

.searchBar-281-wK {
    width: 400px;
    margin-left: 20px
}

.bannedUser-1IalTM {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    -webkit-transition: -webkit-box-shadow .1s ease;
    transition: -webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease;
    transition: box-shadow .1s ease,-webkit-box-shadow .1s ease;
    cursor: pointer
}

.bannedUser-1IalTM .bannedUserAvatar-2xQUYe,.bannedUser-1IalTM .username-1b3MVI {
    z-index: 2
}

.bannedUser-1IalTM .username-1b3MVI {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100px;
    flex: 1 1 100px;
    padding-left: 10px
}

.bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO {
    padding-left: 2px
}

.bannedUserModal-3RJCOV .header-kk07Uz {
    padding-top: 30px;
    padding-bottom: 40px
}

.bannedUserModal-3RJCOV .userDiscrim-1D2NlF,.bannedUserModal-3RJCOV .userUsername-W3oZL9 {
    font-size: 24px;
    line-height: 20px;
    font-weight: 500
}

.bannedUserModal-3RJCOV .reasonHeader-2etdjy {
    text-transform: uppercase;
    font-weight: 500
}

.bannedUserModal-3RJCOV .content-1x7qW2 {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    padding-bottom: 20px
}

.bannedUserModal-3RJCOV .error-tieM06 {
    margin-top: 8px
}

.theme-dark .bannedUser-1IalTM {
    -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 .bannedUser-1IalTM .username-1b3MVI {
    color: #fff
}

.theme-dark .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO,.theme-dark .bannedUserModal-3RJCOV .reason-YbfGC6,.theme-dark .bannedUserModal-3RJCOV .userDiscrim-1D2NlF {
    color: #72767d
}

.theme-dark .bannedUserModal-3RJCOV .reasonHeader-2etdjy {
    color: #dcddde
}

.theme-light .bannedUser-1IalTM {
    -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 .bannedUser-1IalTM .username-1b3MVI {
    color: #4f545c
}

.theme-light .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO {
    color: #b9bbbe
}

.theme-light .bannedUserModal-3RJCOV .reason-YbfGC6,.theme-light .bannedUserModal-3RJCOV .userDiscrim-1D2NlF {
    color: #72767d
}

.theme-light .bannedUserModal-3RJCOV .reasonHeader-2etdjy {
    color: #4f545c
}

.card-FDVird {
    position: relative
}

.card-FDVird:before {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    bottom: -1px;
    left: -20px;
    border-radius: 5px;
    border: 1px solid transparent;
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.card-FDVird.active-nvdKfC:before,.card-FDVird:focus-within:before,.card-FDVird:hover:before {
    opacity: 1
}

.theme-dark .card-FDVird:before {
    background-color: #33363c;
    border-color: #2b2e32
}

.theme-light .card-FDVird:before {
    background-color: #f6f6f7;
    border-color: #e2e2e3
}

.noScroll-1bz0qe {
    overflow-y: visible!important;
    padding: 0
}

.container-1AAEHW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 680px;
    height: auto
}

.sequencer-3wJRd3 {
    padding: 24px 12px
}

.innerSequencer-3Sw44U,.sequencer-3wJRd3 {
    overflow: unset;
    overflow-y: visible
}

.modal-1O3czN {
    overflow-x: hidden
}

.modal-1O3czN,.overviewSidebar-auQZeh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.overviewSidebar-auQZeh {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-preferred-size: 192px;
    flex-basis: 192px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 5px 0 0 5px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(6.65%,#4e1bf5),color-stop(69.44%,#5e4eee),color-stop(106.24%,#6668eb));
    background: linear-gradient(180deg,#4e1bf5 6.65%,#5e4eee 69.44%,#6668eb 106.24%);
    padding: 24px;
    overflow: hidden
}

.header-3ZTyOR {
    color: #fff
}

.closeButton-2qld4J {
    position: absolute;
    top: 12px;
    right: 0;
    z-index: 2
}

.footer-23o2Cr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.overviewSteps-3CfgAC {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.overviewStep-3J-jkA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.stepTitle-1gjE2e {
    color: hsla(0,0%,100%,.6)
}

.stepIndex-3rtpcw {
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.3);
    color: #fff;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.selected-3AsYnC .stepTitle-1gjE2e {
    opacity: 1;
    color: #fff
}

.selected-3AsYnC .stepIndex-3rtpcw {
    color: var(--brand-experiment);
    background-color: #fff
}

.container-1a0SKt {
    min-height: 500px
}

.content-8hp7TM {
    text-align: center
}

.headerCaption-5VyDgh {
    color: var(--header-secondary)
}

.form-Wrv68E {
    margin-top: 24px
}

.description-1XzlaN {
    margin-bottom: 12px
}

.icon-12887d {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.header-1olYNB {
    margin-top: 20px;
    margin-bottom: 8px
}

.closeButton-2tP-tZ {
    position: absolute;
    top: 16px;
    right: 12px
}

.footer-3ZySJx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.checkboxOption-2KqgnR {
    margin-top: 16px;
    white-space: pre-line
}

.disabled-2sOg0h:active {
    pointer-events: none
}

.footerImage-2KxOYG {
    -webkit-transform: translate(60px,20px);
    transform: translate(60px,20px)
}

.container-39qpSA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.banner-2zWlOa {
    position: relative;
    height: 236px;
    width: 100%;
    margin-bottom: 20px
}

@-webkit-keyframes floating-house-1vAUjZ {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes floating-house-1vAUjZ {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.image-2Qw4tp {
    -webkit-animation: floating-house-1vAUjZ 3s ease-in-out infinite;
    animation: floating-house-1vAUjZ 3s ease-in-out infinite;
    z-index: 1
}

.sparkles-fvfHK0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.guildDetails-2p1NmK {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 8px 4px 4px;
    border-radius: 4px;
    background-color: var(--background-tertiary);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guildDetails-2p1NmK.faded-1N_mPb {
    opacity: .4
}

.guildIcon-nSLcmS {
    margin-right: 8px;
    border-radius: 4px
}

.body-3H6FDS {
    margin-top: 8px
}

.separator-3wQM3d {
    margin: 32px 0;
    width: 100%;
    border: none;
    height: 1px;
    background-color: var(--header-primary);
    opacity: .06
}

.features-2PXC_Z {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 16px;
    margin-top: 32px
}

.featureCard-1RR4Tl {
    background-color: var(--background-secondary);
    border-radius: 8px;
    padding: 16px;
    text-align: start
}

.featureCard-1RR4Tl em {
    font-style: italic
}

.featureIcon-3p1TC_ {
    background-color: var(--background-tertiary);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featureHeader-1xIhkq {
    margin-top: 16px;
    margin-bottom: 8px
}

.featuredText-kuAtot,.infoIcon-2xnZYY {
    color: var(--header-primary)
}

.infoIcon-2xnZYY {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.button-2X8t6P {
    margin-top: 16px
}

.twoColumnFormSection-3aoF-Y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.descriptionColumn-1Htn36 {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%
}

.selectColumn-lfJJas {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%
}

.firstSection-1rwP-J {
    margin-top: 12px
}

.formTitle-3jd5CW {
    font-size: 14px;
    margin-bottom: 8px
}

.formSelect-28-gtI {
    margin-left: 40px
}

.divider-2DTmGf {
    margin: 32px 0
}

.description-29kE_D {
    margin-bottom: 8px
}

.upsellContainer-L9xv7w {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    background-color: var(--background-secondary);
    margin-bottom: 20px;
    position: relative
}

.upsellContainer-L9xv7w,.upsellContent-1JlpHe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.upsellContent-1JlpHe {
    border-radius: 8px 8px 0 0;
    padding: 16px 40px 16px 16px
}

.upsellFooter-ZYsio_ {
    background-color: var(--background-secondary-alt);
    border-radius: 0 0 8px 8px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.upsellImage-2ZcRsJ {
    margin-right: 16px
}

.upsellHeader-4x8Gse {
    margin-bottom: 8px
}

.upsellButton-APvswJ {
    margin-right: 8px
}

.upsellClose-3kyA8O {
    position: absolute;
    top: 12px;
    right: 12px;
    color: var(--interactive-normal);
    opacity: .5;
    cursor: pointer
}

.upsellClose-3kyA8O:hover {
    opacity: 1;
    color: var(--interactive-hover)
}

.closeButton-4FUxLM {
    position: absolute;
    top: 12px;
    right: 12px
}

.modalContents-eAxMSD {
    padding: 0 20px 24px
}

.headerText-sweXCL {
    margin-top: 16px
}

.formDescription-30JriC {
    margin: 8px 0 24px
}

.channelDescriptionWrapper-2-llqU {
    position: relative
}

.emojiButtonContainer-1zs7UV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px
}

.emojiButton-RnHnJT.fullOpacity-Aigg8h {
    opacity: 1
}

.emoji-3oB8pJ {
    width: 20px;
    height: 20px
}

.input-2mfscc {
    padding-left: 40px;
    padding-right: 36px
}

.clearButton-2Z4uzf {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: .6;
    line-height: 0;
    height: 100%
}

.clearButton-2Z4uzf:focus,.clearButton-2Z4uzf:hover {
    opacity: 1
}

.clearIcon-onVMIA {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal)
}

.footer-35uF_2 {
    z-index: -1
}

.tooltip-2IG5MP {
    max-width: 150px;
    margin-bottom: 2px
}

.enableContainer-6E-puu {
    margin-top: 32px;
    padding: 16px;
    background-color: var(--background-tertiary);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.iconCircle-36YzEX {
    margin-right: 16px;
    border-radius: 50%
}

@-webkit-keyframes enable-3KjkIW {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 rgba(59,165,92,.5);
        box-shadow: 0 0 0 0 rgba(59,165,92,.5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: #57f287
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px rgba(59,165,92,0);
        box-shadow: 0 0 0 8px rgba(59,165,92,0)
    }
}

@keyframes enable-3KjkIW {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 rgba(59,165,92,.5);
        box-shadow: 0 0 0 0 rgba(59,165,92,.5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: #57f287
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px rgba(59,165,92,0);
        box-shadow: 0 0 0 8px rgba(59,165,92,0)
    }
}

.activeCircle-1486wp {
    padding: 4px;
    background-color: #3ba55c;
    color: #fff
}

.activeCircle-1486wp.animate-3_G5qN {
    -webkit-animation: enable-3KjkIW .6s;
    animation: enable-3KjkIW .6s
}

.editCircle-ityklj {
    padding: 5px;
    background-color: var(--interactive-muted);
    color: var(--interactive-normal)
}

.enableDescription-26mbbN {
    margin: 0 8px 0 0
}

.previewButton-wsoIg2 {
    margin-right: 8px
}

.previewContainer-1SS3uO {
    padding: 16px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--background-secondary)
}

.icon-2BoU5V {
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 16px;
    background-color: var(--background-tertiary);
    margin: 16px
}

.welcomeHeader-1E6iOW {
    text-align: center
}

.welcomeTitle-3SJzU- {
    margin-bottom: 8px;
    color: var(--header-secondary)
}

.welcomeTitle-3SJzU- strong {
    color: var(--header-primary)
}

.headerGuildBadge-1Dk3k6 {
    display: inline-block;
    margin: 0 4px 0 2px
}

.flowerStar-lkEoN9 {
    display: block
}

.descriptionWrapper-1GiGtP {
    width: 100%;
    max-width: 440px;
    margin: 0 auto
}

.descriptionInput-3b30C8 {
    max-height: 64px;
    background-color: var(--background-tertiary)
}

.descriptionInput-3b30C8[placeholder] {
    text-align: center
}

.divider-27Sb2- {
    margin: 32px 0
}

.addChannelButton-3j20Ox {
    margin-top: 16px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.addChannelSubtext-1fWjPy {
    margin-bottom: 8px
}

.welcomeChannel-1rFrIO {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: move;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    background-color: var(--background-primary);
    margin-top: 8px;
    padding: 12px 16px
}

.disabledEmoji-GKRWLi {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.dragging-1NnLa3 {
    opacity: .5
}

.channelIcon-1eKmlw {
    background-color: var(--background-tertiary);
    color: var(--header-secondary);
    padding: 4px
}

.channelIcon-1eKmlw,.warningIcon-2dFY7P {
    border-radius: 4px
}

.channelDescriptionWrapper-ml5lTn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 16px
}

.channelDescription-3C1p1m {
    font-weight: 600
}

.theme-dark .channelWarning-3e1Pz4,.theme-dark .warningIcon-2dFY7P {
    color: var(--text-warning)
}

.theme-light .channelWarning-3e1Pz4,.theme-light .warningIcon-2dFY7P {
    color: #ed4245
}

.welcomeDescription-16dYOx {
    margin-bottom: 56px
}

.exampleContainer-25sB-A {
    position: relative;
    background-image: url(../../assets/84cb0186fea403acdab164cf005461d1.html);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: auto;
    background-color: var(--background-floating);
    border-radius: 8px
}

.header-2SLWai {
    color: var(--header-secondary)
}

.header-2SLWai strong {
    color: var(--header-primary)
}

.exampleModal-2X2Vf8 {
    max-width: 440px;
    margin: 57px 80px 57px 120px;
    background-color: var(--background-primary);
    padding: 16px;
    border-radius: 8px
}

.optionContainer-1FtykV {
    margin-top: 8px;
    background: var(--background-secondary);
    border-radius: 8px;
    padding: 12px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.exampleWumpus-1zk2dq,.optionContainer-1FtykV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.exampleWumpus-1zk2dq {
    position: absolute;
    top: -30px;
    right: -20px
}

.wumpus-3JzuYd {
    -webkit-filter: drop-shadow(var(--elevation-high));
    filter: drop-shadow(var(--elevation-high))
}

.tooltip-1_vJJI {
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    background-color: #000;
    color: #dcddde;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 12px
}

.tooltipPointer-1awMxk {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #000
}

.inputWrapper-2Pwo9_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px;
    color: var(--text-normal);
    background-color: var(--deprecated-text-input-bg);
    border: 1px solid var(--deprecated-text-input-border);
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
    padding: 4px 8px
}

.inputWrapper-2Pwo9_:hover {
    border-color: var(--deprecated-text-input-border-hover)
}

.inputWrapper-2Pwo9_:focus-within {
    border-color: var(--brand-experiment)
}

.inputOuter-361qTb {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.inputInner-17tuXL {
    background: none;
    border: none;
    padding: 4px;
    height: unset;
    min-width: 100px
}

.tag-2S-1By {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 2px;
    padding: 4px 4px 4px 8px;
    -webkit-transition: none;
    transition: none;
    background-color: var(--background-accent);
    color: var(--header-primary)
}

.tag-2S-1By:hover {
    text-decoration: none
}

.closeWrapper-18oTVk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2px
}

.close-3skLOj {
    color: var(--interactive-normal)
}

.close-3skLOj:active,.close-3skLOj:hover {
    cursor: pointer;
    color: var(--interactive-active)
}

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

.disabled-3z2_aY,.disabled-3z2_aY:hover {
    border-color: var(--deprecated-text-input-border-disabled)
}

.theme-light .tag-2S-1By {
    background-color: var(--background-tertiary)
}

.modal-28-6oZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 400px;
    padding: 32px;
    overflow: visible
}

.image-3kXKTd {
    margin-top: -146px;
    -webkit-animation: discovery-anim-3nsIV0 3s ease-in-out infinite;
    animation: discovery-anim-3nsIV0 3s ease-in-out infinite
}

.header-2cTU9t,.title-24-Ern {
    margin-bottom: 16px
}

.body-3klDhE {
    margin-bottom: 8px
}

.button-3lMJHb {
    margin-top: 24px
}

.root-1Kk1RQ {
    overflow: visible;
    width: 400px
}

@-webkit-keyframes discovery-anim-3nsIV0 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes discovery-anim-3nsIV0 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.card-3_CqkU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 258px;
    width: 200px;
    overflow: hidden;
    border-radius: 8px;
    position: relative
}

.card-3_CqkU,.iconMask-30Tvqs {
    background-color: var(--activity-card-background)
}

.iconMask-30Tvqs {
    padding: 4px
}

@-webkit-keyframes placeholderPulse-2_Z4Bq {
    0% {
        opacity: .6
    }

    50% {
        opacity: .8
    }

    to {
        opacity: .6
    }
}

@keyframes placeholderPulse-2_Z4Bq {
    0% {
        opacity: .6
    }

    50% {
        opacity: .8
    }

    to {
        opacity: .6
    }
}

.cardPlaceholder-qKtx_A {
    -webkit-animation: placeholderPulse-2_Z4Bq 1.8s ease-in-out infinite;
    animation: placeholderPulse-2_Z4Bq 1.8s ease-in-out infinite
}

.cardHeader-2XrQbx {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 112px;
    flex: 0 0 112px;
    position: relative;
    display: block;
    overflow: visible;
    margin-bottom: 28px
}

.splash-104Ug5 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
}

.splash-104Ug5,.splashImage-352DQ1 {
    width: 100%;
    height: 100%
}

.splashImage-352DQ1 {
    -o-object-fit: cover;
    object-fit: cover
}

.splashLoaded-2qGdo9 .splash-104Ug5 {
    opacity: 1
}

.guildIcon-cyDh6h {
    position: absolute;
    bottom: -21px;
    left: 12px
}

.defaultIcon-2NMkWn {
    background-color: var(--brand-experiment);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.acronym-1X5Hgh {
    color: #fff
}

.avatar-_geuXS {
    width: 100%;
    height: 100%
}

.guildInfo-3Tdx1V {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding: 0 12px 12px
}

.guildInfo-3Tdx1V,.title-3NAWNZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.title-3NAWNZ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-weight: 600
}

.verifiedIcon-2NS6OA {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-left: -2px
}

.guildName-2z1snm {
    white-space: nowrap
}

.description-2myUjD,.guildName-2z1snm {
    overflow: hidden;
    text-overflow: ellipsis
}

.description-2myUjD {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 8px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.memberInfo-3OSanw {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    justify-self: flex-end
}

.memberCount-1JulvM,.memberInfo-3OSanw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.memberCount-1JulvM {
    font-size: 0.75rem;
    line-height: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    margin-right: 16px
}

.memberCount-1JulvM:last-child {
    margin-right: 0
}

.memberDot-y8-JHF {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dotOnline-pxc5-3 {
    background-color: #3ba55c
}

.dotOffline-2ccHbp {
    background-color: var(--text-muted)
}

.cardDisabled-1h1x-Y {
    opacity: .4;
    pointer-events: none
}

.cardSmall-9yl0mw {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.theme-dark .card-3_CqkU {
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.theme-dark .iconMask-30Tvqs {
    background-color: var(--background-secondary-alt)
}

.theme-light .card-3_CqkU {
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),var(--elevation-medium);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),var(--elevation-medium)
}

.content-4eJCLj {
    padding: 24px
}

.modalHeader-5MokOG {
    margin-bottom: 16px
}

.marginAfter-IiM3ZP {
    margin-bottom: 8px
}

.separator-2dUoVV {
    width: 100%;
    height: 1px;
    background-color: var(--background-modifier-accent);
    margin: 24px 0
}

.failingBlock-1afrol {
    margin-bottom: 24px
}

.closeButton-12xe4v {
    position: absolute;
    top: 12px;
    right: 12px
}

.progressWrapper-2feR8- {
    position: relative;
    height: 8px;
    margin: 16px 0 8px
}

.progressBackground-2EKw_J {
    width: 100%;
    background-color: var(--background-secondary)
}

.progressBackground-2EKw_J,.progressBar-35txIi {
    position: absolute;
    height: 8px;
    border-radius: 4px
}

.progressBar-35txIi {
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.labelWrapper-3nyUcr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.requirement-HjiNzo {
    text-align: right
}

.bold-1t9kNq {
    font-weight: 600
}

.container-2w0lh0 {
    border-radius: 8px;
    background-color: var(--background-secondary);
    overflow: hidden
}

.loaderContainer-huyPxM {
    padding: 64px 0
}

.loadingText-2q2gZU {
    text-align: center;
    margin-bottom: 24px
}

.header-2Y0-A- {
    background-color: var(--background-tertiary);
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerIcon-2S6VR5 {
    margin-right: 16px
}

.checklistItem-37OOck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px
}

.separator-1COOpU {
    content: "";
    height: 1px;
    background-color: var(--background-modifier-accent);
    position: relative;
    border: none;
    margin: 0 16px;
    display: block
}

.checklistIcon-6Kez2J {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    margin-right: 16px
}

.checklistText-2K8GVA {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.detailsButton-2Vh09u {
    padding: 0;
    font-weight: 400
}

.doesNot-36YbF_ {
    color: #ed4245
}

.healthPending-22BgqZ {
    color: var(--text-warning)
}

.healthFailingDescription-xc0vqi {
    margin-bottom: 8px
}

.background-3FwLDP {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../../assets/f0d744519439d994a0e123310dece658.html);
    background-repeat: no-repeat;
    pointer-events: none
}

.discoverySettings-8j0xNl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 560px;
    margin: auto
}

.image-3rvd0n {
    height: 110px;
    width: 100%;
    background-image: url(../../assets/4bb32037d9d2e8240d1315ddaf4e4b85.html);
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 64px 0 32px
}

.header-bw_a4i {
    text-align: center;
    margin-bottom: 8px
}

.description--8OK6G {
    text-align: center;
    margin-bottom: 24px
}

.checklist-2PoK4y {
    border-radius: 8px;
    background-color: var(--background-secondary);
    overflow: hidden;
    width: 100%
}

.divider-3ZT-db {
    height: 1px;
    width: 100%;
    margin: 0 16px;
    background-color: var(--background-modifier-accent)
}

.container-1rn8Cv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.sparkles-2XXTZO {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 1
}

.header-2MiVco {
    margin-top: 32px;
    margin-bottom: 8px
}

.byline-3REiHf {
    margin-bottom: 16px
}

.discoverPreview-3q1szX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: start
}

.placeholderCard-3Zu1qO,.previewCard-DOrO3c {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.guidelines-2G-CDd {
    margin-top: 16px
}

.enableButton-5IUTeW {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width: 210px;
    margin: auto;
    font-weight: 600
}

.checklist-3Y6Fqp {
    text-align: start;
    margin-top: 32px
}

.twoColumnFormSection-2Q7L4a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.formColumnLeft-133goO {
    width: 50%;
    margin-right: 8px
}

.formColumnRight-lC16zj {
    width: 50%;
    margin-left: 8px
}

.noDividerFormSection-vvAlYx {
    margin-top: 32px
}

.formTitle-1H5isU {
    font-size: 14px;
    margin-bottom: 8px
}

.formDescription-1M5V7q {
    margin-bottom: 16px;
    margin-right: 16px;
    max-width: 328px
}

.description-1wCOo3 {
    margin: 8px 0
}

.formSelect-2Fx4ul {
    margin-left: 16px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.divider-28j0IL {
    margin: 32px 0
}

.guildCard-1cenlU {
    min-height: 256px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.avatarUploaderInnerSquare-2wsxgt {
    border-radius: 4px;
    background-size: cover;
    width: 320px;
    height: 180px
}

.tag-3G5e08 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 2px;
    padding: 4px 4px 4px 8px;
    -webkit-transition: none;
    transition: none;
    color: var(--header-primary)
}

.tag-3G5e08:hover {
    text-decoration: none
}

.closeWrapper-1ip_nt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2px
}

.close-20aIEG {
    color: var(--interactive-normal)
}

.close-20aIEG:active,.close-20aIEG:hover {
    cursor: pointer;
    color: var(--interactive-active)
}

.error-2OpTSs {
    margin-top: 8px
}

.theme-light .avatarUploaderInnerSquare-2wsxgt {
    background-image: url(../../assets/7b6ed225050df29a07cb5db712d35a73.html)
}

.theme-light .tag-3G5e08 {
    background-color: var(--background-tertiary)
}

.theme-dark .avatarUploaderInnerSquare-2wsxgt {
    background-image: url(../../assets/d03d90cb6f12a7ea06274b278dfa4160.html)
}

.theme-dark .tag-3G5e08 {
    background-color: var(--background-accent)
}

.emojiAliasPlaceholder-3H_iZA {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    font-size: 16px;
    line-height: 16px;
    padding-top: 6px;
    padding-left: 8px;
    padding-right: 8px;
    max-width: 200px;
    overflow: hidden
}

.emojiAliasPlaceholder-3H_iZA:after,.emojiAliasPlaceholder-3H_iZA:before {
    content: ":";
    position: absolute;
    font-weight: 500;
    opacity: .3
}

.emojiAliasPlaceholder-3H_iZA:before {
    margin-left: -6px
}

.emojiAliasPlaceholder-3H_iZA:after {
    margin-left: 3px
}

.emojiAliasInput-1y-NBz {
    position: relative;
    z-index: 1;
    width: 200px
}

.emojiAliasOffset-3y9w1z {
    margin-left: 7px
}

.emojiRow-zIc7ZX {
    position: relative;
    height: 64px
}

.emojiRow-zIc7ZX .emojiAliasInput-1y-NBz .emojiInput-1aLNse {
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    opacity: 0
}

.emojiRow-zIc7ZX .emojiAliasInput-1y-NBz .emojiInput-1aLNse:focus {
    opacity: 1
}

.emojiRow-zIc7ZX .emojiUploader-1f0pVx {
    margin-left: 10px;
    position: relative
}

.emojiRow-zIc7ZX .emojiRemove-1k6MlJ {
    position: absolute;
    top: -12px;
    right: -31px;
    opacity: 0
}

.emojiRow-zIc7ZX .emojiImage-1hZi2F {
    width: 32px;
    height: 32px;
    background-size: contain;
    background-position: 0 50%;
    background-repeat: no-repeat
}

.emojiRow-zIc7ZX .emojiAliasInput-1y-NBz,.emojiRow-zIc7ZX .emojiImage-1hZi2F {
    position: relative
}

.emojiRow-zIc7ZX .emojiRowText-2j4TNM {
    position: absolute;
    top: 0;
    left: 28px;
    right: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.emojiRow-zIc7ZX:focus-within .emojiAliasInput-1y-NBz .emojiInput-1aLNse,.emojiRow-zIc7ZX:hover .emojiAliasInput-1y-NBz .emojiInput-1aLNse {
    opacity: 1
}

.emojiRow-zIc7ZX:focus-within .emojiRemove-1k6MlJ,.emojiRow-zIc7ZX:hover .emojiRemove-1k6MlJ {
    opacity: 1
}

.emojiDisabled-3hOv8O {
    opacity: .4
}

.positionRelative-3HNyhz {
    position: relative
}

.avatar-2Hubm8 {
    width: 20px!important;
    height: 20px!important
}

.theme-dark .emojiAliasInput-1y-NBz .emojiInput-1aLNse {
    background-color: #2d2f32
}

.theme-dark .emojiAliasPlaceholder-3H_iZA {
    color: #fff
}

.theme-dark .emojiRow-zIc7ZX {
    -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 .emojiAliasInput-1y-NBz .emojiInput-1aLNse {
    background-color: #efeff0
}

.theme-light .emojiRow-zIc7ZX {
    -webkit-box-shadow: 0 1px 0 0 rgba(79,84,92,.04);
    box-shadow: 0 1px 0 0 rgba(79,84,92,.04)
}

.wrapper-1sov8s {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-38iSYi {
    word-break: break-word;
    margin-bottom: 8px
}

.secondaryHeader-2oeRPO {
    word-break: break-word;
    font-weight: 500
}

.icon-3oSHuZ {
    color: var(--interactive-normal);
    width: 24px;
    height: 24px
}

.iconWrapper-lS1uig {
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color: var(--background-floating);
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.detailsIcon-2LZ7Bq {
    margin-right: 4px;
    color: var(--interactive-normal)
}

.detailsWrapper-3XSaoN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 4px
}

.headerDetailsWrapper-3vFoyW {
    margin-right: 40px
}

.card-1o0mns {
    padding: 20px 16px;
    margin-bottom: 16px
}

.iconWrapper-1GmWXs {
    background-color: var(--background-floating);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 8px
}

.tag-2tTce6 {
    margin-left: 4px
}

.divider-1Q2f0F {
    margin-top: 16px;
    margin-bottom: -8px
}

.permissionHeader-asGFgR {
    margin-top: 24px;
    margin-bottom: 0
}

.permission-23FtuH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    margin-top: 8px
}

.check-2-1yhI {
    color: var(--text-positive)
}

.check-2-1yhI,.cross-22YsmA {
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cross-22YsmA {
    color: #ed4245
}

.theme-light .rolePills-32B_DQ {
    color: rgba(79,84,92,.8)
}

.theme-light .card-1o0mns {
    border-color: var(--background-tertiary)
}

.theme-dark .rolePills-32B_DQ {
    color: hsla(0,0%,100%,.8)
}

.theme-dark .card-1o0mns {
    border-color: var(--background-secondary-alt)
}

.card-11DMwv {
    padding: 0;
    margin-bottom: 16px
}

.header-AEVxpd {
    padding: 20px 16px;
    cursor: pointer
}

.body-1URwv3 {
    padding: 0 16px 24px
}

.avatarWrapper-100Zq- {
    padding-right: 12px
}

.avatarUploaderInner-38krIy {
    width: 100px;
    height: 100px
}

.topDivider-3L6Fpy {
    margin-bottom: 24px
}

.bottomDivider-oRTNmX {
    margin: 24px 0
}

.copyButton-2dlh2G {
    margin-right: 16px
}

.expandIcon-36eQhw {
    color: var(--interactive-normal)
}

.source-2T0ALx {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: -8px;
    margin-bottom: 24px
}

.sourceName-1A_rmo {
    color: var(--text-normal);
    margin: 0 8px 0 4px
}

.sourceIcon-3A2BWe {
    color: var(--interactive-normal)
}

.sourceGuildIcon-3FBVzr {
    border-radius: 50%;
    width: 24px;
    height: 24px
}

.guildSource-zsVqWq {
    color: var(--text-muted);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 8px
}

.removeButton-2mQphS {
    padding-left: 0;
    padding-right: 0
}

.theme-light .card-11DMwv {
    border-color: var(--background-tertiary)
}

.theme-dark .card-11DMwv {
    border-color: var(--background-secondary-alt)
}

.card-3IImnr {
    padding: 0;
    margin-bottom: 16px
}

.pulse-3KGsIm {
    border-width: 1px;
    border-color: transparent;
    -webkit-animation: pulseBorder-1LZYy9 .8s alternate;
    animation: pulseBorder-1LZYy9 .8s alternate
}

@-webkit-keyframes pulseBorder-1LZYy9 {
    0% {
        border-color: transparent
    }

    50% {
        border-color: var(--brand-experiment)
    }

    to {
        border-color: transparent
    }
}

@keyframes pulseBorder-1LZYy9 {
    0% {
        border-color: transparent
    }

    50% {
        border-color: var(--brand-experiment)
    }

    to {
        border-color: transparent
    }
}

.header-146Xl5 {
    padding: 20px 16px;
    cursor: pointer
}

.body-1zRX82 {
    padding: 0 16px 24px
}

.avatarWrapper-w4yZ79 {
    padding-right: 12px
}

.avatarUploaderInner-2yzhZs {
    width: 100px;
    height: 100px
}

.topDivider-3G26Ct {
    margin-bottom: 24px
}

.bottomDivider-2zO9Uj {
    margin: 24px 0
}

.copyButton-162Uy2 {
    margin-right: 16px
}

.expandIcon-3Ktz7x {
    color: var(--interactive-normal)
}

.theme-light .card-3IImnr {
    border-color: var(--background-tertiary)
}

.theme-dark .card-3IImnr {
    border-color: var(--background-secondary-alt)
}

.groupHeader-2HO9n1 {
    margin-top: 24px;
    margin-bottom: 16px
}

.channelName-23gcSM {
    color: var(--header-primary)
}

.header-1zrK9n {
    margin-top: 20px
}

.headerDivider-Dg1-HH {
    margin: 32px 0
}

.headerDescription-1Nd_lF {
    margin-top: 16px
}

.sectionHeader-3nPONz {
    margin-bottom: 16px;
    font-weight: 500
}

.sectionIcon-_ETEQ7 {
    color: var(--interactive-normal);
    margin-right: 8px
}

.section-1vojIX {
    margin-bottom: 32px
}

.emptyCard-COmm00 {
    padding: 36px 16px;
    text-align: center;
    border-width: 0
}

.updateAvailable-qNqOs7 {
    -webkit-animation: spin-3elCWT 2s linear infinite;
    animation: spin-3elCWT 2s linear infinite
}

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

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

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

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

.card-2oHOey {
    padding: 0;
    margin-bottom: 16px
}

.header-3_1L2a {
    padding: 20px 16px
}

.expandableHeader-419nXs {
    cursor: pointer
}

.body-1_h7ob {
    padding: 0 16px 16px
}

.topDivider-30ltDi {
    margin-bottom: 24px
}

.midDivider-1XcdC7 {
    margin: 24px 0
}

.bottomDivider-2vNBIW {
    margin: 24px 0 16px
}

.description-CJJAf4>a {
    color: var(--header-secondary)
}

.syncedRole-ko_ioR>a {
    color: var(--header-primary)
}

.emoji-1jNyN9 {
    color: var(--text-muted);
    min-height: 0!important;
    max-width: 28px!important;
    max-height: 28px!important;
    margin: 8px 8px 0 0!important
}

.switch-3t5-zB {
    -ms-flex-item-align: center;
    align-self: center
}

.expandIcon-h6kd__ {
    color: var(--interactive-normal)
}

.enabledBadge-2bejG8 {
    background-color: #3ba55c
}

.disableButton-vqsDT_ {
    padding-left: 0;
    padding-right: 0
}

.theme-light .card-2oHOey {
    border-color: var(--background-tertiary)
}

.theme-dark .card-2oHOey {
    border-color: var(--background-secondary-alt)
}

.header-3AX55L {
    margin-top: 20px
}

.headerDivider-38pm1t {
    margin: 32px 0
}

.platformIcon-1PGQCy {
    width: 28px;
    height: 28px
}

.iconWrapper-1CmFNX {
    background-color: var(--background-floating);
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.helpText-3pMjkE {
    margin-top: 16px
}

.headerDivider-24Gho9 {
    margin: 32px 0
}

.emptyStateImage-3B9eCS {
    width: 272px;
    height: 145px;
    margin-top: 32px;
    margin-bottom: 24px
}

.emptyStateButton-1ecMOd {
    margin-top: 12px
}

.sectionHeader-3mr9j6 {
    margin-top: 32px;
    margin-bottom: 16px;
    color: var(--text-muted);
    font-weight: 500
}

.channelName-3PKQcf {
    color: var(--header-primary)
}

.card-o7rAq- {
    padding: 20px 16px;
    margin-bottom: 16px
}

.caret-Ld-w32 {
    margin-left: 8px;
    color: var(--interactive-normal)
}

.feature-1kwvmO {
    margin-right: 16px
}

.featureIcon-3huAlM {
    color: var(--text-muted)
}

.clickable-ya6Upc {
    cursor: pointer
}

.theme-light .card-o7rAq- {
    border-color: var(--background-tertiary)
}

.theme-dark .card-o7rAq- {
    border-color: var(--background-secondary-alt)
}

.divider-2ArnI_ {
    margin: 32px 0
}

.sectionHeader-roK2A- {
    margin-bottom: 24px
}

.emptyStateWrapper-1TYbzO {
    -ms-flex-line-pack: center;
    align-content: center
}

.emptyStateImage-1cmrRm {
    width: 256px;
    height: 72px;
    margin-bottom: -24px;
    z-index: 100
}

.emptyStateCard-1gakJi {
    width: 100%;
    min-height: 128px;
    padding-top: 24px;
    z-index: 1;
    border-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footerPlaceholder-3sjNqI {
    padding-bottom: 228px
}

.footerImage-4UrEF0 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 188px;
    background-size: 660px 188px;
    background-position: 50%;
    background-repeat: no-repeat
}

.theme-dark .footerImage-4UrEF0 {
    background-image: url(../../assets/36d0e0bb009fa362c2533003c0af67b5.html)
}

.theme-light .footerImage-4UrEF0 {
    background-image: url(../../assets/c9b2eb9473c66578a8e021e9fe46b74b.html)
}

.platformIcon-3ewYVp {
    width: 28px;
    height: 28px
}

.headerDivider-imrZvL {
    margin: 32px 0
}

.createButton-3dZ1z4,.emptyStateImage-3SXmVX {
    margin-bottom: 24px
}

.emptyStateImage-3SXmVX {
    width: 272px;
    height: 145px
}

.emptyStateButton-3AtrA7 {
    margin-top: 12px
}

.spinner-3PIoVi {
    margin-top: 40px
}

.backButton-1C0-xm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
    cursor: pointer;
    margin: -4px 8px -4px 0
}

.backArrow-yh8dcc {
    color: var(--text-muted)
}

.breadcrumbs-313Q_y {
    margin-bottom: 20px
}

.breadcrumbActive-rzcSnC {
    color: var(--header-primary)
}

.breadcrumbInactive--q94Ii {
    cursor: pointer;
    color: var(--header-secondary)
}

.breadcrumbInactive--q94Ii:hover {
    color: var(--header-primary)
}

.inviteSettingsInviteRow-3p2O-N {
    height: 62px;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-normal)
}

.headerSection-3-3lNF {
    padding-bottom: 4px
}

.headerDivider-IXgjKK {
    margin-bottom: 19px
}

.inviteSettingsInviteRow-3p2O-N:focus-within .revokeInvite-28N8uj,.inviteSettingsInviteRow-3p2O-N:hover .revokeInvite-28N8uj {
    opacity: 1
}

.text-21vYb9 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.revokeInvite-28N8uj,.text-21vYb9 {
    z-index: 2
}

.username-38XC76 {
    margin-left: 8px
}

.channelName-13-Sm9 {
    margin-left: 26px
}

.countdownColumn-3NPaQ0 {
    margin-right: 0
}

.revokeInvite-28N8uj {
    position: absolute;
    top: -12px;
    right: -31px;
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.inviteCode-202N0U {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace
}

.textAlignRight-9VxZrl {
    text-align: right
}

.countdown-3GoVpq,.uses-mYuoF0 {
    text-align: right;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace
}

.user-3x-NP9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--header-primary)
}

.discriminator-uTZ08z {
    color: var(--header-secondary)
}

.avatar-1D9RQa {
    width: 20px!important;
    height: 20px!important
}

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

.theme-dark .inviteSettingsInviteRow-3p2O-N {
    -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 .inviteSettingsInviteRow-3p2O-N {
    -webkit-box-shadow: 0 1px 0 0 rgba(79,84,92,.04);
    box-shadow: 0 1px 0 0 rgba(79,84,92,.04)
}

.spacing-10gZNy {
    margin: 8px 0 16px
}

.pruneDetails-2XW25x {
    margin: 20px 0
}

.role-3_4ahB {
    margin: 4px 4px 4px 0;
    color: var(--text-normal)
}

.content-160bZ2 {
    overflow: unset;
    overflow-y: visible;
    padding: 0 16px;
    z-index: 2
}

.spacing-3L-47q {
}

.fromToWrapper-LEJK5w {
    padding-top: 24px;
    background: no-repeat 50% 0
}

.from-mPWN2E,.to-2819fF {
    border-radius: 50%
}

.from-mPWN2E {
    margin-right: -27px;
    opacity: .3
}

.to-2819fF {
    position: relative;
    z-index: 1
}

.theme-dark .to-2819fF {
    -webkit-box-shadow: 0 0 0 4px #2f3136;
    box-shadow: 0 0 0 4px #2f3136;
    background-color: #2f3136
}

.theme-dark .fromToWrapper-LEJK5w {
    background-image: url(../../assets/7d74fde5c67e7d6dd17ebefedce42c74.html)
}

.theme-light .to-2819fF {
    -webkit-box-shadow: 0 0 0 4px #f6f6f7;
    box-shadow: 0 0 0 4px #f6f6f7;
    background-color: #f6f6f7
}

.theme-light .fromToWrapper-LEJK5w {
    background-image: url(../../assets/c4fcc96859526eae2dfd060c7eeaa303.html)
}

.searchBar-1YE5UV {
    margin-left: 10px
}

.membersHeader-1e_dwe .ui-select-2Wiqwo {
    width: 150px
}

.pruneLink-3V7wes {
    opacity: .9
}

.membersCount-3pDYPB {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.membersFilterPopout-URUUD- {
    width: 240px
}

.membersFilterPopout-URUUD- .ui-scroller-wrap--ZsVcq {
    max-height: 280px
}

.member-1q7VfX {
    padding: 16px 0
}

.member-1q7VfX.active-2lyE_3 .overflowIcon-1qLIlV,.member-1q7VfX:focus-within .overflowIcon-1qLIlV,.member-1q7VfX:focus .overflowIcon-1qLIlV,.member-1q7VfX:hover .overflowIcon-1qLIlV {
    opacity: .6
}

.member-1q7VfX.active-2lyE_3 .overflowIcon-1qLIlV:focus,.member-1q7VfX.active-2lyE_3 .overflowIcon-1qLIlV:focus-within,.member-1q7VfX.active-2lyE_3 .overflowIcon-1qLIlV:hover,.member-1q7VfX:focus-within .overflowIcon-1qLIlV:focus,.member-1q7VfX:focus-within .overflowIcon-1qLIlV:focus-within,.member-1q7VfX:focus-within .overflowIcon-1qLIlV:hover,.member-1q7VfX:focus .overflowIcon-1qLIlV:focus,.member-1q7VfX:focus .overflowIcon-1qLIlV:focus-within,.member-1q7VfX:focus .overflowIcon-1qLIlV:hover,.member-1q7VfX:hover .overflowIcon-1qLIlV:focus,.member-1q7VfX:hover .overflowIcon-1qLIlV:focus-within,.member-1q7VfX:hover .overflowIcon-1qLIlV:hover {
    opacity: 1
}

.member-1q7VfX .nameTag-3wmDUk {
    min-width: 200px;
    max-width: 200px
}

.member-1q7VfX .nameTag-3wmDUk .name-8yzEIY,.member-1q7VfX .nameTag-3wmDUk .tag-1YGWN9 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: text;
    margin-right: .3rem
}

.member-1q7VfX .ownerHelpIcon-3ItaBx {
    cursor: default;
    width: 14px;
    height: 14px
}

.member-1q7VfX .roleWrapper-1Hde_V {
    overflow: hidden
}

.member-1q7VfX .overflowButton-D3gjra {
    width: 24px
}

.member-1q7VfX .overflowIcon-1qLIlV {
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.member-1q7VfX .avatar-2tTaT6,.member-1q7VfX .nameTag-3wmDUk,.member-1q7VfX .overflowButton-D3gjra,.member-1q7VfX .roleWrapper-1Hde_V {
    z-index: 1
}

.tag-1YGWN9 {
    color: var(--text-muted);
    font-size: 14px
}

.theme-light .pruneLink-3V7wes {
    color: #ed4245
}

.theme-light .member-1q7VfX {
    -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 .member-1q7VfX .name-8yzEIY {
    color: #4f545c;
    font-weight: 500
}

.theme-light .member-1q7VfX .roleWrapper-1Hde_V {
    color: rgba(79,84,92,.8)
}

.theme-light .member-1q7VfX .overflowIconFg-QMRRFI {
    fill: #4f545c
}

.theme-light .member-1q7VfX .ownerHelpIcon-3ItaBx {
    color: #4f545c
}

.theme-dark .pruneLink-3V7wes {
    color: #ed4245
}

.theme-dark .member-1q7VfX {
    -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 .member-1q7VfX .name-8yzEIY {
    color: #f6f6f7;
    font-weight: 500
}

.theme-dark .member-1q7VfX .roleWrapper-1Hde_V {
    color: hsla(0,0%,100%,.8)
}

.theme-dark .member-1q7VfX .overflowIconFg-QMRRFI {
    fill: #fff
}

.theme-dark .member-1q7VfX .ownerHelpIcon-3ItaBx {
    color: #f6f6f7
}

.buttonWithTooltip-zc8RdL {
    width: 100%
}

.container-1s4HBn {
    -webkit-transition: border-color .17s ease;
    transition: border-color .17s ease
}

.container-1s4HBn.error-3TKm5F,.container-1s4HBn.error-3TKm5F:hover {
    border-color: #ed4245
}

.disabled-3R_rEF {
}

.layout-RmPevB {
}

.layout-RmPevB .input-1dRteR {
    padding: 0 0 0 8px;
    overflow: visible;
    line-height: 24px
}

.input-1dRteR {
}

.name-3suiPo {
    margin-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flag-16iIBd {
    position: relative;
    width: 36px;
    height: 24px;
    background-size: cover;
    border-radius: 3px;
    margin-right: 10px
}

.vip-3pFIN8:after {
    position: absolute;
    bottom: -5px;
    right: -10px;
    content: "VIP";
    background: var(--brand-experiment);
    color: #fff;
    border: 2px solid;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 10px;
    padding: 2px;
    height: 17px;
    line-height: 10px
}

.button-cqiy5p {
}

.theme-dark .container-1s4HBn.hover-2AGf5p {
    border-color: #040405
}

.theme-dark .flag-16iIBd.vip-3pFIN8:after {
    border-color: #36393f
}

.theme-light .container-1s4HBn.hover-2AGf5p {
    border-color: #b9bbbe
}

.theme-light .flag-16iIBd.vip-3pFIN8:after {
    border-color: #fff
}

.avatarUploader-2yeaMv .avatarUploaderInner-3SDRO_,.avatarUploaderDisabled-310UAf .avatarUploaderInner-3SDRO_ {
    width: 100px;
    height: 100px;
    background-size: 100% 100%
}

.avatarUploader-2yeaMv .avatarUploaderInnerSquare-2UOXj4,.avatarUploaderDisabled-310UAf .avatarUploaderInnerSquare-2UOXj4 {
    border-radius: 4px;
    background-size: cover;
    width: 100%;
    height: 180px
}

.iconError-3G2IfP {
    margin-top: 8px;
    text-align: center
}

.guildSettingsOverviewNotice-2VluqV {
    border-radius: 4px
}

.divider-3wNib3 {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid transparent
}

.theme-dark .guildSettingsOverviewNotice-2VluqV {
    background-color: rgba(32,34,37,.95)
}

.theme-dark .avatarUploader-2yeaMv .avatarUploaderInner-3SDRO_,.theme-dark .avatarUploaderDisabled-310UAf .avatarUploaderInner-3SDRO_ {
    -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 .avatarUploader-2yeaMv .avatarUploaderInner-3SDRO_:hover {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),inset 0 0 120px rgba(0,0,0,.6);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),inset 0 0 120px rgba(0,0,0,.6)
}

.theme-dark .avatarUploaderDisabled-310UAf .avatarUploaderInner-3SDRO_:hover {
    -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 .error-2JokS1,.theme-dark .iconError-3G2IfP {
    color: #ed4245
}

.theme-dark .divider-3wNib3 {
    border-color: rgba(114,118,125,.3)
}

.theme-light .guildSettingsOverviewNotice-2VluqV {
    background-color: rgba(246,246,247,.95)
}

.theme-light .avatarUploader-2yeaMv .avatarUploaderInner-3SDRO_,.theme-light .avatarUploaderDisabled-310UAf .avatarUploaderInner-3SDRO_ {
    -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 .avatarUploader-2yeaMv .avatarUploaderInner-3SDRO_: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 .error-2JokS1,.theme-light .iconError-3G2IfP {
    color: #ed4245
}

.theme-light .avatarUploaderDisabled-310UAf .avatarUploaderInner-3SDRO_:hover {
    -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 .divider-3wNib3 {
    border-color: rgba(185,187,190,.3)
}

.healthFailingDescription-2i0N_v {
    margin-bottom: 8px
}

.detailsButton-2DLM6k {
    padding: 0;
    font-weight: 400
}

.healthPending-2vOXca {
    color: var(--text-warning)
}

.doesNot-182rCC {
    color: #ed4245
}

.separator-Hx_3SF {
    height: 1px;
    width: 100%;
    background-color: var(--header-primary);
    opacity: .06;
    border: none;
    margin: 0
}

.container-1y2SiJ {
    min-height: 480px;
    -ms-flex-direction: column;
    flex-direction: column
}

.centeredContent-2RnY1t,.container-1y2SiJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.centeredContent-2RnY1t {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerContent-1hkqMb {
    text-align: center
}

.header-2iAsQ- {
    margin-bottom: 16px
}

.headerCaption-dhZYrH,.headerCaptionSecondLine-njznzs {
    color: var(--header-secondary)
}

.headerCaptionSecondLine-njznzs {
    margin-top: 16px
}

.formItem-3caYi-,.twoColumn-3yKVlN {
    margin-top: 24px
}

.twoColumn-3yKVlN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.columnItem-P4zi8t {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.spacedColumnItem-2jBOnY {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-right: 16px
}

.description-1UfJ_A {
    margin-bottom: 8px
}

.otherDescription-1p-Y0L {
    margin: 8px 0
}

.tag-3-bjbr {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 2px;
    padding: 4px 4px 4px 8px;
    -webkit-transition: none;
    transition: none;
    color: var(--header-primary)
}

.tag-3-bjbr:hover {
    text-decoration: none
}

.closeWrapper-1DB17G {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2px
}

.close-1WlsZj {
    width: 12px;
    height: 12px;
    color: var(--interactive-normal)
}

.close-1WlsZj:active,.close-1WlsZj:hover {
    cursor: pointer;
    color: var(--interactive-active)
}

.theme-light .tag-3-bjbr {
    background-color: var(--background-tertiary)
}

.theme-dark .tag-3-bjbr {
    background-color: var(--background-accent)
}

.wrapper-3JPufy {
    position: relative
}

.inner-2Y6JuD {
    width: 52px;
    height: 52px;
    border: 1px solid rgba(153,170,181,.3);
    border-radius: 5px;
    background-size: 36px 36px;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inner-2Y6JuD:hover {
    background-color: rgba(153,170,181,.3);
    cursor: pointer
}

.inner-2Y6JuD:disabled {
    opacity: .3;
    pointer-events: none
}

.ellipsis-3JqXfv {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.spinnerItem-3JjAoz {
    background-color: #4f545c
}

.theme-dark .inner-2Y6JuD,.theme-light .inner-2Y6JuD {
    background-color: transparent
}

.theme-dark .inner-2Y6JuD:hover,.theme-light .inner-2Y6JuD:hover {
    border-color: transparent
}

.buttonFlexContainer-3I-FUG {
    margin: 4px 0 0
}

.buttonWrapper-1AHlq- {
    position: relative;
    margin-left: 0;
    margin-right: 12px
}

.buttonWrapper-1AHlq- .oauthButton-1qlQzP {
    border-radius: 4px;
    border: 1px solid var(--background-tertiary);
    background-color: var(--background-secondary)
}

.buttonWrapper-1AHlq- .oauthButton-1qlQzP:hover {
    border-color: var(--background-tertiary);
    background-color: var(--background-secondary-alt)
}

.buttonWrapper-1AHlq- .connected-2pJS_z {
    opacity: .75;
    border: 2px solid var(--brand-experiment)
}

.buttonWrapper-1AHlq- .connected-2pJS_z:hover {
    opacity: 1;
    border: 2px solid var(--brand-experiment)
}

.checkmarkCircle-2n4gFf {
    background-color: var(--brand-experiment);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -8px;
    right: -8px
}

.container-3Z2Sia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.banner-2AwsUs {
    width: 428px;
    margin-bottom: 40px
}

.featureCards-3AOp7w {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 16px;
    margin-bottom: 32px
}

.body-jOLx1x {
    margin-top: 8px;
    margin-bottom: 32px
}

.separator-2V2oIO {
    margin: 32px 0;
    height: 1px;
    width: 100%;
    background-color: var(--header-primary);
    opacity: .06;
    border: none
}

.pendingBar-1vOJ9X {
    background-color: var(--background-tertiary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    border-radius: 8px;
    text-align: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 32px
}

.paragraph-2_8gFN {
    margin-bottom: -14px
}

.requirementsImage-tqIP2X {
    margin-right: 16px
}

.loadingText-1ki_Yg {
    margin-bottom: 16px
}

.info-1LuGpo {
    color: #3e70dd
}

.warning-3qyw2h {
    color: #ed4245
}

.button-3vUWW9 {
    margin-bottom: 2px
}

.applicationPauseWarning-SpLhap {
    margin-bottom: 16px;
    text-align: start
}

.checklistContainer-mFJZEJ {
    background-color: var(--background-secondary);
    border-radius: 8px;
    text-align: start;
    margin: 0 32px
}

.checklistHeader-1KWcEY {
    background-color: var(--background-tertiary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px 8px 0 0
}

.cooldown-2qfqBs {
    margin-top: 16px
}

.crossfade-aWRFUb {
    position: relative
}

.icon-2fGOj8 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.animation-10BpnT {
    position: relative
}

.image-2PF0zB {
    background-repeat: no-repeat;
    background-size: 100%
}

.wumpus-2ykFc1 {
    position: relative;
    background-image: url(../../assets/c23878305091e47e5c82ac7068fa936d.html);
    width: 100%;
    height: 100%
}

.fireWrapper-foRH1S {
    position: absolute;
    width: 30%;
    height: 20%
}

.fireTopWrapper-2GkNLP {
    -webkit-transform: rotate(348deg);
    transform: rotate(348deg);
    top: 70%;
    left: 0
}

.fireBottomWrapper-nNfjpr {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    top: 92%;
    left: 8%
}

.fire-8ekImD {
    background-image: url(../../assets/5c08e6a946c329d6b12a4810547b58de.html);
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.progressBar-3DHbdu {
    position: relative;
    width: 24px
}

.bar-3S3dlZ {
    width: 4px;
    x: 10px;
    rx: 4px
}

.background-3xPPFc,.foreground-2EIns2 {
}

.foreground-2EIns2 {
    color: #ff73fa
}

.foregroundTooltipPosition-3-rP__ {
    position: absolute;
    left: 24px
}

.tier-2c9-hT {
    position: absolute;
    left: 4px;
    border-radius: 50%;
    width: 16px;
    height: 16px
}

.tierAccomplished-2eXPdI,.tierCurrent-Lw7-4E,.tierDefault-2qaRkD,.tierInProgress-3mBoXq {
}

.tierCurrent-Lw7-4E {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.currentTierIcon-EGY5eG {
    width: 10px;
    height: 10px
}

.foregroundTooltip-_9t78D {
    max-width: 280px
}

.theme-dark .background-3xPPFc {
    color: #202225
}

.theme-dark .tierInProgress-3mBoXq {
    background-color: #202225
}

.theme-light .background-3xPPFc {
    color: #ebedef
}

.theme-light .tierInProgress-3mBoXq {
    background-color: #ebedef
}

.theme-dark .tierAccomplished-2eXPdI,.theme-dark .tierCurrent-Lw7-4E,.theme-dark .tierDefault-2qaRkD,.theme-light .tierAccomplished-2eXPdI,.theme-light .tierCurrent-Lw7-4E,.theme-light .tierDefault-2qaRkD {
    background: #ff73fa
}

.theme-dark .tierCurrent-Lw7-4E,.theme-light .tierCurrent-Lw7-4E {
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.24);
    box-shadow: 0 4px 8px rgba(0,0,0,.24)
}

.theme-dark .currentTierIcon-EGY5eG,.theme-light .currentTierIcon-EGY5eG {
    color: #fff
}

.theme-dark .tooltipMuted-26IcoY,.theme-light .tooltipMuted-26IcoY {
    color: #72767d
}

.titleBlurb-2y0XJX {
    margin-bottom: 40px;
    margin-right: 20px
}

.content-22JeIO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.progress-LWvunf {
    position: absolute
}

.progressWithSubscriptions-2AEPyo {
    margin-top: 7px
}

.tiers-2J8eY9 {
    margin-left: 38px;
    width: 100%
}

.subscriberCount-27QHc5 {
    margin-top: 8px;
    margin-bottom: 24px
}

.subscriberCount-27QHc5 strong {
    font-weight: 500
}

.subscribers-2AXB4_ .subscriberMask-1dpKjd {
    margin-right: -8px
}

.moreSubscribers-1cuWDE {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.subscribersPopout-2CP6Ln {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    padding: 16px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 216px
}

.subscribersPopoutUser-3rC75S {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px
}

.subscribersPopoutUsername-Gnjs_g {
    margin-left: 8px;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tierDefaultUnlocked-3vcAcj {
    margin-bottom: 16px
}

.tierDefaultUnlockedDescription-2qindu {
    margin-top: 10px
}

.tier-3H4BXk {
    border-radius: 4px
}

.tierBottomMargin-HF-_u3 {
    margin-bottom: 24px
}

.tierHeader-rlkkJd {
    border-radius: 4px 4px 0 0;
    position: relative
}

.tierHeaderContent-2-YfvN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.tierHeaderLocked-1a2opw {
}

.tierHeaderUnlocked-2RhWqn {
    overflow: hidden
}

.tierHeaderUnlockedBackground-MW5XJU {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.tierIcon-36mHr9 {
    width: 32px;
    height: 32px
}

.tierTitle-1KQlVT {
    margin-left: 16px;
    line-height: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600
}

.tierRequirement-3nNUYS,.tierTitle-1KQlVT {
    font-size: 16px
}

.tierLock-1oFMOZ {
    width: 30px;
    height: 30px;
    margin-left: 16px;
    color: var(--interactive-muted)
}

.tierUnlocked-27DwHo {
    border-radius: 10px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

.tierClose-NvDitg {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tierCloseMechaWumpus-1m_12W {
    height: 70px;
    width: 90px
}

.tierCloseHint-380zIA {
    position: relative;
    border-radius: 4px;
    padding: 8px 16px;
    max-width: 135px;
    font-size: 12px;
    line-height: 16px;
    margin-left: 16px
}

.tierCloseHint-380zIA:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: -16px;
    border: 8px solid transparent
}

.tierCloseClose-2z5dSa {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 4px;
    margin-left: 4px;
    cursor: pointer
}

.tierCloseCloseIcon-2E1TY2 {
    width: 16px;
    height: 16px
}

.hidden-1txiN8 {
    opacity: 0;
    pointer-events: none
}

.tierBody-x9kBBp {
    padding: 16px;
    border-radius: 0 0 4px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500
}

.previousPerks-Dc7vdK {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px
}

.perks-2Ve4tD {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr))
}

.perk-1jBjoo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.perkIcon-mUj0mf {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.perkText-3XtO4b {
    margin-left: 10px;
    font-size: 12px;
    line-height: 16px
}

.perkTitle-16qMZu {
    text-transform: uppercase;
    font-weight: 600
}

.perkDescription-2XI-9M {
    margin-top: 4px
}

.avatar-CdbXb3 {
    width: 30px!important;
    height: 30px!important
}

.divider-Uf0Wob {
    height: 1px;
    background: var(--background-modifier-accent);
    margin: 32px 0
}

.theme-dark .moreSubscribers-1cuWDE {
    background-color: #202225;
    color: #fff
}

.theme-dark .subscriberCount-27QHc5 {
    color: #b9bbbe
}

.theme-dark .subscriberCount-27QHc5 strong {
    font-weight: 500;
    color: #dcddde
}

.theme-dark .subscribersPopout-2CP6Ln {
    background: #18191c;
    -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 .subscribersPopoutUser-3rC75S {
    color: #b9bbbe
}

.theme-dark .tierHeaderLocked-1a2opw {
    background-color: #202225;
    color: #b9bbbe
}

.theme-dark .tierHeaderUnlocked-2RhWqn {
    background-color: #202225
}

.theme-dark .tierCloseClose-2z5dSa {
    color: #fff
}

.theme-dark .tierBody-x9kBBp {
    background-color: #2f3136;
    color: #b9bbbe
}

.theme-light .moreSubscribers-1cuWDE {
    background-color: #202225;
    color: #fff
}

.theme-light .subscriberCount-27QHc5 {
    color: #9099a4
}

.theme-light .subscriberCount-27QHc5 strong {
    color: #4f5660
}

.theme-light .subscribersPopout-2CP6Ln {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    border: 1px solid #ebedef
}

.theme-light .subscribersPopoutUser-3rC75S {
    color: #747f8d
}

.theme-light .tierHeaderLocked-1a2opw {
    background-color: #f8f9f9;
    color: #9099a4
}

.theme-light .tierHeaderUnlocked-2RhWqn {
    background-color: #f8f9f9
}

.theme-light .tierCloseClose-2z5dSa {
    color: #747f8d
}

.theme-light .tierBody-x9kBBp {
    background-color: #fff;
    color: #2e3338;
    border: 1px solid #ebedef
}

.theme-dark .tierUnlocked-27DwHo,.theme-light .tierUnlocked-27DwHo {
    background-color: #fff;
    color: var(--brand-experiment)
}

.theme-dark .tierCloseHint-380zIA,.theme-light .tierCloseHint-380zIA {
    color: #fff;
    background-color: var(--brand-experiment)
}

.theme-dark .tierCloseHint-380zIA:before,.theme-light .tierCloseHint-380zIA:before {
    border-right-color: var(--brand-experiment)
}

.theme-dark .tierHeaderUnlocked-2RhWqn,.theme-light .tierHeaderUnlocked-2RhWqn {
    color: #fff
}

.theme-dark .tierHeaderUnlockedBackground-MW5XJU,.theme-light .tierHeaderUnlockedBackground-MW5XJU {
    background-image: -webkit-gradient(linear,left top,right top,from(#3e70dd),to(#b377f3));
    background-image: linear-gradient(90deg,#3e70dd,#b377f3)
}

.premiumGuildGracePeriodTitle-GOD9_E {
    text-transform: uppercase
}

.button-2Nu6xU {
    width: 100%;
    padding: 8px 0;
    line-height: 18px;
    text-transform: uppercase;
    border-color: var(--brand-experiment-700);
    margin-top: 8px
}

.descriptionBox-1EKQKL {
    background-color: var(--background-secondary);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding: 16px
}

.descriptionSection-3RrpaD {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.descriptionRow-m_KyqB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--text-normal);
    font-size: 14px;
    line-height: 18px;
    margin-top: 16px
}

.descriptionIcon-36p1fN {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 20px;
    margin-right: 16px;
    vertical-align: text-bottom;
    width: 20px
}

.divider-3EPVl6 {
    margin: 20px 0
}

.button-diNJzH:first-of-type {
    margin-right: 16px
}

.rightButtonContainer-3iAOfD {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lastSync-3w-SGv {
    color: var(--text-normal);
    font-size: 12px;
    margin-top: 8px
}

.buttonContainer-30ZaKi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dot-2s_oHI {
    content: "";
    background: var(--brand-experiment);
    height: 12px;
    width: 12px;
    border-radius: 12px
}

.container-B6pmO9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.prefixInput-14nUik {
    padding: 11px;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease;
    cursor: text
}

.prefixInputInput-cqxbLV,.prefixInputPrefix-2IUJ4X {
    font-size: 16px
}

.prefixInputInput-cqxbLV {
    width: 100%;
    border: 0;
    background: transparent
}

.theme-light .prefixInput-14nUik {
    background-color: rgba(79,84,92,.02);
    border-color: rgba(79,84,92,.3)
}

.theme-light .prefixInput-14nUik:hover {
    border-color: rgba(79,84,92,.6)
}

.theme-light .prefixInput-14nUik.focused-2QzoMt {
    border-color: var(--brand-experiment)
}

.theme-light .prefixInput-14nUik.error-6_-E9g {
    border-color: #ed4245
}

.theme-light .prefixInputInput-cqxbLV {
    color: #4f545c
}

.theme-light .prefixInputInput-cqxbLV::-webkit-input-placeholder {
    color: #b9bbbe
}

.theme-light .prefixInputInput-cqxbLV::-moz-placeholder {
    color: #b9bbbe
}

.theme-light .prefixInputInput-cqxbLV:-ms-input-placeholder {
    color: #b9bbbe
}

.theme-light .prefixInputInput-cqxbLV::placeholder {
    color: #b9bbbe
}

.theme-light .prefixInputPrefix-2IUJ4X {
    color: rgba(114,118,125,.6)
}

.theme-dark .prefixInput-14nUik {
    background-color: rgba(0,0,0,.1);
    border-color: rgba(0,0,0,.3)
}

.theme-dark .prefixInput-14nUik:hover {
    border-color: rgba(0,0,0,.6)
}

.theme-dark .prefixInput-14nUik.focused-2QzoMt {
    border-color: var(--brand-experiment)
}

.theme-dark .prefixInput-14nUik.error-6_-E9g {
    border-color: #ed4245
}

.theme-dark .prefixInputInput-cqxbLV {
    color: #f6f6f7
}

.theme-dark .prefixInputInput-cqxbLV::-webkit-input-placeholder {
    color: #72767d
}

.theme-dark .prefixInputInput-cqxbLV::-moz-placeholder {
    color: #72767d
}

.theme-dark .prefixInputInput-cqxbLV:-ms-input-placeholder {
    color: #72767d
}

.theme-dark .prefixInputInput-cqxbLV::placeholder {
    color: #72767d
}

.theme-dark .prefixInputPrefix-2IUJ4X {
    color: #72767d
}

.editVanityUrlCard-1ocV41 {
    padding: 20px
}

.removeVanityUrlButton-LmUQ7O {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0
}

.formTitleField-sjXjUF {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.serverBoostTabItem-2hFTIN[aria-selected=true] {
    color: #fff!important;
    background-color: var(--brand-experiment)!important
}

.serverBoostTabItem-2hFTIN[aria-selected=true] .icon-3Povsy {
    fill: #fff!important
}

.message-15tBk4 {
    cursor: default
}

.message-15tBk4 strong {
    color: var(--brand-experiment-530);
    background: var(--brand-experiment-15a);
    padding: 0 2px;
    border-radius: 3px;
    font-weight: 500;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.theme-dark .message-15tBk4 strong {
    background: var(--brand-experiment-30a);
    color: var(--brand-experiment-200)
}

.buttonSpacing-t6MPeJ {
    margin-left: 10px
}

.container-2ax-kl {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-family: var(--font-display);
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: var(--channels-default)
}

.containerDefault-3tr_sE,.containerDragAfter-Zk9oyx,.containerDragBefore-1YqewQ,.containerUserOver-98-yc7 {
    position: relative;
    padding-top: 16px
}

.containerDefault-3tr_sE:active,.containerDragAfter-Zk9oyx:active,.containerDragBefore-1YqewQ:active,.containerUserOver-98-yc7:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.containerDragAfter-Zk9oyx:before,.containerDragBefore-1YqewQ:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 8px;
    right: 0;
    height: 4px;
    background-color: #3ba55c;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
    box-shadow: 0 0 3px rgba(0,0,0,.4)
}

.containerDragBefore-1YqewQ:before {
    top: -2px
}

.containerDragAfter-Zk9oyx:before {
    bottom: -2px
}

.containerUserOver-98-yc7:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 8px;
    border-radius: 4px;
    z-index: 1;
    background-color: rgba(59,165,92,.1);
    border: 2px solid rgba(59,165,92,.5)
}

.disableClick-2cV7sZ {
    pointer-events: none
}

.addButton-3bLyEA {
    width: 18px;
    height: 18px;
    display: none
}

.addButton-3bLyEA.forceVisible-2L54of,.iconVisibility-fhcwiH:hover .addButton-3bLyEA {
    display: block
}

.addButton-3bLyEA:focus,.addButton-3bLyEA:focus-within {
    display: block;
    position: relative
}

.addButtonIcon-2CbG1X:hover {
    color: var(--interactive-hover)
}

.addButtonIcon-2CbG1X:active {
    -webkit-transform: translateY(.5px);
    transform: translateY(.5px);
    color: var(--interactive-active)
}

.wrapper-PY0fhH {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    padding-right: 8px;
    padding-left: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: default;
    color: var(--channels-default)
}

.clickable-536fPF {
    cursor: pointer
}

.children-L002ao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.children-L002ao:empty {
    display: none
}

.mainContent-2h-GEV {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.mainContent-2h-GEV:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.icon-2yIBmh {
    position: absolute;
    left: 2px;
    top: 6px;
    width: 12px;
    height: 12px
}

.collapsed-2-tg8y .icon-2yIBmh {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.wrapper-PY0fhH.muted-2JBAyG,.wrapper-PY0fhH.muted-2JBAyG .name-3l27Hl {
    color: var(--interactive-muted)
}

.wrapper-PY0fhH.muted-2JBAyG:hover .icon-2yIBmh,.wrapper-PY0fhH.muted-2JBAyG:hover .name-3l27Hl,.wrapper-PY0fhH:hover .icon-2yIBmh,.wrapper-PY0fhH:hover .name-3l27Hl {
    color: var(--interactive-hover)
}

.containerDefault--pIXnN,.containerDragAfter-3Fp7LC,.containerDragBefore-3iTCc7,.containerUserOver-2mv1jO {
    position: relative;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.containerDragAfter-3Fp7LC:after,.containerDragBefore-3iTCc7:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 8px;
    right: 0;
    height: 4px;
    background-color: #3ba55c;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
    box-shadow: 0 0 3px rgba(0,0,0,.4)
}

.containerDragBefore-3iTCc7:before {
    top: -2px
}

.containerDragAfter-3Fp7LC:after {
    bottom: -2px
}

.containerUserOver-2mv1jO:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 8px;
    border-radius: 4px;
    z-index: 1;
    background-color: rgba(59,165,92,.1);
    border: 2px solid rgba(59,165,92,.5)
}

.iconBase-3LOlfs {
    position: relative;
    margin-left: 4px;
    line-height: 0
}

.iconItem-F7GRxr {
    display: none
}

.mentionsBadge-3tC7Mi {
    pointer-events: none
}

.containerDefault--pIXnN.selected-3LIHYU .iconItem-F7GRxr,.iconVisibility-sTNpHs:focus-within .iconItem-F7GRxr,.iconVisibility-sTNpHs:focus .iconItem-F7GRxr,.iconVisibility-sTNpHs:hover .iconItem-F7GRxr {
    display: block
}

.iconItem-F7GRxr:focus,.iconItem-F7GRxr:focus-within {
    display: block;
    position: relative
}

.disableClick-2FmYNV {
    pointer-events: none
}

.disabled-33BAPP>div {
    opacity: .3
}

.actionIcon-PgcMM2 {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: block
}

.actionIcon-PgcMM2:active {
    -webkit-transform: translateY(.5px);
    transform: translateY(.5px)
}

.userLimit-3aerPX {
    display: block
}

.containerDefault--pIXnN.selected-3LIHYU .userLimit-3aerPX,.iconVisibility-sTNpHs:focus-within .userLimit-3aerPX,.iconVisibility-sTNpHs:focus .userLimit-3aerPX,.iconVisibility-sTNpHs:hover .userLimit-3aerPX {
    display: none
}

.actionIcon-PgcMM2 {
    color: var(--interactive-normal)
}

.actionIcon-PgcMM2:hover {
    color: var(--interactive-hover)
}

.actionIcon-PgcMM2:active {
    color: var(--interactive-active)
}

.wrapper-2jXpOf {
    padding: 1px 0;
    overflow: visible;
    position: relative
}

.typeThread-3ESTm- .content-1x5b-n {
    margin-left: 36px;
    padding: 0 6px
}

.wrapper-2jXpOf.modeSelected-346R90 {
    cursor: default
}

.wrapper-2jXpOf.modeLocked-25wLHj {
    cursor: not-allowed
}

.icon-1DeIlz {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.iconContainer-1BBaeJ {
    position: relative;
    margin-right: 6px
}

.content-1x5b-n {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    margin-left: 8px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-1x5b-n:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mainContent-u_9PKf {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    padding: 6px 0;
    cursor: pointer
}

.mainContent-u_9PKf:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    left: 0
}

.name-23GUGE {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: normal
}

.channelName-2YrOjO,.subtitle-3V1p2E {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.unread-2lAfLh {
    position: absolute;
    height: 8px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    top: 50%;
    left: 0;
    margin-top: -4px
}

.children-3rEycc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.modeMuted-onO3r- .icon-1DeIlz,.modeMuted-onO3r- .name-23GUGE {
    color: var(--interactive-muted)
}

.modeSelected-346R90 .icon-1DeIlz,.modeSelected-346R90:hover .icon-1DeIlz,.modeUnread-1qO3K1 .icon-1DeIlz,.modeUnread-1qO3K1:hover .icon-1DeIlz {
    color: var(--text-muted)
}

.wrapper-2jXpOf:hover .content-1x5b-n {
    background-color: var(--background-modifier-hover)
}

.wrapper-2jXpOf:active .content-1x5b-n {
    background-color: var(--background-modifier-active)
}

.modeSelected-346R90 .content-1x5b-n,.modeSelected-346R90:hover .content-1x5b-n {
    background-color: var(--background-modifier-selected)
}

.icon-1DeIlz {
    color: var(--text-muted)
}

.name-23GUGE {
    color: var(--channels-default)
}

.modeMuted-onO3r-:hover .name-23GUGE,.wrapper-2jXpOf:hover .name-23GUGE {
    color: var(--interactive-hover)
}

.modeConnected-3IsKId .name-23GUGE,.modeConnected-3IsKId:hover .name-23GUGE,.modeSelected-346R90 .name-23GUGE,.modeSelected-346R90:hover .name-23GUGE,.modeUnread-1qO3K1 .name-23GUGE,.modeUnread-1qO3K1:hover .name-23GUGE,.notInteractive-1X92pj.modeConnected-3IsKId .name-23GUGE,.notInteractive-1X92pj.modeSelected-346R90 .name-23GUGE {
    color: var(--interactive-active)
}

.unread-2lAfLh {
    background-color: var(--interactive-active)
}

.container-3JKcAb {
    position: relative
}

.spine--Wla_O {
    color: var(--background-accent);
    left: 22px;
    position: absolute;
    top: 8px
}

.actionButton-1V43zQ {
    margin-left: auto
}

.container-Z1e__- {
    margin-bottom: 24px
}

.breadcrumbContainer-17YEk8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.breadcrumbContainer-17YEk8:not(:last-child) {
    margin-bottom: 8px
}

.breadcrumbContainer-17YEk8:not(:last-child):after {
    position: absolute;
    background-color: var(--background-tertiary);
    width: 2px;
    height: calc(100% + 4px);
    top: .5em;
    left: 1px;
    content: "";
    z-index: -1
}

.breadcrumbDot-3eLOAX {
    margin-right: 8px;
    border-radius: 2px;
    width: 4px;
    height: 4px;
    background-color: #7289da;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    top: .5em
}

.breadcrumbsHeader-mUTUau {
    margin-bottom: 8px;
    color: var(--header-secondary)
}

.breadcrumbText-2ke9Y5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.childButton-1YQj1L {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 8px;
    padding: 0;
    border-radius: 4px;
    background-color: var(--background-secondary);
    min-height: 64px
}

.childButton-1YQj1L:hover {
    background-color: var(--background-modifier-hover)
}

.keyboard-mode .childButton-1YQj1L:focus {
    background-color: var(--background-modifier-selected)
}

.childButton-1YQj1L:active {
    background-color: var(--background-modifier-active)
}

.childText-14xafo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 8px 0 8px 16px;
    font-weight: 600
}

.childIcon-Igk31A {
    color: var(--interactive-normal);
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 16px 0 8px
}

.errorContainer-5JZJqd {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ed4245;
    padding: 8px 32px 8px 8px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.errorIcon-2Ju191 {
    color: #fff;
    margin-right: 8px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.closeIcon-3JDh8t {
    position: absolute;
    right: 8px;
    top: 8px;
    height: 16px;
    width: 16px;
    background: url(../../assets/7731c77d99babca1a8faec204d98c380.html) no-repeat;
    background-position: 50% 55%;
    background-size: 10px 10px;
    cursor: pointer;
    color: #fff;
    opacity: .5;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.closeIcon-3JDh8t:hover {
    opacity: 1
}

.errorText-2qrOUj {
    color: #fff
}

.headerContainer-1_v1NT {
    padding: 0 16px;
    text-align: center
}

.headerContainer-1_v1NT>:not(:last-child) {
    margin-bottom: 8px
}

.infoBox-3cF-U2 {
    margin-top: 16px;
    font-weight: 400
}

.checkboxRow-1M3WZu:not(:last-child) {
    margin-bottom: 24px
}

.container-TWalHr {
    margin-bottom: 24px
}

.guildContainer-rLqRwd {
    padding: 16px;
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px
}

.header-1AvvVC {
    margin-bottom: 8px;
    color: var(--header-secondary)
}

.guildInfo-TdcO_a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.guildIcon-3DWgjd {
    margin-right: 8px
}

.channelTopic-JV8cRZ {
    font-weight: 600
}

.successImg-22YMZM {
    margin-bottom: 16px;
    height: 100px;
    width: 100px
}

.container-29TH31 {
    min-height: 240px;
    max-height: 660px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.closeButton-1i8QXa {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2
}

.header-23AbUh {
    padding: 32px 24px 16px
}

.body-3m34lL {
    padding: 8px 24px 16px
}

.liveIndicator-vaS2et {
    margin-left: 10px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 8px;
    background-color: #3ba55c;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

.audienceVoiceUserContainer-Ra-ErA {
    height: 32px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.audienceVoiceUserContainer-Ra-ErA,.audienceVoiceUserIconContainer-29oflP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.audienceVoiceUserIconContainer-29oflP {
    margin-left: 8px;
    margin-right: 8px;
    padding: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-tertiary);
    color: var(--interactive-normal);
    border-radius: 50%
}

.audienceVoiceUserText-BhGzmw {
    color: var(--channels-default);
    font-weight: 500
}

.iconLive-AtZKgD {
    color: #3ba55c!important
}

.popout-APcvZm {
    background-color: var(--background-tertiary);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 16px;
    max-width: 300px;
    min-width: 220px;
    padding: 8px 16px;
    position: absolute;
    top: 0
}

.title-3JU2Q6 {
    font-weight: 700;
    text-transform: uppercase
}

.row-1ImlrZ,.title-3JU2Q6 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px
}

.row-1ImlrZ {
    color: var(--interactive-normal)
}

.row-1ImlrZ:hover {
    color: var(--interactive-hover);
    cursor: pointer
}

.timestamp-25yOdb {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.name-1Rd7lI {
    overflow: hidden;
    text-overflow: ellipsis
}

.name-1Rd7lI,.timestamp-25yOdb {
    white-space: nowrap
}

.more-3VADkW {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text-link);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    height: 32px
}

.more-3VADkW:hover {
    text-decoration: underline
}

.container-35XQWE {
    position: absolute;
    z-index: 2;
    overflow: hidden;
    padding: 8px;
    height: 24px;
    pointer-events: none
}

.bar-30k2ka {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    font-size: 12px;
    line-height: 16px;
    font-family: var(--font-display);
    font-weight: 600;
    color: #fff;
    height: 24px;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 12px;
    pointer-events: auto;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.24);
    box-shadow: 0 2px 6px rgba(0,0,0,.24);
    -webkit-app-region: no-drag
}

.active-1SSsBb:active {
    top: 1px
}

.unread-1xRYoj {
    background-color: var(--background-accent);
    opacity: .9
}

.unread-1xRYoj:active,.unread-1xRYoj:hover {
    opacity: 1
}

.mention-1f5kbO {
    background-color: #ed4245;
    opacity: .9
}

.mention-1f5kbO:hover {
    opacity: 1
}

.mention-1f5kbO:active {
    opacity: 1;
    background-color: #d83c3f
}

.icon-2aINcz,.text-2e2ZyG {
    display: block
}

.icon-2aINcz {
    color: #fff;
    margin-left: 2px;
    width: 12px;
    height: 12px
}

.container-1JlpAi {
    background-color: var(--background-floating);
    border-radius: 8px;
    padding: 16px;
    -webkit-box-shadow: var(--elevation-high),var(--elevation-stroke);
    box-shadow: var(--elevation-high),var(--elevation-stroke);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.content-yRQWBL {
    margin-left: 24px;
    max-width: 320px
}

.buttonContainer-15ADiW {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.primaryButton-1cpVhw {
    margin-right: 24px
}

.cancel-2CYseG {
    color: var(--interactive-normal)
}

.cancel-2CYseG:hover {
    color: var(--interactive-hover)
}

.cancel-2CYseG:active {
    color: var(--interactive-active)
}

.image-3gx4Uc {
    width: 64px;
    height: 64px
}

.container-2dqNWc {
    width: 284px;
    border-radius: 5px;
    margin-left: 16px;
    padding: 16px;
    max-height: 348px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    background-color: var(--background-floating)
}

.activity-3jdl2U+.activity-3jdl2U {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid var(--background-modifier-accent)
}

.partyMembers-3pB2CJ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.partyAvatar-1Bvt5q {
    cursor: default
}

.morePartyMembers-3ByVZj {
    z-index: 2;
    font-size: 8px;
    height: 16px;
    min-width: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 8px;
    padding: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.button-uXr0L2 {
    color: var(--interactive-active);
    border-color: var(--interactive-muted);
    border-radius: 4px
}

.button-uXr0L2:not([disabled]):hover {
    border-color: var(--interactive-active)
}

.wrapper-2tAnRe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    height: 20px;
    border-radius: 10px;
    overflow: hidden;
    color: var(--channels-default)
}

.total-i6us2n,.users-3kndPl {
    display: block;
    text-align: center
}

.users-3kndPl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 28px;
    padding: 0 8px 0 6px;
    background-color: var(--background-primary)
}

.users-3kndPl.video-35SpgT {
    width: 48px
}

.users-3kndPl.video-35SpgT.extraLong-3WkB9d {
    width: 56px
}

.users-3kndPl.extraLong-3WkB9d {
    width: 36px
}

.total-i6us2n {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    position: relative;
    padding: 0 6px 0 0;
    background-color: var(--background-tertiary)
}

.total-i6us2n.extraLong-3WkB9d {
    width: 28px
}

.total-i6us2n:after {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 8px solid transparent;
    border-right-color: var(--background-tertiary)
}

.videoIcon-2ZdSMk {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.scroller-RmtA4e {
    z-index: 1;
    padding-right: 8px
}

.unread-15xhX5 {
    left: 0;
    right: 0
}

.unreadBar-3t3sYc:before {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    right: -8px;
    bottom: 0
}

.unreadBottom-1_LF_w {
    bottom: 0
}

.unreadBottom-1_LF_w .unreadBar-3t3sYc:before {
    bottom: -8px
}

.positionedContainer-3LNR6L {
    position: relative
}

.unreadTop-3rAB3r {
    top: 0
}

.unreadTop-3rAB3r .unreadBar-3t3sYc:before {
    top: -8px
}

.voiceUserSummary-2X_2vp {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
    padding-left: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-1taM1r {
    position: relative
}

.clickable-25tGDB {
    cursor: pointer
}

.animatedContainer-1NSq4T {
    width: 100%;
    overflow: hidden;
    background-color: var(--background-modifier-active);
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.animatedContainer-1NSq4T,.bannerImage-3KhIJ6 {
    position: absolute;
    height: 135px;
    top: 0;
    left: 0
}

.bannerImage-3KhIJ6 {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 240px
}

.bannerImage-3KhIJ6:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 58px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(transparent));
    background: linear-gradient(180deg,rgba(0,0,0,.4) 0,transparent)
}

.header-2V-4Sw {
    position: relative;
    font-family: var(--font-display);
    font-weight: 500;
    padding: 0 16px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear;
    color: var(--header-primary);
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.bannerVisible-2ZE_qG .header-2V-4Sw {
    color: #fff;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,.8));
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.8))
}

.clickable-25tGDB .header-2V-4Sw:hover,.selected-31Nl7x .header-2V-4Sw {
    background-color: var(--background-modifier-hover)
}

.hasBanner-2SrLR3 .header-2V-4Sw,.hasBanner-2SrLR3 .header-2V-4Sw:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

.clickable-25tGDB .header-2V-4Sw {
    cursor: pointer
}

.bannerVisible-2ZE_qG .dropdown-2kjUTJ {
    opacity: 1
}

.guildIconContainer-2FW_iA {
    margin-right: 4px
}

.name-1jkAdW {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.newBrand .name-1jkAdW {
    font-size: 15px
}

.tierTooltipTitle-3AtaZT {
    font-weight: 600
}

.guildBadge-3IDi4U,.premiumGuildIconGem-DAxGL7 {
    -webkit-transition: color .1s linear;
    transition: color .1s linear
}

.premiumGuildIconGem-DAxGL7 {
    height: 10px
}

.iconTierNone-38r4c_ {
    color: hsla(0,0%,100%,.2)
}

.disableColor-2z9rkr,.iconBackgroundTierNone-3ZkOsa,.iconBackgroundTierOne-2OQMBY,.iconBackgroundTierThree-FWlUL9,.iconBackgroundTierTwo-Eab9L6 {
    color: var(--background-accent)
}

.bannerVisible-2ZE_qG .iconBackgroundTierOne-2OQMBY,.bannerVisible-2ZE_qG .iconBackgroundTierThree-FWlUL9,.bannerVisible-2ZE_qG .iconBackgroundTierTwo-Eab9L6,.iconTierOne-s_oiRb,.iconTierTwo-1JOWNK {
    color: #fff
}

.bannerVisible-2ZE_qG .iconTierOne-s_oiRb,.bannerVisible-2ZE_qG .iconTierTwo-1JOWNK {
    color: var(--text-muted)
}

.iconTierThree-3EAOB7 {
    color: #ff73fa
}

.channelNotice-1-XFjC {
    position: relative;
    text-align: center;
    padding: 73px 20px 20px;
    -webkit-box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
    box-shadow: inset 0 -1px 0 var(--background-modifier-accent)
}

.channelNotice-1-XFjC.guildMFAWarning-3GEzs8 {
    background: url(../../assets/916a384814e3bbd2a84e2a1b352a17c3.html) no-repeat center 20px
}

.channelNotice-1-XFjC.guildMFAWarning-3GEzs8 .message-3SOT5P {
    margin: 10px 0
}

.channelNotice-1-XFjC.invite-OjTXrW {
    background: url(../../assets/a754cd435d96674599cfe9459c2dd7ec.html) no-repeat center 20px
}

.channelNotice-1-XFjC.publicUpsell-31ZSJ8 {
    background: url(../../assets/3c60587d692de83d0352a0596cc3baa7.html) no-repeat 50% 12px;
    background-size: 176px;
    padding: 116px 16px 16px
}

.channelNotice-1-XFjC.quickswitcher-35bYg4 {
    background: url(../../assets/e24b0f874ec751ee525ffa7f64190cb1.html) no-repeat center 35px;
    padding: 100px 20px 20px
}

.channelNotice-1-XFjC.quickswitcher-35bYg4 .btn-11C5_u {
    text-transform: uppercase;
    font-weight: 500
}

.channelNotice-1-XFjC.premiumGuildSubscription-3oKecP {
    background: url(../../assets/ccd6ad0b6897a9f4fb5cc82de4c26317.html) no-repeat center 23px;
    padding: 116px 20px 20px
}

.channelNotice-1-XFjC.premiumGuildSubscription-3oKecP .message-3SOT5P .btn-11C5_u {
    font-weight: 500;
    margin-top: 20px
}

.channelNotice-1-XFjC.premiumGuildSubscription-3oKecP .textLargeGuild-3s_k9p {
    margin-left: 1px;
    margin-right: 1px
}

.channelNotice-1-XFjC.maxMembersCount-3E4zND {
    background: url(../../assets/2fd338450d8f13d007c4cd7979e624f9.html) no-repeat center 16px;
    padding: 112px 16px 16px
}

.channelNotice-1-XFjC a,.close-relY5R {
    cursor: pointer
}

.close-relY5R {
    position: absolute;
    right: 16px;
    top: 12px;
    width: 18px;
    height: 18px;
    color: var(--interactive-normal)
}

.close-relY5R:hover {
    color: var(--interactive-hover)
}

.closeIcon-2eaC4U {
    width: 18px;
    height: 18px
}

.message-3SOT5P {
    font-size: 14px;
    line-height: 18px;
    color: var(--text-normal);
    margin-top: 8px
}

.message-3SOT5P .btn-11C5_u {
    margin: 16px auto 0
}

.channelNotice-2bJINM {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--background-primary)
}

.textBlock-2FWDjE {
    margin: 4px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.liveNowText-1y0h6H {
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 4px
}

.eventName-2YgbEu {
    margin-bottom: 4px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.channelName-JY9Cr0,.eventName-2YgbEu {
    overflow: hidden;
    text-overflow: ellipsis
}

.dotDivider-1W5oqM {
    margin-left: 4px;
    margin-right: 4px
}

.liveIndicator-11vCOL {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #3ba55c
}

.stageIcon-3DmINn {
    color: var(--header-secondary);
    margin-right: 4px
}

.userNames-3GptEj {
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

.joinButton-7Fa-WN {
    margin-top: 12px
}

.purchaseButton-11Ftdj {
    background: -webkit-gradient(linear,left top,right top,from(#40c1a2),to(#4697c4));
    background: linear-gradient(90deg,#40c1a2,#4697c4);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.purchaseButton-11Ftdj:hover {
    opacity: .8
}

.purchaseButtonContent-2B-EJq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.buyButtonDotSeparator-4mb9aQ {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    opacity: .5;
    background-color: #fff;
    margin: 0 4px;
    display: inline-block
}

.purchaseButton-3aCFfZ {
    margin-top: 12px;
    width: 100%
}

.channelNotice-3DDmsB {
    background-position: center top 20px;
    background-repeat: no-repeat;
    background-size: 153px;
    -webkit-box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
    box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
    padding: 20px;
    position: relative
}

.close-jnIfru {
    color: var(--interactive-normal);
    cursor: pointer;
    position: absolute;
    right: 16px;
    width: 18px;
    height: 18px;
    top: 16px;
    z-index: 1
}

.close-jnIfru:hover {
    color: var(--interactive-hover)
}

.closeIcon-1zVtdw {
    width: 18px;
    height: 18px
}

.message-39hdqk {
    color: var(--text-normal);
    font-size: 14px;
    left: -10px;
    line-height: 18px;
    margin-top: 86px;
    position: relative;
    text-align: center;
    width: 220px
}

.checkStatusButton-2voZW3 {
    margin-top: 20px
}

.channelNotice-3DDmsB {
    background-image: url(../../assets/1858873f28bdc62dfb3a1f4b67d459bf.html)
}

.channelNotice-3hkOiI {
    background-repeat: no-repeat;
    background-position: center top 22px;
    background-size: 220px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
    box-shadow: inset 0 -1px 0 var(--background-modifier-accent)
}

.close-ZKR0Rw {
    position: absolute;
    right: 16px;
    top: 12px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    color: var(--interactive-normal);
    z-index: 1
}

.close-ZKR0Rw:hover {
    color: var(--interactive-hover)
}

.closeIcon-yoh58h {
    width: 18px;
    height: 18px
}

.message-Gpd3zh {
    font-size: 14px;
    line-height: 18px;
    color: var(--text-normal);
    margin-top: 8px;
    text-align: center
}

.guildAffinityPremiumSubscriptionButton-3dyYEq {
    margin-top: 16px
}

.premiumGuildAnimationWrapper-14ilC1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    z-index: 0
}

.premiumGuildAnimation-RcsCE4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 90px;
    width: 350px
}

.theme-light .channelNotice-3hkOiI {
    background-image: url(../../assets/a2a883ede6f286c9952eef1ce4b97644.html)
}

.theme-dark .channelNotice-3hkOiI {
    background-image: url(../../assets/7065587bd42fd829925bf6aa4b36f5e2.html)
}

.cannon-1IwVJw {
    position: absolute;
    width: 100%;
    height: 100%
}

.container-1i59-c {
    padding: 16px;
    position: relative;
    background-color: var(--background-secondary-alt)
}

.container-1i59-c:focus-within .dismiss-SxmMd_,.container-1i59-c:hover .dismiss-SxmMd_ {
    opacity: 1
}

.title-2UdzTY {
    font-weight: 600
}

.dismiss-SxmMd_ {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: var(--interactive-muted);
    opacity: 1;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in
}

.dismiss-SxmMd_:focus-within,.dismiss-SxmMd_:hover {
    color: var(--interactive-hover)
}

.dismissIcon-1MhmFW {
    width: 16px;
    height: 16px
}

.progressContainer-1gEwYE {
    margin-top: 8px;
    cursor: pointer
}

.progress-9E5msn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 8px
}

.footer-3Q8DAh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

.questIcon-3lYg63 {
    width: 16px;
    height: 16px;
    color: var(--header-secondary)
}

.subtitle-1cSkax {
    margin-left: 4px
}

.step-3ABmgA,.subtitle-1cSkax {
    text-transform: uppercase;
    font-weight: 700
}

.step-3ABmgA {
    margin-left: auto
}

@-webkit-keyframes pulse-30Y3VU {
    0% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

@keyframes pulse-30Y3VU {
    0% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

.container-JPloBS {
    padding: 16px 8px;
    -webkit-animation: pulse-30Y3VU 5s ease-in-out infinite alternate;
    animation: pulse-30Y3VU 5s ease-in-out infinite alternate;
    height: 100%;
    overflow: hidden
}

.bannerPadding-NA0hyi {
    padding-top: 104px
}

.category-2SZJwK {
    height: 16px;
    width: 77px;
    border-radius: 4px;
    margin-bottom: 18px;
    background-color: var(--background-accent)
}

.spacer-No5vWQ {
    height: 1px;
    width: 100px;
    margin: 16px 0
}

.channel-2UjLhw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px
}

.channelIcon-CCo35e {
    width: 16px;
    border-radius: 16px;
    margin: 0 8px
}

.channelIcon-CCo35e,.channelName-3y9uE0 {
    height: 16px;
    background-color: var(--background-accent)
}

.channelName-3y9uE0 {
    border-radius: 8px
}

.container-3w7J-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
    background-color: var(--background-secondary)
}

.subscribeTooltipHeader-Cf_Izr,.subscribeTooltipText-3d3QxF {
    color: #fff;
    text-align: center
}

.subscribeTooltipText-3d3QxF {
    margin-top: 4px;
    font-weight: 400
}

.subscribeTooltipButton-rIF3w3 {
    margin: 16px auto 0;
    width: 100%
}

.subscribeTooltipWrapper-1JoUuw {
    max-width: 280px;
    padding: 16px;
    background-color: var(--brand-experiment);
    border-radius: 4px;
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium)
}

.subscribeTooltipWrapper-1JoUuw:after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid var(--brand-experiment)
}

.varUpsellTooltip-1P8Jpo {
    max-width: 220px
}

.varUpsell-3rw6f_ {
    padding: 8px 0
}

.varUpsellTitle-2TnDwT {
    font-weight: 700;
    margin-bottom: 8px
}

.varUpsellBody-1SRfWC {
    text-align: center
}

.tooltip-1Il2gT p {
    margin: 12px 0
}

.tooltip-1Il2gT p:first-of-type {
    margin-top: 0
}

.tooltip-1Il2gT p:last-of-type {
    margin-bottom: 0
}

.progressCircle-1hzs_b {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #00b0f4
}

.circle-vWlbvd {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.circleBackgroundAlt-Eohdst {
    fill: rgba(0,0,0,.2)
}

.circleBackground-OqqxHM {
    fill: var(--background-accent)
}

.circleProgress-1EBmVn {
    fill: none
}

.circleOverlay-2WHDjO {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.progressContainer-GRWlbC {
    width: 20px;
    height: 20px;
    position: relative
}

.downloadIcon-3TWA3B {
    position: relative;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 4px
}

.wrapper-sa6paO {
    position: relative;
    overflow: hidden;
    width: 8px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    contain: layout size
}

.item-2hkk8m {
    position: absolute;
    display: block;
    width: 8px;
    border-radius: 0 4px 4px 0;
    margin-left: -4px;
    background-color: var(--header-primary)
}

.wrapper-25eVIn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 48px;
    height: 48px;
    cursor: pointer
}

.wrapperSimple-19ogV2 {
    border-radius: 50%;
    overflow: hidden
}

.svg-1X37T1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px
}

.lowerBadge-29hYVK {
    bottom: 0
}

.lowerBadge-29hYVK,.upperBadge-2XnnGB {
    pointer-events: none;
    position: absolute;
    right: 0
}

.upperBadge-2XnnGB {
    top: 0
}

.focusStroke-1ApElc {
    stroke: transparent;
    stroke-width: 0
}

.focusFill-3Y4YuU,.focusStroke-1ApElc {
    fill: transparent
}

.keyboard-mode .focusStroke-1ApElc {
    fill: var(--focus-primary);
    stroke: var(--focus-primary);
    stroke-width: 8px
}

.keyboard-mode .focusFill-3Y4YuU {
    fill: var(--background-tertiary)
}

.keyboard-mode .simpleFocused-1xIlHX {
    -webkit-box-shadow: 0 0 0 4px var(--focus-primary);
    box-shadow: 0 0 0 4px var(--focus-primary)
}

.wrapper-2q53zr {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none
}

.half-2cquxE {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.edge-1lOOiT {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.middle-2H7H6R {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.higher-qTpvVk {
    margin-top: -20px
}

.autoPointerEvents-3UGDkq {
    pointer-events: auto
}

.container-2QQFFz {
    padding: 0 20px
}

.row-35Mhio {
    height: 62px;
    position: relative;
    font-size: 16px;
    line-height: 20px
}

.row-35Mhio:hover .revokeInvite-2KlrFs {
    opacity: 1
}

.row-35Mhio:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -18px;
    right: -18px;
    height: 1px;
    z-index: -1
}

.boostZIndex-15qgGS {
    z-index: 2
}

.userColumn-3TGvQA {
    width: 280px
}

.code-16ahh6 {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    opacity: .6;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace
}

.code-16ahh6,.username-xgZTi8 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.username-xgZTi8 {
    font-weight: 500;
    margin-left: 8px
}

.avatar-Tg15I6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px!important;
    height: 20px!important
}

.discrimClass-dYDxPL {
    opacity: .6
}

.revokeInvite-2KlrFs {
    z-index: 2;
    position: absolute;
    top: -12px;
    right: -31px;
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.alignRight-1lRNxs {
    text-align: right
}

.countdown-2VKTMl {
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace
}

.theme-dark .row-35Mhio {
    color: #f6f6f7
}

.theme-dark .row-35Mhio:after {
    background-color: hsla(0,0%,100%,.04)
}

.theme-light .row-35Mhio {
    color: #4f545c
}

.theme-light .row-35Mhio:after {
    background-color: rgba(79,84,92,.04)
}

.wrapper-1BJsBx {
    -webkit-transition: background-color .1s ease-out,color .1s ease-out;
    transition: background-color .1s ease-out,color .1s ease-out
}

.childWrapper-anI2G9,.wrapper-1BJsBx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.childWrapper-anI2G9 {
    -webkit-transition: background-color .15s ease-out,color .15s ease-out;
    transition: background-color .15s ease-out,color .15s ease-out;
    background-color: var(--background-primary);
    color: var(--text-normal)
}

.wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9,.wrapper-1BJsBx:hover .childWrapper-anI2G9 {
    color: #fff;
    background-color: var(--brand-experiment)
}

.acronym-2mOFsV {
    font-weight: 500;
    line-height: 1.2em;
    white-space: nowrap
}

.icon-27yU2q {
    display: block;
    width: 48px;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

.pill-1Z5PKm {
    position: absolute;
    top: 0;
    left: 0
}

.wrapper-3Njo_c {
    position: relative;
    width: 72px
}

.wrapper-3Njo_c:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.expandedFolderBackground-1cujaW {
    position: absolute;
    top: 0;
    left: 12px;
    bottom: 8px;
    width: 48px;
    border-radius: 24px;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
    background-color: var(--background-secondary)
}

.expandedFolderBackground-1cujaW.collapsed-2ZrjoL,.expandedFolderBackground-1cujaW.collapsed-2ZrjoL.hover-qTxTR_ {
    background-color: transparent
}

.folderIconWrapper-1_bOZe {
    border-radius: 16px;
    overflow: hidden
}

.folder-1hbNCn,.folderIconWrapper-1_bOZe {
    width: 48px;
    height: 48px;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out
}

.folder-1hbNCn {
    cursor: pointer;
    background-color: var(--background-secondary)
}

.folder-1hbNCn.hover-qTxTR_ {
    background-color: var(--background-primary)
}

.closedFolderIconWrapper-2sTcE6 {
    width: 48px;
    height: 48px;
    padding: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    grid-template: 1fr 1fr/1fr 1fr;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.folderIconPreview-3LyASS {
    border-radius: 50%
}

.folderIconPreview-3LyASS .guildIcon-2Tpnad {
    background-color: transparent
}

.miniPlaceholder-25s1hF {
    width: 15px;
    height: 15px
}

.expandedFolderIconWrapper-Huv7rA {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guildIcon-2Tpnad {
    overflow: hidden;
    position: static
}

.guildIconUnavailable-3IYARS {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 8px;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--background-primary);
    color: var(--header-primary);
    border: 1px solid #ed4245
}

.blobContainer-pmnxKB:active {
    position: relative;
    -webkit-transform: translateY(1px) translateZ(0);
    transform: translateY(1px) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pill-1z4sAY {
    position: absolute;
    left: 0;
    top: 0
}

.sorting-3qFM8m {
    pointer-events: none
}

@-webkit-keyframes wobble-3KAYb_ {
    0%,to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    75% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
}

@keyframes wobble-3KAYb_ {
    0%,to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    75% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
}

.wobble-3KAYb_ {
    -webkit-animation-name: wobble-3KAYb_;
    animation-name: wobble-3KAYb_;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 30%;
    transform-origin: 50% 30%
}

.modal-2Lmpu0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 700px
}

.information-34_WSh {
    padding: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.body-3LnUjB {
    line-height: 20px;
    margin-top: 20px
}

.card-8mY5hz {
    padding: 0 20px 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 400px;
    height: 100%;
    background-color: #2f3136;
    border-radius: 0 5px 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.image-23YBsm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px
}

.title-2sg2wH {
    margin-bottom: 8px
}

.subtitle-1tsRgk {
    margin-bottom: 24px
}

.img-14RJ4C {
    margin-bottom: 20px;
    width: 252px;
    height: 168px
}

.checkbox-2isuxc {
    margin-right: 8px
}

.errorMessage-1Zosc1 {
    color: #ed4245
}

.createAccountTemplateHeader-2nHsFv {
    color: var(--header-primary);
    font-size: 24px;
    font-weight: 600
}

.horizontalAuthBox-3g0z2L {
    width: 960px
}

.flex-3GtgJ6 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.pill-3N7f9r {
    position: absolute;
    top: 0;
    left: 0
}

.downloadProgress-1G7zLO {
    position: relative;
    top: -2px;
    right: -2px
}

.homeIcon-FuNwkv {
    display: block;
    width: 28px;
    height: 20px
}

.tutorialContainer-2sGCg9 {
    position: relative
}

.pendingIcon-3a0BH- {
    color: var(--text-normal)
}

.wrapper-3NnKdC {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 72px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    background-color: var(--background-tertiary)
}

.wrapper-3NnKdC.hidden-3dXt4k {
    width: 0;
    visibility: hidden
}

.platform-osx .wrapper-3NnKdC {
    margin-top: 32px
}

.tree-2wKJdG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.scroller-1Bvpku {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 0 0;
    background-color: var(--background-tertiary);
    contain: layout size
}

.scroller-1Bvpku.scrolling-3wBKsn>* {
    pointer-events: none
}

.platform-win .scroller-1Bvpku {
    padding-top: 4px
}

.platform-osx .scroller-1Bvpku {
    padding-top: 0
}

.platform-overlay .scroller-1Bvpku {
    padding-top: 12px
}

.unreadMentionsIndicatorBottom-2mDYbI,.unreadMentionsIndicatorTop-2-tcdU {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    overflow: hidden;
    padding: 8px;
    height: 40px;
    pointer-events: none;
    width: 72px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.unreadMentionsIndicatorTop-2-tcdU {
    padding-top: 8px
}

.unreadMentionsIndicatorBottom-2mDYbI {
    padding-bottom: 8px
}

.unreadMentionsBar-1Bu1dC:before {
    position: absolute;
    top: 0;
    left: -8px;
    right: -8px;
    bottom: 0;
    content: ""
}

.unreadMentionsIndicatorTop-2-tcdU {
    top: 0
}

.unreadMentionsIndicatorTop-2-tcdU .unreadMentionsBar-1Bu1dC:before {
    top: -8px
}

.unreadMentionsIndicatorBottom-2mDYbI {
    bottom: 0
}

.unreadMentionsIndicatorBottom-2mDYbI .unreadMentionsBar-1Bu1dC:before {
    bottom: -8px
}

.searchAnswer-3Dz2-q {
    padding: 0 2px;
    margin-right: 2px;
    margin-left: -2px;
    border-radius: 0 2px 2px 0
}

.searchFilter-2ESiM3 {
    padding: 0 2px;
    border-radius: 2px 0 0 2px
}

.searchFilter-2ESiM3+.searchFilter-2ESiM3 {
    margin-left: 2px
}

.searchFilter-2ESiM3:first-child {
    margin-left: -2px
}

.searchAnswer-3Dz2-q,.searchFilter-2ESiM3 {
    display: inline-block;
    height: 20px;
    color: #fff
}

.theme-light .searchAnswer-3Dz2-q,.theme-light .searchFilter-2ESiM3 {
    background-color: #72767d
}

.theme-dark .searchAnswer-3Dz2-q,.theme-dark .searchFilter-2ESiM3 {
    background-color: #34383d
}

.container-3ayLPN {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden
}

.container-3ayLPN:empty {
    -webkit-box-shadow: none;
    box-shadow: none
}

.queryContainer-RKFJW- {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    border-bottom: 1px solid
}

.queryShortcut-hJIQMF {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.queryText-3xoOY7 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px;
    font-size: 12px;
    text-transform: uppercase
}

.queryText-3xoOY7 strong {
    font-size: 15px;
    text-transform: none
}

.theme-dark .container-3ayLPN {
    background-color: #36393f
}

.theme-dark .queryContainer-RKFJW- {
    color: #b9bbbe;
    border-bottom-color: rgba(35,38,42,.3)
}

.theme-dark .queryContainer-RKFJW- strong {
    color: #fff
}

.theme-dark .focused-2bY0OD {
    background-color: #23262a
}

.theme-light .container-3ayLPN {
    background-color: #fff
}

.theme-light .queryContainer-RKFJW- {
    color: #72767d;
    border-bottom-color: #dcddde
}

.theme-light .queryContainer-RKFJW- strong {
    color: #4f545c
}

.theme-light .focused-2bY0OD {
    background-color: #f6f6f7
}

.resultsGroup-r_nuzN {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -1px
}

.resultsGroup-r_nuzN .searchClearHistory-2cSSMO,.resultsGroup-r_nuzN .searchLearnMore-3SQUAj {
    opacity: .6
}

.resultsGroup-r_nuzN:before {
    content: "";
    display: block;
    position: relative;
    top: -10px;
    margin: 0 20px
}

.resultsGroup-r_nuzN .header-2N-gMV {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 20px 10px
}

.resultsGroup-r_nuzN .searchClearHistory-2cSSMO,.resultsGroup-r_nuzN .searchLearnMore-3SQUAj {
    position: absolute;
    top: 12px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    opacity: .8
}

.resultsGroup-r_nuzN .searchClearHistory-2cSSMO:hover,.resultsGroup-r_nuzN .searchLearnMore-3SQUAj:hover {
    opacity: 1
}

.resultsGroup-r_nuzN .searchClearHistory-2cSSMO svg,.resultsGroup-r_nuzN .searchLearnMore-3SQUAj svg {
    width: 16px;
    height: 16px
}

.resultsGroup-r_nuzN .searchLearnMore-3SQUAj {
    right: 17px
}

.resultsGroup-r_nuzN .searchClearHistory-2cSSMO {
    right: 16px
}

.resultsGroup-r_nuzN .searchLearnMore-3SQUAj a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.option-96V44q,.resultsGroup-r_nuzN .searchClearHistory-2cSSMO {
    overflow: hidden
}

.option-96V44q {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    margin: 0 10px;
    padding: 0 10px;
    height: 34px;
    border-radius: 3px;
    cursor: pointer
}

.option-96V44q:after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px
}

.option-96V44q.selected-rZcOL- .plusIcon-v0BTrL {
    display: block
}

.option-96V44q.selected-rZcOL-:before {
    z-index: 2;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 34px;
    width: 24px
}

.option-96V44q.selected-rZcOL-:after {
    width: 60px
}

.option-96V44q span {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.option-96V44q .nonText-3CRkO0 {
    margin: 0 4px
}

.option-96V44q .filter-3Y_im- {
    margin: 0 2px 0 4px
}

.option-96V44q .answer-1n6g43 {
    margin: 0 4px 0 2px;
    font-weight: 500
}

.option-96V44q strong {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.option-96V44q .filter-3Y_im- {
    margin-right: 4px
}

.option-96V44q>:first-child {
    margin-left: 0
}

.option-96V44q.user-O3Czj0 .displayAvatar-1wWlVM {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block
}

.option-96V44q.user-O3Czj0 .displayedNick-3xxvzU {
    font-weight: 500;
    margin: 0 5px
}

.option-96V44q.user-O3Czj0 .displayUsername-Qekxml {
    font-weight: 500
}

.option-96V44q.linkSource-1-3cE_ strong {
    text-transform: capitalize
}

.searchOption-zQ-1l6 .filter-3Y_im- {
    font-weight: 500;
    margin: 0 4px 0 0
}

.searchOption-zQ-1l6 .answer-1n6g43 {
    font-weight: 500
}

.datePicker--XZbmJ {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.datePicker--XZbmJ,.datePicker--XZbmJ .datePickerHint-3Q1Udw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.datePicker--XZbmJ .datePickerHint-3Q1Udw {
    padding: 20px 0;
    margin: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 {
    font-size: 16px
}

.datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
    font-size: 14px;
    line-height: 22px;
    padding: 0 3px;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer
}

.searchResultChannelIcon-1DnTme {
    vertical-align: top;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.searchResultChannelCategory-1l0lSn {
    position: relative;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    margin-left: 4px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    top: 2px
}

.plusIcon-v0BTrL {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: none;
    opacity: .6
}

.theme-dark .resultsGroup-r_nuzN:before {
    border-top: 1px solid rgba(35,38,42,.3)
}

.theme-dark .resultsGroup-r_nuzN .header-2N-gMV,.theme-dark .resultsGroup-r_nuzN .plusIcon-v0BTrL,.theme-dark .resultsGroup-r_nuzN .searchClearHistory-2cSSMO,.theme-dark .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a {
    color: #cacbce
}

.theme-dark .option-96V44q:after {
    background: -webkit-gradient(linear,left top,right top,from(rgba(54,57,63,0)),color-stop(80%,#36393f));
    background: linear-gradient(90deg,rgba(54,57,63,0),#36393f 80%)
}

.theme-dark .option-96V44q.selected-rZcOL- {
    background-color: #23262a
}

.theme-dark .option-96V44q.selected-rZcOL-:after {
    background: -webkit-gradient(linear,left top,right top,from(rgba(35,38,42,0)),color-stop(50%,#23262a));
    background: linear-gradient(90deg,rgba(35,38,42,0),#23262a 50%)
}

.theme-dark .option-96V44q .answer-1n6g43,.theme-dark .option-96V44q .nonText-3CRkO0,.theme-dark .option-96V44q strong {
    color: #caccce
}

.theme-dark .option-96V44q .filter-3Y_im- {
    color: #72767d
}

.theme-dark .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU {
    color: #caccce
}

.theme-dark .option-96V44q.user-O3Czj0 .displayUsername-Qekxml {
    color: #5e636a
}

.theme-dark .searchOption-zQ-1l6 .filter-3Y_im- {
    color: #caccce
}

.theme-dark .searchOption-zQ-1l6 .answer-1n6g43 {
    color: #72767d
}

.theme-dark .datePicker--XZbmJ {
    border-top: none
}

.theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw {
    border-top: 1px solid rgba(35,38,42,.3)
}

.theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 {
    color: #caccce
}

.theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
    color: #fff;
    background-color: var(--brand-experiment)
}

.theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover {
    background-color: var(--brand-experiment-430)
}

.theme-dark .searchResultChannelCategory-1l0lSn,.theme-dark .searchResultChannelIcon-1DnTme {
    color: #72767d
}

.theme-dark .searchResultChannelIconBackground-7ncwtC {
    opacity: .6
}

.resultChannel-3BYgHX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.theme-light .resultsGroup-r_nuzN:before {
    border-top: 1px solid #dcddde
}

.theme-light .resultsGroup-r_nuzN .header-2N-gMV,.theme-light .resultsGroup-r_nuzN .plusIcon-v0BTrL,.theme-light .resultsGroup-r_nuzN .searchClearHistory-2cSSMO,.theme-light .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a {
    color: #cacbce
}

.theme-light .option-96V44q: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%)
}

.theme-light .option-96V44q.selected-rZcOL- {
    background-color: #f6f6f7
}

.theme-light .option-96V44q.selected-rZcOL-:after {
    background: -webkit-gradient(linear,left top,right top,from(rgba(246,246,247,0)),color-stop(50%,#f6f6f7));
    background: linear-gradient(90deg,rgba(246,246,247,0),#f6f6f7 50%)
}

.theme-light .option-96V44q .nonText-3CRkO0 {
    color: #5e636a
}

.theme-light .option-96V44q .filter-3Y_im- {
    color: #caccce
}

.theme-light .option-96V44q .answer-1n6g43,.theme-light .option-96V44q strong {
    color: #4f545c
}

.theme-light .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU {
    color: #5e636a
}

.theme-light .option-96V44q.user-O3Czj0 .displayUsername-Qekxml {
    color: #caccce
}

.theme-light .searchOption-zQ-1l6 .filter-3Y_im- {
    color: #4f545c
}

.theme-light .searchOption-zQ-1l6 .answer-1n6g43 {
    color: #caccce
}

.theme-light .datePicker--XZbmJ,.theme-light .datePicker--XZbmJ .datePickerHint-3Q1Udw {
    border-top: 1px solid #dcddde
}

.theme-light .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 {
    color: #caccce
}

.theme-light .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
    color: #fff;
    background-color: var(--brand-experiment)
}

.theme-light .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover {
    background-color: var(--brand-experiment-430)
}

.theme-light .searchResultChannelCategory-1l0lSn,.theme-light .searchResultChannelIcon-1DnTme {
    color: #b9bbbe
}

.theme-light .searchResultChannelIconBackground-7ncwtC {
    opacity: .6
}

.search-2oPWTC {
    position: relative;
    overflow: visible;
    z-index: 100;
    -webkit-app-region: no-drag
}

.search-2oPWTC .DraftEditor-root {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    padding: 2px 0
}

.search-2oPWTC .DraftEditor-root .DraftEditor-editorContainer {
    border: none;
    overflow: hidden;
    border-radius: 2px;
    height: 20px
}

.search-2oPWTC .DraftEditor-root .public-DraftEditor-content,.search-2oPWTC .DraftEditor-root .public-DraftEditorPlaceholder-root {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 20px;
    padding-left: 2px;
    padding-right: 2px
}

.search-2oPWTC .DraftEditor-root .public-DraftEditorPlaceholder-root {
    color: var(--text-muted);
    padding-left: 4px
}

.search-2oPWTC .DraftEditor-root .public-DraftEditor-content {
    overflow-x: auto;
    overflow-y: hidden
}

.search-2oPWTC .DraftEditor-root .public-DraftStyleDefault-block {
    display: inline-block;
    min-width: 1px;
    white-space: pre
}

.search-2oPWTC .DraftEditor-root .public-DraftStyleDefault-block span {
    min-width: 1px
}

.searchBar-3dMhjb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 24px;
    width: 144px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: text;
    overflow: hidden;
    padding: 0 2px;
    color: var(--text-normal);
    background-color: var(--background-tertiary)
}

.searchBar-3dMhjb .icon-38sknP {
    width: 24px;
    height: 24px
}

.focused-31_ccS .searchBar-3dMhjb,.open-6_Y_aH .searchBar-3dMhjb {
    width: 240px
}

.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: 1
}

.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,lower-alpha) ". ";
    counter-increment: ol1
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
    content: counter(ol2,lower-roman) ". ";
    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,lower-alpha) ". ";
    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
}

@-webkit-keyframes arrowBounce-1NRiP8 {
    0% {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0)
    }

    50% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0)
    }
}

@keyframes arrowBounce-1NRiP8 {
    0% {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0)
    }

    50% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0)
    }
}

.children-3Bo2Aw {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.back-38bAq5 {
    margin-right: 12px;
    opacity: .6
}

.back-38bAq5:active,.back-38bAq5:hover {
    opacity: .8
}

.back-38bAq5:disabled {
    opacity: .2
}

.updateIconForeground-3tnNZn {
    fill: #46c46d
}

.search-36MZv- {
    margin: 0 8px
}

.toolbar-1ZLc8T {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.downloadArrow-BfJJjn {
    color: #3ba55c;
    -webkit-animation: arrowBounce-1NRiP8 2s ease-in-out infinite;
    animation: arrowBounce-1NRiP8 2s ease-in-out infinite
}

.theme-light .back-38bAq5 {
    color: #4f545c
}

.theme-light .cloud-31LAb8 {
    color: #9099a4
}

.theme-dark .back-38bAq5 {
    color: #fff
}

.theme-dark .cloud-31LAb8 {
    color: #72767d
}

@media (min-width: 849px) {
    .headerBarLoggedOut-1Txau0 {
        padding:0 30px
    }
}

.friendWrapper-2SrUFF {
    cursor: pointer;
    padding: 1px 0;
    margin: 0 4px 0 12px
}

.friend-3KALPe {
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 6px 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 15px;
    font-weight: 500
}

.friend-3KALPe .avatar-vr5NCN {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0
}

.friend-3KALPe .checkbox-22U-7- {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.friend-3KALPe .match-23yWrF {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.friend-3KALPe .nickname-O95uts {
    margin-right: 4px
}

.friend-3KALPe .discordTag-X7dpau {
    opacity: .5
}

.theme-dark .friend-3KALPe {
    color: #b9bbbe
}

.theme-dark .friendSelected-1sa4bG {
    background-color: rgba(79,84,92,.3);
    color: #fff
}

.theme-light .friend-3KALPe {
    color: #72767d
}

.theme-light .friendSelected-1sa4bG {
    background-color: rgba(220,221,222,.3);
    color: #000
}

.popout-103y-5 {
    width: 440px
}

.searchBar-1Vaz-O .searchBarComponent-yxeVIL {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.searchBar-1Vaz-O .addButton-tsPCpZ {
    margin-left: 8px
}

.subtitleWarning-11fCy8 {
    color: #ed4245!important
}

.noResults-ZTbl5V,.scroller-hUf6zQ {
    max-height: 190px
}

.copyInput-fU5OcD {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.noBorder-3d42mF {
    border: none
}

.copyButton-1r9_ji {
    margin-right: 4px;
    width: 75px
}

.errorState-KkUH_2 {
    padding: 20px 20px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.errorState-KkUH_2.noResults-ZTbl5V {
    padding: 0 48px
}

.errorStateIcon-3fNXE5 {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.notFriends-SkjxV- .errorStateIcon-3fNXE5 {
    width: 300px;
    height: 129px
}

.noFriends-1fVUuM .errorStateIcon-3fNXE5 {
    width: 171px;
    height: 86px
}

.partyFull-35IpOX .errorStateIcon-3fNXE5 {
    width: 181px;
    height: 82px
}

.noResults-ZTbl5V .errorStateIcon-3fNXE5 {
    width: 85px;
    height: 85px
}

.footerSeparator-M9dQY1 {
    height: 1px;
    margin: 0 10px
}

.footer-1eyGBa {
    padding: 20px
}

.weightMedium-3CtpYl {
    font-weight: 500
}

.selectExistingFormHeader-2lvZyI {
    margin-top: 16px;
    margin-bottom: 8px
}

.confirmChannelItemContainer-26y0vz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    border-radius: 4px
}

.confirmChannelName-2B0Rjy {
    font-weight: 500;
    font-size: 14px;
    margin-left: 8px;
    color: var(--header-primary)
}

.lastActiveTimestamp-WmAhFE {
    margin-left: 8px;
    color: var(--text-muted);
    font-size: 12px;
    margin-top: 2px
}

.confirmInviteScroller-2IX49p {
    max-height: 160px;
    height: auto;
    margin-left: -8px
}

.confirmChannelItemContainer-26y0vz:hover {
    cursor: pointer;
    background-color: var(--background-modifier-hover)
}

.theme-dark .subtitle-2P4u9v {
    color: #b9bbbe
}

.theme-dark .errorState-KkUH_2 {
    color: #72767d
}

.theme-dark .notFriends-SkjxV- .errorStateIcon-3fNXE5 {
    background-image: url(../../assets/4f86d7f58df32580164fc595377c0169.html)
}

.theme-dark .noFriends-1fVUuM .errorStateIcon-3fNXE5 {
    background-image: url(../../assets/16bd6f7e8c2feedd7fa44d25013e687f.html)
}

.theme-dark .partyFull-35IpOX .errorStateIcon-3fNXE5 {
    background-image: url(../../assets/f690b8a9cd33cda18e431d4717fff5ab.html)
}

.theme-dark .noResults-ZTbl5V .errorStateIcon-3fNXE5 {
    background-image: url(../../assets/1eed0d895df6e35f164d8ed5e84037d2.html)
}

.theme-dark .footerSeparator-M9dQY1 {
    -webkit-box-shadow: 0 -1px 0 hsla(0,0%,100%,.04);
    box-shadow: 0 -1px 0 hsla(0,0%,100%,.04)
}

.theme-dark .footerText-3w69ae {
    color: #b9bbbe
}

.theme-light .subtitle-2P4u9v {
    color: #72767d
}

.theme-light .errorState-KkUH_2 {
    color: rgba(185,187,190,.9)
}

.theme-light .notFriends-SkjxV- .errorStateIcon-3fNXE5 {
    background-image: url(../../assets/f93ba18cdc453c1237a7f26f418c07a7.html)
}

.theme-light .noFriends-1fVUuM .errorStateIcon-3fNXE5 {
    background-image: url(../../assets/0e17b389a91d9a6394adf634360a8843.html)
}

.theme-light .partyFull-35IpOX .errorStateIcon-3fNXE5 {
    background-image: url(../../assets/45f8f2fff41b2fb694ff780810fa3a96.html)
}

.theme-light .noResults-ZTbl5V .errorStateIcon-3fNXE5 {
    background-image: url(../../assets/f899de04ecfface32db505c74a6fd351.html)
}

.theme-light .footerSeparator-M9dQY1 {
    -webkit-box-shadow: 0 -1px 0 rgba(54,57,63,.1);
    box-shadow: 0 -1px 0 rgba(54,57,63,.1)
}

.theme-light .footerText-3w69ae {
    color: #72767d
}

.inset-3sAvek,.outer-1AjyKL {
    border-radius: 4px
}

.outer-1AjyKL {
    background-color: var(--activity-card-background)
}

.padded-302COx {
    padding: 16px
}

.padded-302COx.inset-3sAvek {
    padding: 12px
}

.interactive-3B9GmY {
    cursor: pointer
}

.theme-dark .outer-1AjyKL.active-1xchHY,.theme-dark .outer-1AjyKL.interactive-3B9GmY:hover {
    background-color: #18191c
}

.theme-dark .inset-3sAvek {
    background-color: #2f3136
}

.theme-light .inset-3sAvek {
    background-color: #ebedef
}

.card-2qZngs {
    text-align: center
}

.header-nbFv8R {
    margin-bottom: 4px
}

.buttonContainer-3S4iWT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 16px
}

.buttonContainer-3S4iWT>* {
    margin-bottom: 8px
}

.buttonContainer-3S4iWT>:last-child {
    margin-bottom: 0
}

.wrapper-3D2qGf {
    background-color: var(--background-secondary);
    border: 1px solid var(--background-modifier-accent)
}

.section-2gLsgF {
    background-color: var(--background-primary)
}

.overlay-2SwBN8 {
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: 0;
    display: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%
}

.overlay-2SwBN8:empty {
    padding-left: 0
}

.headerOverlay-2mAFik,.sectionOverlay-2i3R5I,.twitchOverlay-CYlF3G {
}

.headerOverlay-2mAFik {
    right: 32px
}

.section-2gLsgF {
    position: relative;
    padding: 12px;
    border-radius: 8px
}

.clickableIcon-32gFJk {
    cursor: pointer
}

.sectionTitle-b-eawy {
    font-weight: 600
}

.textContent-3N7xXx {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.separator-XqIyoz {
    height: 1px
}

.separator-XqIyoz.inset-2ML61G {
    margin-left: 12px;
    margin-right: 12px
}

.header-211Syv {
    position: relative;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    grid-gap: 12px
}

.headerFull-1dyyvV {
    grid-template-columns: 32px minmax(20px,auto) 24px
}

.headerSimple-2n13P7 {
    grid-template-columns: 32px minmax(20px,auto)
}

.headerAvatar-2MDZJn {
    cursor: pointer
}

.headerIcon-10Jegm,.multipleIconWrapper-DfGWrz {
    display: block;
    width: 24px;
    height: 24px;
    justify-self: end;
    border-radius: 8px
}

.multipleIconWrapper-DfGWrz {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.multipleIcon-1oJINS {
    width: 18px;
    height: 18px
}

.body-1ld4H7 {
    margin-top: 12px;
    border-radius: 8px
}

.body-1ld4H7 .separator-XqIyoz {
    margin-top: 0;
    margin-bottom: 0
}

.voiceSection-1uiU7a {
    display: grid;
    grid-template-columns: 32px minmax(20px,auto) -webkit-max-content;
    grid-template-columns: 32px minmax(20px,auto) max-content;
    grid-gap: 12px
}

.voiceSection-1uiU7a,.voiceSectionAssets-1gjfmz {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.voiceSectionAssets-1gjfmz {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.voiceSectionDetails-2DQTfs {
    cursor: pointer
}

.voiceSectionDetails-2DQTfs:hover .voiceSectionText-vrWR1s {
    text-decoration: underline
}

.voiceSectionGuildImage-3HwnfL,.voiceSectionNoGuildImageWrapper-TicZR3 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-mask: url(../../assets/43ef95a06d48914382c9350e6e31ce1e.html);
    mask: url(../../assets/43ef95a06d48914382c9350e6e31ce1e.html);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance;
    cursor: pointer
}

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

.voiceSectionNoGuildImage-DSaGg- {
    display: inline-block;
    overflow: hidden
}

.voiceSectionIconWrapper-FO7UEY {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: -2px;
    right: -2px
}

.voiceSectionIcon-1b3cOo {
    width: 10px;
    height: 10px
}

.applicationStreamingSection-1YWLV7 {
    display: grid;
    grid-template-columns: 32px minmax(20px,auto) -webkit-max-content;
    grid-template-columns: 32px minmax(20px,auto) max-content;
    grid-gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.applicationStreamingAvatar-2iYCcz {
    cursor: pointer
}

.applicationStreamingPreviewWrapper-8QqvVY {
    margin-top: 12px;
    cursor: pointer;
    border-radius: 4px
}

.applicationStreamingPreviewWrapper-8QqvVY:hover .applicationStreamingHoverWrapper-31lOYj {
    opacity: 1
}

.applicationStreamingPreviewSize-3NIvhL {
    height: 100%;
    width: 100%
}

.applicationStreamingHoverWrapper-31lOYj {
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.applicationStreamingHoverText-IEVyfS {
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 8px 20px;
    border-radius: 20px
}

.xboxSection-Lw6vjc {
    display: grid;
    grid-template-columns: 32px minmax(20px,auto);
    grid-gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.xboxSectionIcon-1Y8MqF {
    width: 28px;
    height: 28px;
    padding: 2px
}

.twitchSection-1igfBl {
    min-height: 32px
}

.twitchSectionHeader-2QggTa {
    position: relative;
    display: grid;
    grid-gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.twitchSectionSimple-3r5e1V {
    grid-template-columns: 32px minmax(20px,auto)
}

.twitchSectionFull-2gHsjm {
    grid-template-columns: 32px minmax(20px,auto) 24px
}

.twitchSectionIcon-3Vs9SA {
    width: 32px;
    height: 32px
}

.twitchSectionPlayButton-29EKzF {
    position: absolute;
    left: calc(50% - 16px);
    top: calc(50% - 16px);
    opacity: .75;
    cursor: pointer
}

.twitchSectionAvatar-lHNqxc {
    justify-self: end
}

.twitchSectionPreviewWrapper-28s2_4 {
    margin-top: 12px;
    cursor: pointer
}

.twitchSectionPreviewWrapper-28s2_4:hover .twitchSectionPlayButton-29EKzF {
    opacity: 1
}

.twitchSectionPreview-Fjjwbv {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px
}

.gameSection-DL895r {
    display: grid;
    grid-template-columns: 32px minmax(20px,auto) -webkit-max-content;
    grid-template-columns: 32px minmax(20px,auto) max-content;
    grid-gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gameSectionIcon-Q7MbAx {
    width: 32px;
    height: 32px;
    cursor: pointer
}

.activitySection-cEg8ae {
    display: grid;
    grid-template-columns: 32px minmax(20px,auto);
    grid-gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.activitySectionAssets-32WyHu {
    position: relative;
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.activitySectionAssets-32WyHu .largeImageMask-KlyeCi {
    -webkit-mask: url(../../assets/4ff8cb6b5b46bca3c6882c4f6d1c7390.html);
    mask: url(../../assets/4ff8cb6b5b46bca3c6882c4f6d1c7390.html);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance
}

.activitySectionAssets-32WyHu .largeImage-DLXk-f {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.activitySectionAssets-32WyHu .smallImage-1p6VYD {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    bottom: -4px;
    right: -4px
}

.spotifySection-2-AVOl {
    grid-template-columns: 32px minmax(20px,auto) -webkit-max-content;
    grid-template-columns: 32px minmax(20px,auto) max-content
}

.theme-dark .multipleIconWrapper-DfGWrz {
    background-color: #2f3136
}

.theme-dark .separator-XqIyoz {
    background-color: #292b2f
}

.theme-dark .voiceSectionNoGuildImageWrapper-TicZR3 {
    background: #202225;
    color: #fff
}

.theme-dark .voiceSectionIconWrapper-FO7UEY {
    background-color: #18191c
}

.theme-dark .voiceSectionIcon-1b3cOo,.theme-dark .xboxSectionIcon-1Y8MqF {
    color: #b9bbbe
}

.theme-dark .applicationStreamingPreviewWrapper-8QqvVY {
    background-color: #292b2f
}

.theme-light .voiceSectionNoGuildImageWrapper-TicZR3 {
    background: #9099a4;
    color: #fff
}

.theme-light .multipleIconWrapper-DfGWrz,.theme-light .separator-XqIyoz {
    background-color: #ebedef
}

.theme-light .body-1ld4H7 .separator-XqIyoz {
    background-color: #fff
}

.theme-light .voiceSectionIconWrapper-FO7UEY {
    background: #c7ccd1
}

.theme-light .voiceSectionIcon-1b3cOo {
    color: #4f5660
}

.theme-light .xboxSectionIcon-1Y8MqF {
    color: #b9bbbe
}

.theme-light .applicationStreamingPreviewWrapper-8QqvVY {
    background-color: #f8f9f9
}

.wrapper-3m_mRm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.partyMembers-id_l4H,.wrapper-3m_mRm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px
}

.partyMember-1CzxeX {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: -2px;
    -webkit-mask: url(../../assets/16f17f1916fb411b98e44008b2535a83.html);
    mask: url(../../assets/16f17f1916fb411b98e44008b2535a83.html);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance
}

.partyMemberKnown-3Ee9hc {
    cursor: pointer
}

.partyMember-1CzxeX:first-child {
    margin-left: 0
}

.partyMember-1CzxeX:last-child {
    -webkit-mask: none;
    mask: none
}

.partyMemberEmpty-ra2xl3,.partyMemberUnknown-fwK2DC {
}

.partyMemberUnknown-fwK2DC {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.partyMemberUnknownIcon-1eDbV6 {
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.partyMemberOverflow-lXnzvu {
    height: 24px;
    min-width: 24px;
    padding: 0 4px;
    margin-left: -2px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    color: var(--header-secondary);
    background-color: var(--background-secondary)
}

.theme-dark .partyMemberBackground-3XOgDv,.theme-dark .partyMemberUnknown-fwK2DC {
    background-color: #4f545c
}

.theme-dark .partyMemberUnknownIcon-1eDbV6 {
    color: #72767d
}

.theme-light .partyMemberBackground-3XOgDv,.theme-light .partyMemberUnknown-fwK2DC {
    background-color: #ebedef
}

.theme-light .partyMemberUnknownIcon-1eDbV6 {
    color: #c7ccd1
}

.memberItem-3VdCg9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 8px;
    min-height: 24px
}

.avatar-2Gkk10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px
}

.avatar-2Gkk10,.unknown-1xMjV9 {
    width: 24px;
    height: 24px
}

.unknown-1xMjV9 {
    background-size: 24px 24px
}

.theme-dark .unknown-1xMjV9 {
    background-image: url(../../assets/c2e09a95e595bfb12fa040d56ca27db5.html)
}

.theme-light .unknown-1xMjV9 {
    background-image: url(../../assets/ae64c288e355d4d6aff832d4c16b5662.html)
}

.itemCard-v9viV7 {
    margin-top: 8px;
    border-radius: 8px
}

.itemCard-v9viV7:first-of-type {
    margin-top: 0
}

.homepagePadding-hWnsD8 {
    padding-left: 16px;
    padding-top: 16px;
    font-weight: 700
}

.emptyCard-1RJw8n {
    background: var(--background-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    padding: 16px
}

.emptyHeader-3lmLcs {
    margin-bottom: 4px
}

.emptyText-2zjpZr {
    color: var(--interactive-normal)
}

.popout-38lTFE {
    width: 200px;
    height: auto;
    border-radius: 8px;
    padding: 8px 16px
}

.theme-light .popout-38lTFE {
    background-color: #fff;
    border: 1px solid #e3e5e8;
    -webkit-box-shadow: inset 0 0 0 0 #e3e5e8,0 8px 16px rgba(0,0,0,.16);
    box-shadow: inset 0 0 0 0 #e3e5e8,0 8px 16px rgba(0,0,0,.16)
}

.theme-dark .popout-38lTFE {
    background-color: #18191c;
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.24);
    box-shadow: 0 8px 16px rgba(0,0,0,.24)
}

.scroller-2ZPeAD {
    padding: 16px;
    height: 100%;
    border-left: 1px solid var(--background-modifier-accent);
    margin-left: 2px
}

.container-lRFx4q {
    background-color: var(--background-primary);
    height: 100%
}

.header-2SF4Nh {
    font-family: var(--font-display);
    margin: 8px 0 16px;
    font-weight: 700
}

.wrapper-1cBijl {
    margin: 13px 0;
    position: relative;
    border-radius: 8px;
    border: 1px solid var(--deprecated-text-input-border);
    background-color: var(--deprecated-text-input-bg);
    padding: 0 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px
}

.wrapper-1cBijl .btn {
    margin: 0!important;
    padding: 7px 16px!important
}

.wrapper-1cBijl .btn:disabled {
    background-color: var(--brand-experiment);
    color: #fff;
    opacity: .5;
    pointer-events: none
}

.addFriendInput-4bcerK {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--text-normal);
    padding: 0;
    border: none;
    margin-right: 16px;
    z-index: 1;
    line-height: 52px
}

.addFriendInput-4bcerK::-webkit-input-placeholder {
    color: var(--interactive-muted)
}

.addFriendHint-3Y70FX {
    cursor: text;
    color: var(--interactive-muted);
    position: absolute;
    top: 0;
    left: 16px;
    line-height: 52px;
    pointer-events: none
}

.addFriendHint-3Y70FX,.addFriendInput-4bcerK {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .04em;
    white-space: pre;
    background-color: transparent
}

.ring-1u5L9a {
    border-radius: 8px
}

.friendsEmpty-1K9B4k {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sectionHeader-20RGqu {
    -webkit-box-flex: row;
    -ms-flex: row;
    flex: row
}

.addInputWrapper-1BOZ3d,.sectionHeader-20RGqu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.addInputWrapper-1BOZ3d {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header-1-dBpZ {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin: 9px 0;
    color: var(--header-primary)
}

.emptyState-2i1-FW {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.description-1EvxpH {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 5px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: var(--text-normal);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.theme-dark .description-1EvxpH.error-3T-E-_,.theme-light .description-1EvxpH.error-3T-E-_ {
    color: #ed4245
}

.theme-dark .description-1EvxpH.success-t0oxXf,.theme-light .description-1EvxpH.success-t0oxXf {
    color: var(--text-positive)
}

.theme-dark .sectionHeader-20RGqu {
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.theme-light .sectionHeader-20RGqu {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.actionButton-uPB8Fs {
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: var(--interactive-normal);
    background-color: var(--background-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px
}

.actionButton-uPB8Fs.highlight-Lf97TE {
    background-color: var(--background-tertiary)
}

.actionButton-uPB8Fs:first-child {
    margin-left: 0
}

.actionButton-uPB8Fs:hover {
    color: var(--interactive-hover)
}

.actionButton-uPB8Fs:active {
    background-color: var(--background-modifier-active);
    color: var(--interactive-active)
}

.actionButton-uPB8Fs.disabled-CPGw4b {
    opacity: .3;
    pointer-events: none
}

.actionButton-uPB8Fs.actionAccept-LV-szU:hover {
    color: #3ba55c!important
}

.actionButton-uPB8Fs.actionDeny-de_uKj:hover {
    color: #ed4245!important
}

.icon-35-fSh {
    width: 20px;
    height: 20px
}

.peopleListItem-2nzedh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 30px;
    margin-right: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    border-top: 1px solid var(--background-modifier-accent)
}

.peopleListItem-2nzedh.active-rhSpJJ+.peopleListItem-2nzedh,.peopleListItem-2nzedh:hover+.peopleListItem-2nzedh {
    border-color: transparent
}

.peopleListItem-2nzedh.active-rhSpJJ,.peopleListItem-2nzedh:hover {
    background: var(--background-modifier-hover);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
    border-color: transparent;
    margin: 0 10px 0 20px;
    padding: 16px 10px
}

.userInfo-2zN2z8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.avatar-3W3CeO {
    margin: 0 12px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.text-37NqbO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.subtext-24R4-w {
    color: var(--header-secondary);
    font-size: 12px
}

.discordTag-2_tqUA {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.username-31C1TQ {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--header-primary);
    font-weight: 600
}

.discriminator-22Okc1 {
    font-size: 14px;
    line-height: 16px;
    visibility: hidden;
    color: var(--header-secondary)
}

.hovered-15FzL3 .discriminator-22Okc1 {
    visibility: visible
}

.listItemContents-BUaJR_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.activity-2myFBH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.text-3MU_QQ {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px
}

.customStatusEmoji-1o3-7b {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.listItemContents-95HL3L {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%
}

.actions-1SQwjn,.listItemContents-95HL3L {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.actions-1SQwjn {
    margin-left: 8px
}

.listItemContents-2w6nwE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.userInfo-3bsjnc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 260px;
    flex: 0 0 260px
}

.tableHeader-2HiNhG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid var(--background-secondary);
    padding: 16px 30px 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tableHeaderText-lC53gO {
    color: var(--header-secondary)
}

.mutualGuilds-2fYAPr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 13px;
    width: 200px
}

@media (max-width: 1040px) {
    .mutualGuilds-2fYAPr {
        display:none
    }
}

.mutualGuilds-2fYAPr a+a {
    margin-left: 6px
}

.moreMutualGuildsBtn-2jTflt {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--header-secondary);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 6px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer
}

.actions-FAbeWr,.moreMutualGuildsBtn-2jTflt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.actions-FAbeWr {
    margin-left: auto
}

.theme-dark .moreMutualGuildsBtn-2jTflt:hover {
    color: #fff;
    border-color: hsla(0,0%,100%,.6)
}

.theme-light .moreMutualGuildsBtn-2jTflt:hover {
    color: #000;
    border-color: rgba(0,0,0,.6)
}

.title-30qZAO {
    margin: 16px 20px 8px 30px;
    color: var(--header-secondary)
}

.emptyStateContainer-2HsLQm {
    position: relative;
    width: 100%;
    height: 100%
}

.peopleList-3c4jOR {
    padding-bottom: 8px;
    margin-top: 8px
}

.container-1D34oG {
    width: 100%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-1D34oG,.inviteToolbar-3F-l2g {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 940px) {
    .inviteToolbar-3F-l2g {
        display:none
    }
}

.peopleColumn-29fq28 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.nowPlayingColumn-2sl4cE {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
    min-width: 360px;
    max-width: 420px;
    background: var(--background-secondary)
}

.nowPlayingScroller-2XrVUt {
    padding: 16px;
    max-height: 100%
}

.consentCard-1iSxB_ {
    margin-bottom: 16px
}

.tabBar-ZmDY9v .badge-1Skb69 {
    margin-left: 8px
}

.tabBar-ZmDY9v .item-3HknzM {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    min-width: 40px;
    -webkit-app-region: no-drag
}

.tabBar-ZmDY9v .item-3HknzM,.tabBody-3YRQ8W {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabBody-3YRQ8W {
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.tabBody-3YRQ8W:before {
    content: "";
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    z-index: 1;
    pointer-events: none
}

@media (max-width: 1200px) {
    .nowPlayingColumn-2sl4cE {
        display:none
    }
}

.theme-dark .container-1D34oG {
    background-color: #36393f
}

.theme-light .container-1D34oG {
    background-color: #fff
}

.container-7Unqij {
    padding: 4px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 12px
}

.icon-3jQD8H {
    margin-right: 4px;
    color: var(--header-primary)
}

.container-G4Iil7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.avatar-3FSiro {
    height: 20px!important;
    width: 20px!important;
    margin: 8px 8px 8px 16px
}

.container-3yC5sj {
    padding: 0 8px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid var(--background-modifier-accent);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.icon-29krgh {
    color: #3ba55c;
    margin-left: 4px
}

.listeningText-2DLvOV {
    margin-left: 8px
}

.leaveButton-3Z5D-N {
    margin-left: auto;
    margin-right: 8px
}

.grid-3fdl0Y {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    gap: 8px
}

.speakerContainer-3h4uQU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-vQKmqY {
    height: 20px!important;
    width: 20px!important;
    margin-right: 8px
}

.iconMicrophone-1A2Yqh,.speakerCount-3KijLY {
    background-color: var(--background-tertiary)
}

.iconMicrophone-1A2Yqh {
    height: 20px;
    width: 20px;
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--header-secondary);
    border-radius: 50%
}

.textInGridContainer-XBWCa- {
    max-width: 164px
}

.textInGrid-1ba1AD {
    max-width: 124px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1200px) {
    .textInGrid-1ba1AD {
        max-width:120px
    }
}

.container-S9SaVf {
    margin: 8px;
    max-width: 640px;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer
}

.theme-dark .container-S9SaVf {
    background-color: var(--background-secondary)
}

.theme-dark .container-S9SaVf:hover {
    background-color: var(--background-secondary-alt);
    border-radius: 8px
}

.theme-light .container-S9SaVf {
    background-color: var(--background-primary);
    border: 1px solid var(--background-modifier-accent);
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.08);
    box-shadow: 0 4px 4px rgba(0,0,0,.08)
}

.theme-light .container-S9SaVf:hover {
    background-color: var(--background-secondary-alt);
    border-radius: 8px
}

.contentContainer-1fklqj {
    padding: 16px
}

.contentContainer-1fklqj,.headerContainer-1X_tPb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.guildIcon-3DxHr5 {
    margin-right: 8px;
    border-radius: 4px
}

.flexContainerRow-2a2RpB {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flexContainerRow-2a2RpB,.guildInfoContainer-VZ-tXn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-items: center
}

.guildInfoContainer-VZ-tXn {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.topicText-3B26Cx {
    margin: 8px 0 12px;
    font-weight: 600;
    -webkit-line-clamp: 2
}

.guildName-2Ec3Mf,.topicText-3B26Cx {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.guildName-2Ec3Mf {
    margin-right: 4px;
    -webkit-line-clamp: 1
}

.guildName-2Ec3Mf:hover {
    text-decoration: underline;
    color: var(--header-primary)
}

.hoveredParticipantsContainer-1jRGjF {
    background-color: var(--background-secondary-alt);
    border-radius: 8px
}

@-webkit-keyframes placeholderPulse-3MG86Y {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@keyframes placeholderPulse-3MG86Y {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

.loading-2PktB_ {
    -webkit-animation: placeholderPulse-3MG86Y 1s ease-in-out infinite;
    animation: placeholderPulse-3MG86Y 1s ease-in-out infinite;
    background-color: var(--background-tertiary);
    min-height: 204px
}

.rightJustifiedContent-1qP_dH {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.scoreSummary-kqJvzd {
    margin-right: 4px;
    margin-left: auto
}

.container-1WCE6w {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 32px
}

.container-1WCE6w,.icons-2wALEG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icons-2wALEG {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.star-2uNoZO {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.stage-2UKqZE {
    background-color: var(--background-tertiary);
    color: var(--interactive-active);
    border-radius: 8px;
    padding: 8px;
    margin: 8px
}

.plus-GIkx48 {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.title-2TmeU7 {
    margin-bottom: 4px
}

.button-1h8W6d,.title-2TmeU7 {
    margin-top: 16px
}

.container-2rNpDV {
    background-color: #4a55cb;
    width: 90%;
    max-width: 640px;
    border-radius: 8px;
    background-image: url(../../assets/d86fde1817c5e5a387150c07680a08d4.html);
    background-position: bottom;
    background-repeat: no-repeat;
    margin: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.illustration-h6_gtD {
    max-width: 280px;
    width: 50%;
    height: auto;
    border-radius: 8px 0 0;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.content-1cqZ_C {
    padding: 32px 32px 32px 0;
    width: 55%
}

.body-3MGQWc {
    margin-top: 12px;
    color: #fff;
    white-space: pre-wrap
}

.body-3MGQWc,.header-3g0E_g {
    text-align: end
}

.icon-xp84qZ {
    right: 16px;
    top: 16px;
    position: absolute;
    cursor: pointer
}

@media (max-width: 1000px) {
    .illustration-h6_gtD {
        max-width:180px
    }

    .content-1cqZ_C {
        width: 75%
    }
}

.container-3u4ndt {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-3YnDzJ {
    font-weight: 700;
    margin: 8px 0 4px
}

.subheader-2RpfyZ {
    margin-bottom: 8px
}

.container-24CyRY {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerContainer-1Wluzl {
    margin: 24px 16px 8px;
    max-width: 640px;
    width: 90%
}

.pageHeader-3nuK1W {
    font-weight: 700;
    font-family: var(--font-display);
    text-align: left
}

.inNetworkFooter-1Ar7aa {
    margin: 0 20px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.container-1a3EgQ {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.headerBarContainer-31FKNA {
    background-color: var(--background-primary);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2)
}

.pageContent-1xgXch {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 100%
}

.pageContent-1xgXch,.stageSection-3mAD8V {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    overflow: hidden
}

.stageSection-3mAD8V {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background: var(--background-primary)
}

.nowPlayingSidebar-2OFn0o {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
    min-width: 360px;
    max-width: 420px
}

@media (max-width: 1200px) {
    .nowPlayingSidebar-2OFn0o {
        display:none
    }
}

.modal-1dtIlv.modal-1dtIlv {
    width: 440px
}

.formErrorContainer-2eWSUM {
    padding: 16px 16px 6px
}

.formError-2CSU8T {
    background-color: rgba(237,66,69,.1);
    border: 1px solid #ed4245;
    border-radius: 4px
}

.formErrorIcon-2QQYVE {
    color: #ed4245
}

.theme-dark .modal-1dtIlv.modal-1dtIlv {
    background-color: var(--background-secondary)
}

.modalHeader-1MsSPw {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modalHeaderText-1uLQAj {
    font-weight: 500;
    color: var(--interactive-active)
}

.modalContent-3wBBO6 {
    padding: 16px;
    max-height: 480px;
    position: relative
}

.modalFooter-3P_eSZ.modalFooter-3P_eSZ {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: var(--background-secondary-alt)
}

.divider-2eNSzn {
    width: calc(100% - 32px);
    margin: auto
}

.footer-31ODvZ {
    padding: 20px
}

.modalHeadline-3IiI_d {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    color: var(--header-primary);
    margin-bottom: 8px
}

.modalSubheadline-tLcJtT {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: var(--header-secondary);
    margin-bottom: 16px
}

.linkButtonContent-2tllYq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: color .2s;
    transition: color .2s;
    color: var(--interactive-active)
}

.linkButtonContent-2tllYq:hover {
    color: var(--interactive-normal)
}

.linkButtonIcon-8EhWYR {
    margin-right: 5px
}

.breadCrumbsContainer-2Ocw4l {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.breadCrumbItem-1CMOCF {
    font-weight: 500
}

.breadCrumbArrow-2DBm9O {
    color: var(--text-muted);
    margin-left: 4px;
    margin-right: 4px;
    width: 9px;
    height: 9px
}

.closeButton-25CYXa {
    padding: 0;
    height: 24px
}

.closeButton-25CYXa>div {
    height: 24px
}

.container-1TAyt9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: var(--background-primary);
    cursor: pointer
}

.container-1TAyt9:first-child {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.container-1TAyt9:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.container-1TAyt9:last-child .content-2FI7Bb {
    padding: 12px 0;
    border-bottom: none
}

.content-2FI7Bb {
    border-bottom: 1px solid var(--background-modifier-accent);
    padding: 12px 0 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content-2FI7Bb,.labelContainer-2WyiBn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.label-hV9ir7 {
    color: var(--interactive-active);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.labelInactive-eQluLw {
    font-weight: 400;
    color: var(--text-normal)
}

.description-2Ll2vZ {
    color: var(--header-secondary);
    font-size: 12px;
    margin-top: 2px;
    line-height: 16px
}

.icon-3LbDL7 {
    color: var(--interactive-normal);
    margin-right: 16px
}

.radioIconSelectedForeground-sDlyK0 {
    color: var(--control-brand-foreground)
}

.guildIcon-3MfEon {
    margin: 12px 16px;
    border-radius: 8px
}

.iconContainer-3j0Y3m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 16px
}

.icon-2Ssk4P {
    color: var(--interactive-normal)
}

.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;
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    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 {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-top: none;
    border-bottom-color: #f0f0f0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    top: -1px;
    border-bottom-color: #aeaeae
}

.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 {
    bottom: -1px;
    border-top-color: #aeaeae
}

.react-datepicker-wrapper {
    display: inline-block
}

.react-datepicker {
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px
}

.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 {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding-top: 8px;
    position: relative
}

.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 {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem
}

.react-datepicker__navigation {
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    border: .45rem solid transparent;
    z-index: 1
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b2b2
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b2b2
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b2b2
}

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc
}

.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;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day,.react-datepicker__day-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__day {
    cursor: pointer
}

.react-datepicker__day:hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day--today {
    font-weight: 700
}

.react-datepicker__day--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    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 {
    border-radius: .3rem;
    background-color: #216ba5;
    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 {
    border-radius: .3rem;
    background-color: #2a87d0;
    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 {
    cursor: default;
    color: #ccc
}

.react-datepicker__day--disabled:hover {
    background-color: transparent
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block
}

.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-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: .45rem
}

.react-datepicker__month-dropdown,.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border: 1px solid #aeaeae
}

.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 {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.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 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.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 {
    position: absolute;
    left: 15px
}

.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 {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    content: "\D7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name {
    width: 3rem;
    line-height: 3rem
}

@media (max-height: 550px),(max-width:400px) {
    .react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name {
        width:2rem;
        line-height: 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-2yf6Ci .react-datepicker {
    border: none;
    padding: 20px
}

.calendarPicker-2yf6Ci .react-datepicker__header {
    padding-top: 0;
    border-bottom: 0
}

.calendarPicker-2yf6Ci .react-datepicker__current-month {
    margin: 0 0 10px;
    padding: 0 0 20px;
    border-bottom: 1px solid;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase
}

.calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next,.calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous {
    top: 20px;
    left: 20px;
    width: 18px;
    height: 18px;
    border: 1px solid;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-size: 6px 12px;
    background-position: 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next.react-datepicker__navigation--next,.calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous.react-datepicker__navigation--next {
    left: auto;
    right: 20px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.calendarPicker-2yf6Ci .react-datepicker__month {
    margin: 0
}

.calendarPicker-2yf6Ci .react-datepicker__week:first-of-type>.react-datepicker__day:first-of-type {
    border-radius: 3px 0 0
}

.calendarPicker-2yf6Ci .react-datepicker__week:first-of-type>.react-datepicker__day:last-of-type {
    border-radius: 0 3px 0 0
}

.calendarPicker-2yf6Ci .react-datepicker__week:last-of-type>.react-datepicker__day {
    border-bottom: 1px solid #dcddde
}

.calendarPicker-2yf6Ci .react-datepicker__week:last-of-type>.react-datepicker__day:first-of-type {
    border-radius: 0 0 0 3px
}

.calendarPicker-2yf6Ci .react-datepicker__week:last-of-type>.react-datepicker__day:last-of-type {
    border-radius: 0 0 3px
}

.calendarPicker-2yf6Ci .react-datepicker__week>.react-datepicker__day:last-of-type {
    border-right: 1px solid
}

.calendarPicker-2yf6Ci .react-datepicker__day-names {
    margin-bottom: 10px
}

.calendarPicker-2yf6Ci .react-datepicker__day-name {
    width: 40px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0
}

.calendarPicker-2yf6Ci .react-datepicker__day {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid;
    border-left: 1px solid
}

.calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover,.calendarPicker-2yf6Ci .react-datepicker__day:hover {
    border-radius: 0
}

.calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected {
    background: none;
    border-radius: 0
}

.calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px
}

.calendarPicker-2yf6Ci .react-datepicker__day--disabled,.calendarPicker-2yf6Ci .react-datepicker__day--outside-month {
    font-weight: 500
}

.theme-light .calendarPicker-2yf6Ci .react-datepicker {
    background-color: #fff
}

.theme-light .calendarPicker-2yf6Ci .react-datepicker__header {
    background-color: #fff;
    border-color: rgba(220,221,222,.2)
}

.theme-light .calendarPicker-2yf6Ci .react-datepicker__current-month {
    border-bottom-color: rgba(220,221,222,.2);
    color: #4f545c
}

.theme-light .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next,.theme-light .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous {
    border-color: #dcddde;
    background-image: url(../../assets/0fce6d7622d8173fcee0397634bff5b5.html)
}

.theme-light .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type .react-datepicker__day {
    border-bottom-color: #dcddde
}

.theme-light .calendarPicker-2yf6Ci .react-datepicker__week .react-datepicker__day:last-of-type {
    border-right-color: #dcddde
}

.theme-light .calendarPicker-2yf6Ci .react-datepicker__day-name {
    color: rgba(79,84,92,.6)
}

.theme-light .calendarPicker-2yf6Ci .react-datepicker__day {
    border-top-color: #dcddde;
    border-left-color: #dcddde;
    color: #4f545c
}

.theme-light .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover,.theme-light .calendarPicker-2yf6Ci .react-datepicker__day:hover {
    color: #fff;
    background-color: var(--brand-experiment)
}

.theme-light .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled,.theme-light .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled:hover {
    background-color: rgba(0,0,0,.05);
    color: rgba(0,0,0,.2)
}

.theme-light .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after {
    background-color: var(--brand-experiment)
}

.theme-light .calendarPicker-2yf6Ci .react-datepicker__day--disabled,.theme-light .calendarPicker-2yf6Ci .react-datepicker__day--outside-month {
    background-color: #f6f6f7;
    color: rgba(79,84,92,.3)
}

.theme-dark .calendarPicker-2yf6Ci .react-datepicker {
    background-color: #36393f
}

.theme-dark .calendarPicker-2yf6Ci .react-datepicker__header {
    background-color: #36393f;
    border-color: rgba(24,25,28,.2)
}

.theme-dark .calendarPicker-2yf6Ci .react-datepicker__current-month {
    border-bottom-color: rgba(24,25,28,.3);
    color: #f6f6f7
}

.theme-dark .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next,.theme-dark .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous {
    border-color: #18191c;
    background-image: url(../../assets/7619529e87dad31fd2ae83d9b9583e49.html)
}

.theme-dark .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type .react-datepicker__day {
    border-bottom-color: #18191c
}

.theme-dark .calendarPicker-2yf6Ci .react-datepicker__week .react-datepicker__day:last-of-type {
    border-right-color: #18191c
}

.theme-dark .calendarPicker-2yf6Ci .react-datepicker__day-name {
    color: rgba(246,246,247,.6)
}

.theme-dark .calendarPicker-2yf6Ci .react-datepicker__day {
    border-top-color: #18191c;
    border-left-color: #18191c;
    color: #f6f6f7
}

.theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover,.theme-dark .calendarPicker-2yf6Ci .react-datepicker__day:hover {
    color: #fff;
    background-color: var(--brand-experiment)
}

.theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled,.theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled:hover {
    background-color: #2f3136;
    color: rgba(246,246,247,.3)
}

.theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after {
    background-color: var(--brand-experiment)
}

.theme-dark .calendarPicker-2yf6Ci .react-datepicker__day--disabled,.theme-dark .calendarPicker-2yf6Ci .react-datepicker__day--outside-month {
    background-color: #2f3136;
    color: rgba(246,246,247,.3)
}

.calendarContainer-2ecZWM {
}

.listContainer-19y4Nf {
    border-radius: 5px;
    padding: 10px 5px 10px 10px;
    background-color: var(--background-primary)
}

.listScroller-2_n1zI {
    height: 280px;
    overflow-y: scroll
}

.container-JC_YWz {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    background-color: var(--background-tertiary);
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.uploadIcon-3FJZuQ {
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: cover
}

.pencilIconContainer-35slsi {
    position: absolute;
    background-color: var(--background-secondary);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -8px;
    left: -8px
}

.pencilIcon-3CvBci {
    color: var(--interactive-normal)
}

.titleImageContainer-1_XNR7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

.titleContainer-2yarZf {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 16px
}

.titleInput-3yN2uK {
    resize: none;
    overflow: hidden;
    font-size: 20px;
    line-height: 24px;
    color: var(--interactive-active);
    background-color: transparent;
    font-weight: 600;
    border: none;
    width: 100%;
    margin-bottom: 1px;
    padding: 0
}

.titleInput-3yN2uK::-webkit-input-placeholder {
    font-weight: 600;
    color: var(--text-muted)
}

.titleInput-3yN2uK::-moz-placeholder {
    font-weight: 600;
    color: var(--text-muted)
}

.titleInput-3yN2uK:-ms-input-placeholder {
    font-weight: 600;
    color: var(--text-muted)
}

.titleInput-3yN2uK::placeholder {
    font-weight: 600;
    color: var(--text-muted)
}

.descriptionInput-5f1QZC {
    resize: none;
    overflow: hidden;
    font-size: 16px;
    line-height: 20px;
    color: var(--interactive-active);
    background-color: var(--background-secondary-alt);
    border: 1px solid var(--background-tertiary);
    width: 100%;
    padding: 10px 8px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.descriptionInput-5f1QZC::-webkit-input-placeholder {
    color: var(--text-muted)
}

.descriptionInput-5f1QZC::-moz-placeholder {
    color: var(--text-muted)
}

.descriptionInput-5f1QZC:-ms-input-placeholder {
    color: var(--text-muted)
}

.descriptionInput-5f1QZC::placeholder {
    color: var(--text-muted)
}

.descriptionContainer-2hjtEK {
    margin-bottom: 16px
}

.descriptionContainerTitle-1xfM_w,.titleContainerTitle-1J6L10 {
    display: inline-block;
    margin-bottom: 8px
}

.doubleInputContainer-2SW2hZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    margin-bottom: 16px
}

.doubleInputContainer-2SW2hZ>div:first-child {
    margin-right: 8px
}

.doubleInputContainer-2SW2hZ>div:nth-child(2) {
    margin-left: 8px
}

.formSection-K7m8xL {
    border-radius: 4px;
    padding: 16px
}

.theme-dark .formSection-K7m8xL {
    background-color: var(--background-primary)
}

.theme-light .formSection-K7m8xL {
    background-color: var(--background-secondary);
    border: 1px solid #e3e5e8
}

.theme-light .sectionFormInput-IENeOz {
    background-color: var(--background-primary)
}

.pricePickerLabel-1p16_q {
    margin-top: 8px
}

.ticketCard-1Pmuv2 {
    margin: 16px auto 32px
}

.ticketPhotoInputContainer-2aAZ9A {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.divider-2dDRV_ {
    margin: 16px 0
}

.ticketPhotoInputLabel-2yOmdS {
    margin-right: 32px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.colorContainer-rjez5R.colorContainer-rjez5R {
    max-width: none
}

.linkButton-1-Pj-G {
    padding: 0
}

.linkButtonContent-y7jkQ7 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    font-size: 16px;
    font-weight: 400;
    color: var(--interactive-active)
}

.linkButtonContent-y7jkQ7:hover {
    opacity: .8
}

.addEndDateIcon-3LLc82 {
    color: var(--brand-experiment);
    margin-right: 8px
}

.removeEndDateIcon-2_-5Ew {
    color: #ed4245;
    margin-right: 10px
}

.addEndDateText-3s28JB {
    padding-top: 2px
}

.removeEndDateText-W8X4Il {
    padding-top: 1px
}

.charLimitIndicator-12ptf1 {
    margin-left: 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: var(--text-muted)
}

.charLimitIndicatorError-2iWOlv {
    color: #ed4245
}

.maskWrapper-2_0AwT {
    -webkit-filter: drop-shadow(0 8px 16px rgba(0,0,0,.2));
    filter: drop-shadow(0 8px 16px rgba(0,0,0,.2));
    display: block
}

.container-3oTKNK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 100%
}

.gradientBackground-2vX41f {
    background: linear-gradient(45deg,#40c1a2,#4697c4)
}

.textContainerOverlay-RJCnSe {
    width: 50%
}

.textContainer-6EiDMZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.date-2zO_4b {
    font-size: 12px;
    line-height: 16px;
    opacity: .8
}

.date-2zO_4b,.title-3vavBe {
    color: #fff;
    margin-bottom: 8px
}

.title-3vavBe {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
}

.serverName-3y2KHI {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    opacity: .8
}

.imageContainer-r6oCfK {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    background-color: var(--background-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-size: cover
}

.guildIconBottomRight-1Az5VC {
    margin: 4px;
    border-radius: 8px
}

.guildIconEmptyState-2oSBA3 {
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.2);
    box-shadow: 0 8px 16px rgba(0,0,0,.2)
}

.circles-m-et_L {
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.circlesContainer-2UWHLU {
    height: 100%;
    width: 50%;
    overflow: hidden
}

.circlesOverlay-2dCvye {
    background-color: hsla(0,0%,100%,.15);
    margin-left: -20px;
    margin-top: -20px
}

.confButton-1ctd5S,.ticketCard-3ZQDle {
    margin-top: 32px
}

.confButton-1ctd5S {
    margin-bottom: 32px;
    min-width: 70px
}

.title-1W5go0 {
    margin-top: 32px;
    font-weight: 600
}

.subtitle-3Fy4uA,.title-1W5go0 {
    text-align: center
}

.subtitle-3Fy4uA {
    margin-top: 8px;
    line-height: 20px
}

.confirmationModal-3U3hdI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-13Jtkl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.activeTicketPriceContainer-1Ks9Lm {
    background: -webkit-gradient(linear,left top,right top,from(#40c1a2),to(#4697c4));
    background: linear-gradient(90deg,#40c1a2,#4697c4)
}

.purchaseTicketPriceContainer-r6097Z {
    background: var(--background-accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.soldOutText-1FkiSI {
    color: var(--text-muted);
    text-transform: uppercase;
    font-weight: 500
}

.activeTicketPriceContainer-1Ks9Lm,.outlineContainer-2PjfJx,.purchaseTicketPriceContainer-r6097Z {
    margin-left: 8px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 8px
}

.outlineContainer-2PjfJx {
    border: 1px solid var(--text-muted)
}

.ticketPrice-4nRwvK {
    font-weight: 500;
    color: #fff
}

.date-VA5H0t {
    font-weight: 500;
    text-transform: uppercase
}

.checkmark-3eomZV {
    color: var(--interactive-active)
}

.container-3FEABE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guildName-3s-Up4 {
    margin-left: 8px
}

.guildIcon-3bDKJm {
    border-radius: 4px
}

.container-2S1Uh6 {
    background-color: var(--background-tertiary)
}

.titleContainer-CGQzew {
    margin-top: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-item-align: normal;
    align-self: normal
}

.divider-10HqKo,.titleContainer-CGQzew {
    margin-bottom: 16px
}

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

.eventImage-vM1EK3 {
    width: 88px;
    height: 88px;
    border-radius: 8px
}

.headerDetail-3s4kXD {
    margin-left: 16px
}

.closeButton-1XScwl {
    position: absolute;
    right: 12px;
    top: 12px;
    color: #fff;
    opacity: .8
}

.closeButton-1XScwl:hover {
    opacity: 1
}

.title-Vc4fll {
    font-weight: 500
}

.guildInfo-1lkNIL,.title-Vc4fll {
    margin-top: 8px
}

.eventDateContainer-1lcib6 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.guildIconContainer-2n_YUS,.guildIconInnerCircle-25A7Pv,.guildIconOuterCircle-Eyil-u {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.guildIconContainer-2n_YUS {
    width: 88px;
    height: 88px;
    border-radius: 8px;
    background-color: hsla(0,0%,100%,.1)
}

.theme-light .guildIconContainer-2n_YUS {
    background-color: rgba(0,0,0,.1)
}

.guildIconInnerCircle-25A7Pv {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    background-color: hsla(0,0%,100%,.4)
}

.guildIconOuterCircle-Eyil-u {
    width: 72px;
    height: 72px;
    border-radius: 36px;
    background-color: hsla(0,0%,100%,.2)
}

.invoice-D33brE {
    margin-top: 8px
}

.bodyContentWrapper-1eqfX-,.reviewBodyHeader-1-TFNS {
    margin-top: 16px
}

.paymentSourceDropdown-ndYLoA {
    margin-top: 8px;
    margin-bottom: 16px
}

.modal-2MVslt.modal-2MVslt {
    background-color: var(--background-primary)
}

.modalContentForm-2HdsqL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.container-1zIh5b {
    height: 88px;
    width: 88px;
    border-radius: 8px;
    position: relative
}

.container-1zIh5b,.innerContainer-v408KG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.innerContainer-v408KG {
    height: 56px;
    width: 56px;
    background-color: hsla(0,0%,100%,.32);
    border-radius: 50%
}

.outerContainer-f2YWxd {
    height: 56px;
    width: 56px;
    border: 8px solid hsla(0,0%,100%,.16);
    border-radius: 50%
}

.guildIcon-3-9C1R {
    border-radius: 0
}

.border-f4g_1z {
    height: 36px;
    width: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #fff;
    border-radius: 8px;
    contain: content;
    overflow: hidden
}

.speakerContainer-3Pc8T5 {
    height: 80px;
    width: 80px;
    position: absolute
}

.speaker-2ccgwP {
    position: absolute;
    border: 2px solid #fff
}

.firstSpeaker-3wmgPS {
    top: 12px;
    left: 12px
}

.secondSpeaker-2ykxBJ {
    right: 12px;
    bottom: 12px
}

.container-2Z9J60 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 16px;
    padding-left: 8px;
    padding-right: 8px
}

.description-dLje9H,.header-2UtMoF {
    text-align: center
}

.header-2UtMoF {
    margin-top: 24px;
    font-weight: 700
}

.description-dLje9H {
    margin-top: 8px
}

.container-2NeAUh {
    margin: 8px;
    width: 262px;
    height: 345px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px
}

.container-2NeAUh,.contentContainer-iQzJYL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.contentContainer-iQzJYL {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 12px 16px 16px
}

.theme-dark .container-2NeAUh {
    background-color: var(--background-secondary)
}

.theme-light .container-2NeAUh {
    background-color: var(--background-primary);
    border: 1px solid var(--background-modifier-accent);
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.08);
    box-shadow: 0 4px 4px rgba(0,0,0,.08)
}

.eventDate-1fCnV9 {
    font-weight: 500;
    text-transform: uppercase
}

.liveTag-2Rlaoh,.liveTagContainer-3Fo8kB {
    display: inline
}

.liveTag-2Rlaoh {
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 4px
}

.liveTagDot-17RpWy {
    display: inline-block;
    height: 8px;
    width: 8px;
    background-color: #3ba55c;
    border-radius: 50%
}

.divider-ZgCBKj {
    margin-top: 12px
}

.speakerCount-2ygF_o {
    margin-top: 36px
}

.rsvpCount-1bPYze {
    margin-top: 8px
}

.eventImageContainer-2E9GiD {
    margin-top: 12px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.eventImage-35U21u {
    width: 88px;
    height: 88px;
    border-radius: 8px
}

.overflowMenu-3Yigz8 {
    width: 100%;
    justify-self: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    justify-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    pointer-events: all
}

.overflowMenuIcon-2P25xb {
    color: #b9bbbe
}

.eventDescription-haTe7m,.eventName-30Epfw {
    overflow: hidden;
    text-overflow: ellipsis
}

.eventName-30Epfw {
    max-height: 40px;
    font-weight: 600;
    margin-top: 16px
}

.eventDescription-haTe7m {
    max-height: 72px;
    font-weight: 500;
    margin-top: 8px
}

.loadingIndicatorContainer-kV-Uuf {
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.85);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2
}

.loadingIndicatorText-1xsYg3 {
    margin-top: 32px;
    font-weight: 700;
    color: #fff
}

.buttonContainer-m-pTLM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 16px
}

.button-2TNpU0 {
    padding-left: 0;
    padding-right: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px
}

.button-2TNpU0:first-child {
    margin-left: 0
}

.wrappedButton-pYC7DI {
    width: 100%
}

.disabledOutlinedButton-1znJqk {
    color: var(--background-accent)
}

.buttonCheckmarkContainer-DKI2yX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--interactive-normal)
}

.buttonCheckmark-29anxP {
    margin-left: 4px
}

.container-2vijaa {
    width: 100%;
    background-color: var(--background-primary);
    padding-top: 8px;
    padding-bottom: 8px
}

.container-2vijaa,.listContainer-1LtMhw {
    height: 100%
}

.row-3wEdgL {
    padding: 0 8px;
    height: 361px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.spinner-v67eOZ {
    margin-top: 20px
}

.sectionName-1dT-KH {
    padding: 16px;
    font-weight: 700
}

.divider-4kT-RI {
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px
}

.emptyStateTitle-F9YlR8 {
    margin-top: 16px;
    font-weight: 600;
    color: var(--header-primary)
}

.emptyStateSubTitle-1FYw5E {
    margin-top: 8px;
    color: var(--header-secondary);
    white-space: pre;
    text-align: center
}

.emptyStateButton-j2yyB3 {
    margin-top: 16px
}

.emptyStateContainer-S9TUc9 {
    max-width: 100%
}

.container-1n4bMv {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-1n4bMv,.headerBarContainer-94CAYW {
    background-color: var(--background-primary)
}

.headerBarContainer-94CAYW {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2)
}

.spinnerContainer-1eMgYJ {
    background-color: var(--background-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapper-1vl07G {
    padding: 16px 240px 16px 70px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    margin: 0;
    height: 90px
}

.content-xg2sa4,.wrapper-1vl07G {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subHeader-2Z2O3W {
    margin-top: 8px
}

.image-13pySt {
    height: 110px;
    margin-left: -10px;
    margin-right: 16px;
    margin-bottom: 16px
}

.buttonContainer-2bppvf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.button-1MWE0_ {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px
}

@media (max-width: 1000px) {
    .image-13pySt {
        display:none
    }

    .wrapper-1vl07G {
        padding: 16px 70px
    }
}

@media (max-width: 550px) {
    .subHeader-2Z2O3W {
        display:none
    }
}

.theme-dark .wrapper-1vl07G {
    background-color: rgba(4,4,5,.8);
    color: #b9bbbe
}

.theme-dark .header-jCWbCG {
    color: #f6f6f7
}

.theme-light .wrapper-1vl07G {
    background-color: rgba(246,246,247,.8);
    color: #4f545c
}

.theme-light .header-jCWbCG {
    color: #2e3338
}

.modal-3SaIF0 {
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-top: 16px;
    width: calc(100% - 20px);
    height: calc(100% - 32px);
    border-radius: 8px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

@media (min-width: 600px) {
    .modal-3SaIF0 {
        margin-top:32px;
        max-width: 780px;
        width: calc(100% - 80px);
        height: calc(100% - 64px);
        max-height: 800px;
        margin-right: 22px
    }
}

.header-2BX45q {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.closeButton-3sommQ {
    position: absolute;
    top: 6px;
    right: 0;
    z-index: 1;
    width: 32px;
    height: 32px;
    color: var(--interactive-normal);
    cursor: pointer
}

.closeButton-3sommQ:hover {
    color: var(--interactive-hover)
}

.closeButton-3sommQ:active {
    color: var(--interactive-active)
}

.updateBadge-3EKJEV {
    display: none;
    position: absolute;
    top: -19px;
    left: -44px;
    width: 88px;
    height: 88px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    background: url(../../assets/2da087637693ad611a1ac582115eea91.html)
}

@media (min-width: 600px) {
    .updateBadge-3EKJEV {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.updateBadgeText-f1PbSt {
    color: #000;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.content-RXzE-X {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 32px;
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px
}

.content-RXzE-X .emoji {
    -o-object-fit: contain;
    object-fit: contain;
    width: 22px;
    height: 22px
}

.content-RXzE-X h1 {
    margin-top: 32px;
    line-height: 30px;
    font-size: 24px;
    color: var(--header-primary)
}

.content-RXzE-X h1,.content-RXzE-X h2,.content-RXzE-X strong {
    font-weight: 700;
    color: var(--header-primary)
}

.content-RXzE-X h4 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 32px;
    color: var(--header-primary)
}

.content-RXzE-X em,.content-RXzE-X h4,.content-RXzE-X i {
    font-style: italic
}

.content-RXzE-X p+p {
    margin-top: 10px
}

.content-RXzE-X ol {
    margin: 16px 0 16px 16px
}

.content-RXzE-X ol li {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    list-style-type: decimal;
    margin-bottom: 8px;
    margin-left: 20px
}

.content-RXzE-X ul {
    margin: 20px 0 8px 20px
}

.content-RXzE-X ul ul {
    margin-top: 8px
}

.content-RXzE-X ul li {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    position: relative;
    list-style: none;
    margin-bottom: 8px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.content-RXzE-X ul li:last-child {
    margin-bottom: 0
}

.content-RXzE-X ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -15px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    margin-left: -3px;
    border-radius: 50%;
    opacity: .3
}

.content-RXzE-X ul li li:before {
    top: 12px;
    height: 2px;
    border-radius: 0
}

.content-RXzE-X img {
    width: 100%
}

.content-RXzE-X a {
    color: var(--text-link);
    -webkit-transition: .05s;
    transition: .05s;
    text-decoration: none
}

.content-RXzE-X a:hover {
    text-decoration: underline
}

.content-RXzE-X::-webkit-scrollbar-track-piece:start {
    margin-top: 6px
}

.content-RXzE-X::-webkit-scrollbar-track-piece:end {
    margin-bottom: 6px
}

@media (min-width: 600px) {
    .content-RXzE-X {
        padding:32px
    }
}

.theme-dark .modal-3SaIF0 {
    background-color: #2e3338
}

.theme-dark .content-RXzE-X ul li:before {
    background-color: #e3e5e8
}

.theme-light .content-RXzE-X ul li:before {
    background-color: #72767d
}

.container-3icKsq p>img,.image-17cWYY {
    border-radius: 5px
}

.video-3XTjG6 {
    margin: -40px auto 24px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.header-2DNSXx,.video-3XTjG6,.video-3XTjG6>a,.video-3XTjG6>iframe {
    border-radius: 8px
}

.header-2DNSXx {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width: 768px) {
    .header-2DNSXx {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.headerGraphic-2iKD27 {
    min-width: 650px;
    width: 100%
}

.headerGraphic-2iKD27:after {
    background: url(../../assets/f3406f9daf47b7e260971de90b01edbb.html) 50%/contain no-repeat;
    content: "";
    display: block;
    height: 0;
    padding-bottom: 33.43465%
}

.headerContent-2ePP2Q {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.headerText-ZVZ4bX {
    font-weight: 700
}

.dateText-DM8xBj,.headerText-ZVZ4bX {
    color: #fff;
    position: relative
}

.dateText-DM8xBj {
    margin-top: 2px;
    font-style: italic
}

.headerLeftImage-3O0NaS {
    left: 0;
    background: url(../../assets/df8ac223535f4aaca900e0dfd4c06516.html) 50%/contain no-repeat;
    border-bottom-left-radius: 8px
}

.headerLeftImage-3O0NaS,.headerRightImage-2PAuBe {
    position: absolute;
    bottom: 0;
    width: 180px;
    height: 220px
}

.headerRightImage-2PAuBe {
    right: 0;
    background: url(../../assets/7257dc66059fff2be1bc43c379edefda.html) 50%/contain no-repeat;
    border-bottom-right-radius: 8px
}

.footer-1lnhms {
    background: var(--background-floating) url(../../assets/6812ba2237fb14b9fe6eb53134874f5c.html) no-repeat bottom/343px 78px;
    margin: 32px 16px 16px;
    padding: 16px 16px 142px;
    border-radius: 9px;
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.1);
    box-shadow: 0 8px 16px rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media (min-width: 768px) {
    .footer-1lnhms {
        background:var(--background-floating) url(../../assets/ef3f462cc3c68b5b86ae1c296799370f.html) no-repeat 100% 100%/238px 220px;
        min-height: 208px;
        margin: 32px 28px 16px;
        padding: 16px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left
    }
}

.footerCTAFallbackText-3fRBqA,.footerCTAFallbackText-3fRBqA a {
    color: var(--text-normal)
}

a.ctaAnchor-3-8I3v:hover {
    text-decoration: none
}

.copyButton-IOQPbV .ctaAnchor-3-8I3v {
    color: #fff
}

.inviteCTAHeader-2FN3Cg {
    font-weight: 700;
    color: var(--header-primary)
}

@media (min-width: 768px) {
    .inviteCTAHeader-2FN3Cg {
        max-width:320px
    }
}

.inviteCTABody-aBkXvh {
    margin-top: 8px;
    margin-bottom: 16px;
    max-width: 296px;
    color: var(--text-normal)
}

@media (min-width: 768px) {
    .inviteCTABody-aBkXvh {
        max-width:320px
    }
}

.body-2hl0pA {
    margin: 0 16px
}

@media (min-width: 600px) {
    .body-2hl0pA {
        margin:0 28px
    }
}

.urlToCopy-2HOnvi {
    margin-top: 8px
}

.modal-3O0aXp {
    font-size: 13px;
    white-space: pre-wrap;
    word-wrap: break-word;
    width: 490px;
    max-height: 800px
}

.content-s2SEQO {
    font-size: 16px;
    line-height: 20px
}

.content-s2SEQO .emoji {
    -o-object-fit: contain;
    object-fit: contain;
    width: 22px;
    height: 22px
}

.content-s2SEQO h1 {
    line-height: 20px;
    font-size: 16px
}

.content-s2SEQO h1,.content-s2SEQO h2,.content-s2SEQO strong {
    font-weight: 700
}

.content-s2SEQO em,.content-s2SEQO i {
    font-style: italic
}

.content-s2SEQO p+p {
    margin-top: 10px
}

.content-s2SEQO ol {
    margin: 16px 0 16px 16px
}

.content-s2SEQO ol li {
    list-style-type: decimal;
    margin-bottom: 8px;
    margin-left: 20px
}

.content-s2SEQO ul {
    margin: 20px 0 8px 20px
}

.content-s2SEQO ul ul {
    margin-top: 8px
}

.content-s2SEQO ul li {
    position: relative;
    list-style: none;
    margin-bottom: 8px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.content-s2SEQO ul li:last-child {
    margin-bottom: 0
}

.content-s2SEQO ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -15px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    margin-left: -3px;
    border-radius: 50%;
    opacity: .3
}

.content-s2SEQO ul li li:before {
    top: 12px;
    height: 2px;
    border-radius: 0
}

.content-s2SEQO img {
    width: 100%
}

.content-s2SEQO a {
    color: #00b0f4;
    -webkit-transition: .05s;
    transition: .05s;
    text-decoration: none
}

.content-s2SEQO a:hover {
    text-decoration: underline
}

.theme-dark .content-s2SEQO ol,.theme-dark .content-s2SEQO p,.theme-dark .content-s2SEQO ul li {
    color: #b9bbbe
}

.theme-dark .content-s2SEQO ul li:before {
    background-color: #dcddde
}

.theme-light .content-s2SEQO ol,.theme-light .content-s2SEQO p,.theme-light .content-s2SEQO ul li {
    color: #72767d
}

.theme-light .content-s2SEQO ul li:before {
    background-color: #72767d
}

.video-1FESK- {
    border-radius: 3px
}

.container-1_ClKi {
    padding-bottom: 20px
}

.container-1_ClKi p>img,.image-2WjK2f {
    border-radius: 5px
}

.title-18Xx5z {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase
}

.lead-EXTwq7 {
    margin-bottom: 20px;
    border-radius: 5px
}

.added-2hLRj3,.fixed-3zCC84,.improved-1NJK-y,.progress-YsDrV- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

.added-2hLRj3.marginTop-2incQ6,.fixed-3zCC84.marginTop-2incQ6,.improved-1NJK-y.marginTop-2incQ6,.progress-YsDrV-.marginTop-2incQ6 {
    margin-top: 20px
}

.added-2hLRj3:after,.fixed-3zCC84:after,.improved-1NJK-y:after,.progress-YsDrV-:after {
    content: "";
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 4px;
    opacity: .6
}

.added-2hLRj3 {
    color: var(--text-positive)
}

.added-2hLRj3:after {
    background-color: var(--info-positive-foreground)
}

.fixed-3zCC84 {
    color: #ed4245
}

.fixed-3zCC84:after {
    background-color: #ed4245
}

.progress-YsDrV- {
    color: var(--text-warning)
}

.progress-YsDrV-:after {
    background-color: var(--info-warning-foreground)
}

.improved-1NJK-y {
    color: #7289da
}

.improved-1NJK-y:after {
    background-color: #7289da
}

.footer-SqIiQ_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.socialLink-3n2n25 {
    margin-right: 16px
}

.premiumBanner-rP6H1S {
    background-image: -webkit-gradient(linear,right top,left top,from(#b3aeff),to(#738ef5));
    background-image: linear-gradient(270deg,#b3aeff,#738ef5);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    font-size: 16px;
    line-height: 18px;
    padding: 16px
}

.premiumBanner-rP6H1S .premiumIcon-2tjl0P {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    width: 36px;
    height: 36px
}

.theme-dark .date-1k6kG2 {
    color: #b9bbbe
}

.theme-dark .video-1FESK- {
    -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 .socialLink-3n2n25 {
    color: #b9bbbe
}

.theme-dark .improved-1NJK-y {
    color: #a5b3e7
}

.theme-dark .improved-1NJK-y:after {
    background-color: #a5b3e7
}

.theme-light .date-1k6kG2 {
    color: #72767d
}

.theme-light .video-1FESK- {
    -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 .socialLink-3n2n25 {
    color: #4f5660
}

.searchIndexAnimation-UMrQlU {
    position: relative;
    width: 320px;
    height: 280px
}

.searchIndexBackground-HQa_J9,.searchIndexForeground-2JZI-e {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.background-3L9vjg,.magnifyingGlass-2UrCit,.mask-2MEvVp {
    -webkit-transform-origin: center;
    transform-origin: center
}

.mask-2MEvVp {
    width: 80px;
    height: 80px
}

.theme-light .searchIndexBackground-HQa_J9 {
    background-image: url(../../assets/f9b7cc1482468c130d968400ba20f598.html)
}

.theme-dark .searchIndexBackground-HQa_J9 {
    background-image: url(../../assets/e695cb4a18202a6053674a346e6ba4c2.html)
}

.searchHeader-2XoQg7 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 56px;
    padding: 16px;
    position: relative;
    z-index: 2
}

.helpdeskLink-3VCFM5 {
    color: var(--interactive-normal)
}

.helpdeskLink-3VCFM5:hover {
    color: var(--interactive-hover);
    text-decoration: underline
}

.totalResults--dyAxF,.totalResultsWrapper-1nPIgl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.totalResults--dyAxF {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 600;
    padding-right: 1px
}

.spinnerWrapper-3hIs5I {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    height: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 8px;
    stroke: var(--text-normal);
    width: 16px
}

.spinner-1E004m {
    height: 100%;
    width: 100%
}

.spinnerPath-2gCaLq {
    stroke: var(--text-normal)
}

.tab-2j5AEF {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--interactive-normal);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500;
    height: 24px;
    margin-right: 8px;
    padding: 0 8px;
    text-align: center
}

.tab-2j5AEF:hover {
    background-color: var(--background-modifier-hover)
}

.tab-2j5AEF:active,.tab-2j5AEF:hover {
    color: var(--interactive-active)
}

.tab-2j5AEF:active {
    background-color: var(--background-modifier-active)
}

.tab-2j5AEF.selected-2LAck8 {
    background-color: var(--background-modifier-selected);
    color: var(--interactive-active)
}

.tab-2j5AEF:last-of-type {
    margin-right: 0
}

.theme-dark .tab-2j5AEF.selected-2LAck8 {
    background-color: var(--background-accent)
}

.container-NdaZbY {
    color: var(--header-primary)
}

.container-2j2llN {
    position: relative
}

.searchResult-9tQ1uo {
    background-color: var(--background-primary);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 8px;
    overflow: hidden
}

.message-1Ng5AR {
    padding: 6px 0
}

.buttonsContainer-7PA8hy {
    display: none;
    position: absolute;
    right: 8px;
    top: 8px
}

.container-2j2llN:focus-within .buttonsContainer-7PA8hy,.container-2j2llN:hover .buttonsContainer-7PA8hy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.button-11zvza {
    background-color: var(--background-tertiary);
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--header-secondary);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    line-height: 16px;
    margin-left: 6px;
    padding: 4px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.button-11zvza:hover {
    color: var(--interactive-hover)
}

.button-11zvza:active {
    color: var(--interactive-active);
    -webkit-transform: translate3d(0,1px,0);
    transform: translate3d(0,1px,0)
}

.searchResultGroup-1DphGG {
    margin-bottom: 24px
}

.channelName-1JRO3C {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--background-secondary);
    color: var(--header-primary);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.channelName-1JRO3C:hover {
    text-decoration: underline
}

.channelNameIcon-27Cx1g {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 4px
}

.resultsBlocked-3a77lQ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary-alt);
    border-radius: 3px;
    border: 1px solid var(--background-tertiary);
    color: var(--text-muted);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 6px 18px
}

.resultsBlocked-3a77lQ:hover {
    color: var(--text-normal)
}

.resultsBlockedImage-2aDVMx {
    height: 32px;
    margin-right: 20px;
    width: 32px
}

.theme-dark .resultsBlockedImage-2aDVMx {
    background-image: url(../../assets/7490848d1fcddf075abeb71e2d1aaff3.html)
}

.theme-light .resultsBlockedImage-2aDVMx {
    background-image: url(../../assets/5394ee87ee70ed19baa541daa689210c.html)
}

.searchResultsWrap-3-pOjs {
    width: 418px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background-color: var(--background-secondary)
}

.scroller-3GIiMh {
    padding: 16px 16px 0
}

.emptyResultsWrap-G931-Q {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text-normal)
}

.emptyResultsContent-3ez0g8 {
    margin: auto;
    position: relative;
    padding-bottom: 40px
}

.emptyResultsText-3mouZA {
    margin: 40px auto 0;
    font-size: 16px;
    font-weight: 500
}

.stillIndexing-K2usQX {
    width: 300px
}

.errorImage-12Q43V,.noResultsImage-3Y0eCI {
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.errorMessage-3TqJbP {
    width: 300px
}

.noResults-sW1yWR {
    width: 280px
}

.noResults-sW1yWR.alt-3EpRdH {
    width: 200px
}

.theme-dark .noResultsImage-3Y0eCI {
    background-image: url(../../assets/af4424ffab53593f696947192ff1854a.html)
}

.theme-dark .noResultsImage-3Y0eCI.alt-3EpRdH {
    background-image: url(../../assets/f0a2cc54695a7064a1f02e5ca8b95ccc.html)
}

.theme-dark .errorImage-12Q43V {
    background-image: url(../../assets/29462d0b6c33d2ed874aa982f6f99326.html)
}

.theme-light .noResultsImage-3Y0eCI {
    background-image: url(../../assets/3e0be9639d8d4f7fee2266ec79a9af90.html)
}

.theme-light .noResultsImage-3Y0eCI.alt-3EpRdH {
    background-image: url(../../assets/53a5882c841b71e9786d6f84c21f8018.html)
}

.theme-light .errorImage-12Q43V {
    background: url(../../assets/a96ad48450382ff5df965439222d1459.html)
}

.background-1vAsyP {
    padding: 12px;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 50%;
    background-color: var(--background-tertiary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.foreground-2XBsBU {
    color: var(--interactive-normal)
}

.container-1EOCj2 {
    width: 320px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: var(--background-primary)
}

.container-1EOCj2,.headerContainer-3Dbfbk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.headerContainer-3Dbfbk {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    color: var(--header-primary)
}

.headerTitle-34m7pK {
    margin-left: 12px;
    font-weight: 600
}

.headerClose-3ppwtq {
    margin-left: auto;
    cursor: pointer;
    color: var(--interactive-normal)
}

.headerClose-3ppwtq:hover {
    color: var(--interactive-hover)
}

.headerClose-3ppwtq:active {
    color: var(--interactive-active)
}

.contentContainer-3uyIT3 {
    padding-left: 16px;
    padding-right: 16px
}

.selfSpeakerContainer-qt7ckS {
    padding-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: var(--interactive-normal)
}

.selfSpeakerContainer-qt7ckS:hover {
    color: var(--interactive-hover)
}

.selfSpeakerContainer-qt7ckS:active {
    color: var(--interactive-active)
}

.buttonContainer-38-Et1 {
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-secondary);
    border-radius: 50%;
    color: var(--interactive-normal)
}

.buttonContainer-38-Et1:hover {
    background-color: var(--background-tertiary);
    color: var(--interactive-hover)
}

.buttonContainer-38-Et1:active {
    background-color: var(--background-tertiary);
    color: var(--interactive-active)
}

.buttonMargin-3w-apA {
    margin-left: 16px
}

.selfSpeakerButton-2ZvK-g {
    background-color: var(--background-tertiary)
}

.selfSpeakerText-3QjNKH {
    margin-left: 12px
}

.listTitle-3x9PAq {
    padding-top: 24px;
    font-weight: 700;
    text-transform: uppercase
}

.participantRowContainer-2LfSyI {
    padding-top: 8px;
    height: 40px
}

.participantMemberContainer-3JuhCc,.participantRowContainer-2LfSyI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.participantMemberContainer-3JuhCc {
    margin-right: auto;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    cursor: pointer;
    overflow: hidden
}

.participantAvatar-2CxvNm {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.participantName-1SXKIB {
    margin-left: 16px;
    margin-right: 8px;
    color: var(--header-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.emptyStateContainer-ExQMn0 {
    padding-top: 32px;
    padding-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.emptyStateTitle-3RFcC1 {
    margin-top: 16px;
    font-weight: 600
}

.emptyStateBody-2qGLUo {
    margin-top: 8px
}

.toggle-3djVTx {
    padding-top: 20px;
    margin-bottom: 0
}

.participants-1e7HCI {
    color: var(--interactive-normal);
    padding-left: 0
}

.icon-1FO5mc {
    margin-left: 0
}

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

.tileContainer-BaRAZF {
    width: 102px;
    height: 98px;
    margin: auto;
    display: inline-block;
    border-radius: 8px;
    cursor: pointer
}

.tileContainer-BaRAZF:hover {
    background-color: var(--background-tertiary)
}

.textContainer-3dhW-4 {
    padding: 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-3u7cAV {
    margin: 8px auto
}

.avatar-3u7cAV.faded-br_yZz {
    opacity: .5
}

.text-2wY55Y {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

.singleIcon-1YgZ-K .text-2wY55Y {
    max-width: calc(100% - 16px)
}

.doubleIcon-13cAl6 .text-2wY55Y {
    max-width: calc(100% - 32px)
}

.boost-3TdRZp {
    margin-left: 4px;
    width: 10px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top
}

.blockedIcon-2tOKiw {
    margin-right: 2px
}

.blockedIcon-2tOKiw,.icon-3z8ito {
    width: 12px;
    height: 12px
}

.icon-3z8ito {
    background-clip: padding-box;
    border-radius: 50%;
    padding: 2px;
    color: var(--background-floating);
    background-color: var(--header-primary);
    position: absolute;
    right: 0;
    top: 0
}

.icon-3z8ito.invited-2iN9W3 {
    color: var(--header-primary);
    background-color: #3ba55c
}

.participants-soO0aD {
    height: 98px;
    background-color: var(--background-floating)
}

.roleContainer-8-Ld9g {
    padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px
}

.roleName-rabVQI {
    font-weight: 600;
    text-transform: uppercase
}

.roleFlare-TnQbP8 {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 8px
}

.container-2t1JyW {
    padding-bottom: 16px;
    padding-top: 96px;
    background-color: var(--background-floating)
}

.title-2eOBcL {
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.subtitle-1ydIDA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dotSeparator-3gmT-O {
    margin: 0 8px;
    height: 4px;
    width: 4px;
    background-color: var(--background-accent);
    border-radius: 50%
}

.icon-3QjGWS {
    margin-right: 4px
}

.iconAfterText-3Hl9dX {
    margin: auto 4px auto 8px
}

.scrollerBase-1X4git {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.auto-3V-QBl {
    scrollbar-width: auto
}

.auto-3V-QBl,.auto-3V-QBl.fade-3w7yAZ:hover {
    scrollbar-color: var(--background-floating) var(--background-modifier-accent)
}

.auto-3V-QBl::-webkit-scrollbar {
    width: 16px;
    height: 16px
}

.auto-3V-QBl::-webkit-scrollbar-track {
    background-color: var(--background-floating)
}

.auto-3V-QBl::-webkit-scrollbar-thumb,.auto-3V-QBl::-webkit-scrollbar-track {
    border: 4px solid var(--background-floating);
    background-clip: padding-box;
    border-radius: 8px
}

.auto-3V-QBl::-webkit-scrollbar-thumb {
    background-color: var(--background-modifier-accent);
    min-height: 40px
}

.auto-3V-QBl::-webkit-scrollbar-corner {
    background-color: var(--background-floating)
}

.fade-3w7yAZ {
    scrollbar-color: var(--background-floating) var(--background-modifier-accent)
}

.fade-3w7yAZ::-webkit-scrollbar-thumb,.fade-3w7yAZ::-webkit-scrollbar-track {
    visibility: hidden
}

.fade-3w7yAZ:hover::-webkit-scrollbar-thumb,.fade-3w7yAZ:hover::-webkit-scrollbar-track {
    visibility: visible
}

.container-1KVp62 {
    position: absolute;
    top: 8px;
    right: 8px
}

.tile-2Q7yR_ {
    height: 100%
}

.outerContainer-1_YKxq {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.rowContainer-2tYerQ {
    margin-bottom: 8px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-floating)
}

.scroller-1SuHJo {
    padding-left: 16px;
    padding-right: 16px;
    background-color: var(--background-floating)
}

.grid-1Hwz9O,.scroller-1SuHJo {
    width: 100%;
    height: 100%
}

.grid-1Hwz9O {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 88px
}

.spacer-2ne1bb {
    padding-bottom: 200px
}

.divider-JMvf_l {
    margin-top: 23px;
    border-bottom: 1px solid var(--background-primary);
    width: 100%
}

.container-oZq3fb {
    width: 400px;
    border-radius: 12px;
    background-color: var(--background-secondary);
    cursor: pointer;
    padding: 16px;
    margin-bottom: 40px;
    position: absolute;
    bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-oZq3fb:hover {
    background-color: var(--background-primary)
}

.title-1TBybU {
    color: var(--header-primary)
}

.textContainer-1u8lqv {
    margin-left: 16px
}

.rightIcon-2hfqn2 {
    margin-left: auto;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.greenIcon-1ZeVJZ {
    height: 100%;
    padding-bottom: 6px
}

.containerColumn-1Wj-gZ {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-2j8dvG,.containerColumn-1Wj-gZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-2j8dvG {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.audienceButton-M5mD1c,.makeMeASpeakerButton-2_Cz3b {
    height: 56px;
    width: 56px;
    border-radius: 50%;
    background-color: var(--background-tertiary)
}

.audienceButton-M5mD1c {
    margin-right: 16px
}

.requestToSpeakIcon-1BjGfe {
    grid-area: icon;
    margin: auto
}

.slash-3wynFg {
    color: #ed4245
}

.leaveQuietlyButton-1yMc0b {
    height: 56px;
    border-radius: 28px
}

.leaveQuietlyButtonInnerContainer-3RO33o {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.leaveQuietlyIcon-3W16Ig {
    margin-left: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.raiseHandButton-1TZpXJ {
    margin: 4px 4px 4px 16px
}

.raisedHandButtonIconActive-1_Aqtv {
    color: #fff;
    color: #36393f
}

.buttonSpacing-3apH88 {
    margin-left: 16px
}

.speakerRaiseHandButtonContainer-3VziUu {
    position: relative
}

.speakerRaiseHandButton-1-xsvS {
    position: static
}

.speakerRaiseHandBadge-kSmEho {
    padding: 0 4px;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 16px;
    border-radius: 8px;
    background-color: #ed4245;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.content-ZVP-cK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 32px
}

.bulletContainer-BgDh6e {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 24px
}

.bulletContainer-BgDh6e,.iconContainer-2aaq6z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iconContainer-2aaq6z {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-tertiary);
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.bulletIcon-3bl_jj {
    color: var(--header-primary);
    padding: 12px
}

.bulletText-2mfMVi {
    margin-left: 16px
}

.headerTitle-2xNrT- {
    text-align: center;
    margin-bottom: 24px
}

.button-2sIstc {
    margin-top: 8px;
    width: 100%
}

.icon-3iGRtr {
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.illustration-2Gd58g {
    width: 300px;
    margin: auto auto 24px
}

.red-C3U0Zq {
    color: #ed4245
}

.container-pTf0Ly {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.callContainer-3UuV6S,.container-pTf0Ly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    height: 100%;
    width: 100%;
    background-color: var(--background-floating)
}

.callContainer-3UuV6S {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.sidebarVisible-F3zEoe {
    margin-right: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden
}

.container-3RCQyg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-width: 0;
    border-bottom: 1px solid;
    border-color: var(--background-modifier-accent);
    padding-bottom: 16px;
    margin: 16px
}

.header-3uLluP {
    font-weight: 700;
    margin: 8px 0
}

.description-1sDbzZ {
    color: var(--header-secondary)
}

.emptyChannelIcon-cc932w {
    width: 68px;
    height: 68px;
    margin-top: 16px;
    border-radius: 50%;
    background-color: var(--background-accent);
    background-image: url(../../assets/a9847a74a2dac6e2b2958b195a8dad96.html);
    background-repeat: no-repeat;
    background-position: 50%
}

.emptyChannelIcon-cc932w.locked-1jf7pL {
    background-image: url(../../assets/5551facc96157d81da521c30c5859850.html)
}

.chat-1WUuAG {
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative
}

.chat-1WUuAG:before {
    content: "";
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    z-index: 1;
    pointer-events: none
}

.messagesWrapper-2liWqn {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    z-index: 0
}

.messagesWrapper-2liWqn,.scroller-3ozpb9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.scroller-3ozpb9 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 100%
}

.scrollerInner-k-72Fy {
    min-height: 0
}

.formSection-Kn7mNK {
    margin-top: 16px
}

.checkbox-3xinIW {
    color: var(--interactive-normal)
}

.checkbox-3xinIW:hover {
    color: var(--interactive-hover)
}

.checkbox-3xinIW:active {
    color: var(--interactive-active)
}

.chat-1WUuAG .select-Upjed1 {
    display: inline-grid;
    padding: 0 2px 0 4px;
    background-color: var(--background-tertiary);
    border: none
}

.chat-1WUuAG .select-Upjed1>svg {
    background-color: var(--background-primary);
    border-radius: 4px;
    height: 18px;
    margin-left: 8px;
    width: 18px
}

.scrollerSpacer-2rPyqs {
    display: block;
    height: 22px;
    width: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    pointer-events: none
}

.form-3uUEen {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 16px;
    padding-right: 16px
}

.channelTextArea-2ZBawt {
    margin-bottom: 24px;
    background-color: var(--background-primary)
}

.iconWrapper-L3hQuc {
    width: 64px;
    height: 64px;
    margin-top: 16px;
    border-radius: 50%;
    background-color: var(--background-accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-3kbkI0 {
    color: #fff;
    width: 32px;
    height: 32px
}

.subtitle-1pSyEh {
    margin-bottom: 2px
}

.threadCreatorName-2hRnz- {
    font-weight: 600
}

.autoArchiveDuration-3TU5Qi,.threadCreatorName-2hRnz- {
    color: var(--header-primary)
}

.textDivider-2fG1vS {
    display: inline-block;
    margin: 0 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--background-accent);
    vertical-align: middle
}

.subHeader-27gFHC {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase
}

.preview-yX6Nx7 {
    border: 1px solid;
    pointer-events: none
}

.textArea-1ZhGKi {
}

.theme-dark .subHeader-27gFHC {
    color: #72767d
}

.theme-dark .preview-yX6Nx7 {
    border-color: #202225
}

.theme-light .subHeader-27gFHC {
    color: #72767d
}

.theme-light .preview-yX6Nx7 {
    border-color: #dcddde
}

.menu-1NyPgn {
    min-width: 200px;
    max-width: none
}

.optionLabel-gOA3fK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    font-size: 12px
}

.optionIcon-1HDcpY {
    width: 24px;
    height: 24px
}

.optionName-uM5yH- {
    margin-left: 8px
}

.attachWrapper-2TRKBi {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.attachButton-2WznTc,.attachWrapper-2TRKBi {
    position: -webkit-sticky;
    position: sticky
}

.attachButton-2WznTc {
    height: 44px;
    padding: 10px 16px;
    top: 0
}

.attachButtonInner-PQjIyk {
    height: 24px
}

.attachButtonPlus-jWVFah {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 24px;
    height: 24px;
    fill: var(--interactive-normal)
}

.attachButton-2WznTc:hover .attachButtonPlus-jWVFah {
    fill: var(--interactive-hover)
}

.attachButtonPlay-3iJ0mf {
    color: #3ba55c
}

.attachPopout-36hjtN {
    border-radius: 8px;
    min-width: 200px;
    padding: 8px;
    font-size: 0.75rem;
    font-weight: 500;
    background-color: var(--background-floating);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.attachPopoutRow-3iqqu1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    color: var(--interactive-normal)
}

.attachPopoutRow-3iqqu1:hover {
    color: var(--interactive-hover);
    background-color: var(--background-modifier-hover)
}

.attachPopoutRowText-2R5RC2 {
    margin-left: 8px
}

.attachPopoutIcon-1QXhWW {
    width: 24px;
    height: 24px
}

.uploadInput-1XtQef {
    position: relative;
    width: 0;
    height: 0;
    pointer-events: none
}

.wrapper-1F5TKx {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    word-wrap: break-word;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 1rem;
    background-color: var(--background-primary);
    contain: paint layout;
    overflow: hidden
}

.compact-3Dy1Ya.wrapper-1F5TKx {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.cozy-12kSNU.wrapper-1F5TKx {
    padding-left: 4.5rem
}

.a11y-font-scaled-up .cozy-12kSNU.wrapper-1F5TKx {
    padding-left: 72px
}

.compact-3Dy1Ya .contents-1R-xLu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.375rem;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 5rem
}

.compact-3Dy1Ya .contents-1R-xLu .content-2LZomT {
    display: contents
}

.cozy-12kSNU .content-2LZomT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.375rem;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-indent: 0
}

.compact-3Dy1Ya .content-2LZomT {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    display: inline
}

.blob-2w7iIK {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 1rem;
    line-height: 1.375rem;
    vertical-align: middle;
    margin-top: .1875rem
}

.cozy-12kSNU .blob-2w7iIK {
    display: block
}

.hidden-3F3FRy {
    visibility: hidden
}

.compact-3Dy1Ya .blob-2w7iIK {
    display: inline-block
}

.cozy-12kSNU .header-1oLBbW {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.375rem;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.375rem
}

.compact-3Dy1Ya .header-1oLBbW {
    margin-right: .5rem
}

.attachmentContainer-2BK1nK {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.compact-3Dy1Ya .attachmentContainer-2BK1nK {
    margin-top: .25rem
}

.attachment-2p5mHK {
    margin-top: .125rem;
    height: 120px;
    width: 240px
}

.compact-3Dy1Ya .attachment-2p5mHK {
    margin-left: 5rem
}

.blob-2w7iIK+.blob-2w7iIK {
    margin-left: .25rem
}

.header-1oLBbW .blob-2w7iIK+.blob-2w7iIK {
    margin-left: .5rem
}

.blob-2w7iIK {
    border-radius: .5rem
}

.attachment-2p5mHK {
    border-radius: 6px
}

.attachment-2p5mHK,.avatar-2daVqv,.blob-2w7iIK {
    background-color: var(--text-normal)
}

.avatar-2daVqv {
    position: absolute;
    left: 1rem;
    top: .25rem;
    width: 2.5rem;
    height: 2.5rem;
    max-width: 40px;
    max-height: 40px;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.a11y-font-scaled-up .avatar-2daVqv {
    left: 16px;
    top: 4px
}

.compactTimestamp-1eheHm {
    margin-left: -4rem;
    margin-right: .25rem
}

.wrapper-3vR61M {
    background-color: var(--background-primary);
    contain: strict;
    overflow: hidden
}

.wrapper-3_530D {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 1fr;
    justify-items: center;
    padding: 4px 0 6px 2px
}

.button-F9qN4n,.wrapper-3_530D {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button-F9qN4n {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 4px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
    border-radius: 50%;
    background-color: var(--background-tertiary)
}

.button-F9qN4n:hover,.keyboard-mode .button-F9qN4n.focused-3ZzkKr {
    background-color: var(--background-secondary-alt)
}

.keyboard-mode .button-F9qN4n.focused-3ZzkKr {
    -webkit-box-shadow: 0 0 0 2px var(--focus-primary);
    box-shadow: 0 0 0 2px var(--focus-primary)
}

.icon-QGKz8T {
    width: 20px;
    height: 20px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.container-1If-HZ {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    width: 500px;
    height: 440px
}

.container-1If-HZ,.scroller-1-nKid {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.scroller-1-nKid {
    padding: 8px;
    width: 90px
}

.reactors-Blmlhw {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 410px
}

.reactionDefault-GBA58K,.reactionSelected-1pqISm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1px;
    border-radius: 2px;
    padding: 0 4px;
    overflow: hidden
}

.reactionDefault-GBA58K {
    cursor: pointer
}

.emoji-236_Ij {
    padding: 6px;
    width: 1rem;
    height: 1rem;
    min-width: auto;
    min-height: auto;
    vertical-align: middle;
    -o-object-fit: contain;
    object-fit: contain
}

.emojiText-271HfV {
    vertical-align: -3px;
    display: inline-block
}

.spinner-j8Y2Rh {
    width: 100%;
    height: 440px
}

.spinnerMore-3kGpfg {
    width: 100%;
    height: 44px
}

.reactor-3UBcOI {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 44px;
    margin-left: 10px;
    margin-right: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.reactorDefault-1IUqMZ,.reactorFinal-3Q2B0w {
}

.name-1ug6d4 {
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.nickname-miBZxb {
    line-height: 17px
}

.username-Af3M5Y {
    font-weight: 500
}

.tagFaded-WP86yt {
    padding-left: 6px;
    opacity: .6
}

.discriminator-byOsvi {
    font-size: 12px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.remove-3V-yj8 {
    cursor: pointer;
    display: none;
    font-size: 16px;
    opacity: .3;
    padding: 3px;
    border-radius: 3px
}

.remove-3V-yj8:hover {
    opacity: 1
}

.reactor-3UBcOI:hover .remove-3V-yj8 {
    display: inline-block
}

.theme-dark .container-1If-HZ,.theme-dark .reactors-Blmlhw {
    background-color: #36393f
}

.theme-dark .remove-3V-yj8 {
    color: #b9bbbe
}

.theme-dark .remove-3V-yj8:hover {
    background-color: rgba(185,187,190,.1)
}

.theme-dark .scroller-1-nKid {
    background: #2f3136
}

.theme-dark .reactionSelected-1pqISm {
    background-color: rgba(79,84,92,.3)
}

.theme-dark .reactionDefault-GBA58K:hover {
    background-color: rgba(79,84,92,.1)
}

.theme-dark .reactorDefault-1IUqMZ {
    -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-byOsvi {
    color: #72767d
}

.theme-light .container-1If-HZ,.theme-light .reactors-Blmlhw {
    background-color: #fff
}

.theme-light .remove-3V-yj8 {
    color: #72767d
}

.theme-light .remove-3V-yj8:hover {
    background-color: rgba(114,118,125,.1)
}

.theme-light .scroller-1-nKid {
    background: #f3f3f4
}

.theme-light .reactionSelected-1pqISm {
    background-color: #dcddde
}

.theme-light .reactionDefault-GBA58K:hover {
    background-color: rgba(220,221,222,.3)
}

.theme-light .reactorDefault-1IUqMZ {
    -webkit-box-shadow: inset 0 -1px 0 rgba(185,187,190,.3);
    box-shadow: inset 0 -1px 0 rgba(185,187,190,.3)
}

.theme-light .discriminator-byOsvi {
    color: #b9bbbe
}

.wrapper-2aW0bm {
    background-color: var(--background-primary);
    -webkit-box-shadow: var(--elevation-stroke);
    box-shadow: var(--elevation-stroke);
    display: grid;
    grid-auto-flow: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: -webkit-box-shadow .1s ease-out;
    transition: -webkit-box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out,-webkit-box-shadow .1s ease-out;
    position: relative;
    overflow: hidden
}

.full-motion .wrapper-2aW0bm:hover {
    -webkit-box-shadow: var(--elevation-stroke),var(--elevation-medium);
    box-shadow: var(--elevation-stroke),var(--elevation-medium)
}

.button-1ZiXG9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 24px;
    padding: 4px;
    min-width: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: var(--interactive-normal);
    cursor: pointer;
    position: relative
}

.button-1ZiXG9:hover {
    color: var(--interactive-hover);
    background-color: var(--background-modifier-hover)
}

.button-1ZiXG9:active {
    padding-top: 5px;
    padding-bottom: 3px;
    color: var(--interactive-active);
    background-color: var(--background-modifier-active)
}

.button-1ZiXG9.selected-LCBEAU {
    color: var(--interactive-active);
    background-color: var(--background-modifier-selected)
}

.separator-42rNt0 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 1px;
    margin: 0 4px;
    height: 100%;
    background-color: var(--background-modifier-accent)
}

.button-1ZiXG9.disabled-1RZyKz,.button-1ZiXG9.disabled-1RZyKz:active,.button-1ZiXG9.disabled-1RZyKz:hover {
    opacity: .5;
    padding: 4px;
    color: var(--interactive-normal);
    background-color: transparent;
    cursor: default
}

.button-1ZiXG9.dangerous-2r8KxV {
    color: #ed4245
}

.button-1ZiXG9.dangerous-2r8KxV:hover {
    color: #ee5154
}

.container-3npvBV {
    position: absolute;
    right: 0;
    z-index: 1;
    top: -25px;
    padding: 0 14px 0 32px
}

.isHeader-2dII4U {
    top: -16px
}

.icon-3Gkjwa {
    width: 20px;
    height: 20px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.popout-6p6fkZ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 240px;
    padding: 24px 16px;
    border-radius: 8px;
    overflow: hidden;
    line-height: 20px;
    text-align: center
}

.staffBadge-3NsEoM {
    background-image: url(../../assets/7cfd90c8062139e4804a1fa59f564731.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 8px;
    height: 8px
}

.nameWrapper-2D9_np {
    margin-top: 16px
}

.header-NC1A_A {
    margin-left: 8px
}

.description-1u26oc {
    margin-top: 8px
}

.avatar-Ylrxl9 {
    width: 100px;
    height: 100px;
    border-radius: 16px
}

.theme-dark .popout-6p6fkZ {
    background-color: #202225;
    -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-light .popout-6p6fkZ {
    background-color: #f8f9f9;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(185,187,190,.3);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(185,187,190,.3)
}

.operations-36ENbA {
    padding: 7px 0;
    font-size: 12px;
    font-weight: 400;
    text-indent: 0;
    color: var(--text-normal)
}

.operations-36ENbA>a {
    color: var(--text-link);
    -webkit-transition: .05s;
    transition: .05s;
    text-decoration: none;
    cursor: pointer
}

.operations-36ENbA>a:hover {
    text-decoration: underline
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .operations-36ENbA {
        font-weight:500
    }
}

.container--XcPWC {
    max-width: 350px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.tooltip-BPhxJN {
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    background-color: var(--background-floating);
    color: #dcddde;
    border-radius: 5px;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 12px;
    overflow-wrap: break-word
}

.tooltipPointer-lElcog {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 5px solid var(--background-floating);
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px
}

.clickable-3AL_3x {
    cursor: pointer
}

.mention-z5tRxB {
    background: none;
    padding: 0
}

.spinner-2_i11Y {
    width: 16px;
    height: 16px
}

.avatar-3z61ij {
    border-radius: 50%
}

.avatar-3z61ij,.avatarMask-2SqW1n {
    width: 24px;
    height: 24px
}

.avatarMask-2SqW1n {
    margin-right: -4px
}

.avatarContainer-3cVycu {
    margin-right: 8px
}

.avatarContainer-3cVycu,.container-1fnzfI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-1fnzfI {
    margin-top: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.divider-3yU4s2 {
    width: 4px;
    height: 4px;
    margin: 0 16px;
    border-radius: 50%;
    background-color: var(--background-accent)
}

.action-26D6fg {
    margin-right: 8px
}

.mutualGuilds-3ESEpu {
    cursor: pointer;
    color: var(--interactive-normal)
}

.mutualGuilds-3ESEpu:hover {
    color: var(--interactive-hover)
}

.mutualGuilds-3ESEpu:active {
    color: var(--interactive-active)
}

.role-1P70N6 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 16px;
    color: var(--interactive-active);
    background-color: var(--background-secondary-alt);
    border-radius: 4px
}

.roleColor-fHISxl {
    display: inline-block;
    height: 8px;
    width: 8px;
    margin-right: 4px;
    border-radius: 50%
}

.button-Y95Muf {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.role-3UN8jj:hover {
    background-color: var(--background-modifier-hover)
}

.removeRole-qIOFzq {
    margin-left: 6px
}

.removeRoleIcon-3cxu5j {
    fill: var(--interactive-normal);
    width: 6px;
    height: 6px
}

.role-3UN8jj:hover .removeRoleIcon-3cxu5j {
    fill: var(--interactive-hover)
}

.button-18p_f6 {
    color: var(--text-link);
    margin-right: 8px;
    padding: 6px;
    border-radius: 4px
}

.button-18p_f6:hover {
    background-color: var(--background-modifier-hover)
}

.buttonIcon-3PejT5 {
    margin-right: 6px
}

.popoutWrapper-2iuzmw {
    position: relative;
    left: -30px;
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 40vh
}

.scroller-12C_OJ {
    border-radius: 4px;
    padding: 8px 16px;
    background-color: var(--background-floating)
}

.avatars-1uE2Po {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.avatar-Nt40nT {
    margin-left: -2px;
    -webkit-mask: url(../../assets/c3101ba196157558e6bb60cdc66e13ad.html);
    mask: url(../../assets/c3101ba196157558e6bb60cdc66e13ad.html);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: alpha
}

.avatar-Nt40nT:first-child {
    margin-left: 0
}

.avatar-Nt40nT:last-child {
    -webkit-mask: none;
    mask: none
}

.overflow-zcSaC_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    font-size: 12px;
    line-height: 16px;
    width: auto;
    height: 24px;
    border-radius: 16px;
    background-color: var(--background-tertiary);
    color: var(--interactive-normal)
}

.members-2iaVuN {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px
}

.avatars-kJA12W,.members-2iaVuN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.avatars-kJA12W {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 12px;
    margin-bottom: 6px
}

.singleUserName-3vezsa {
    margin-left: 8px
}

.role-78i2xt {
    margin-right: 6px;
    margin-bottom: 6px
}

.role-78i2xt.last-2Vmb4e {
    margin-right: 12px
}

.editRoleButton-3CjAQv {
    margin-bottom: 6px
}

.editRoleButtonInner-1eZ2Nf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 16px;
    color: var(--interactive-normal)
}

.channelSettingButtons-23CIRg {
    margin-top: 16px
}

.buttonContainer-2GVjL_ {
    margin-top: 8px
}

.container-3zqIcM {
    padding: 16px 16px 0
}

.container-3zqIcM,.inner-3GZ54g {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inner-3GZ54g {
    max-width: 400px
}

.titleName-3-Lp3Z {
    text-align: center;
    font-weight: 700
}

.titleName-3-Lp3Z p {
    margin: 0
}

.subtitle-2UIIw0 {
    margin-top: 8px;
    margin-bottom: 12px;
    text-align: center
}

.subtitle-2UIIw0.noChildren-1pQQQE {
    margin-bottom: 0
}

.cardWrapper-2R6-SX {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.card-3RzMcx {
    margin-top: 8px;
    padding: 16px;
    border-radius: 8px;
    background-color: var(--background-secondary-alt);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    cursor: pointer;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.card-3RzMcx:hover {
    background-color: var(--background-modifier-hover)
}

.completed-13TrxW .cardHeader-2Wz67Q,.completed-13TrxW .icon-2ou77m,.completed-13TrxW .playCircleWrapper-2wNttI {
    opacity: .6
}

.icon-2ou77m {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    background-size: contain;
    background-repeat: no-repeat
}

.playCircleWrapper-2wNttI {
    background-color: var(--brand-experiment);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 5px 6px 7px;
    margin: 2px
}

.playCircleIcon-274lgc {
    width: 26px;
    height: 26px
}

.cardHeader-2Wz67Q {
    margin-left: 16px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 600
}

.checkmark-3rush5 {
    padding: 4px;
    border-radius: 50%;
    background-color: #3ba55c;
    color: #fff
}

.checkmark-3rush5.animate-_rBhnd {
    -webkit-animation: completed-13TrxW .8s;
    animation: completed-13TrxW .8s
}

@-webkit-keyframes completed-13TrxW {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 rgba(59,165,92,.5);
        box-shadow: 0 0 0 0 rgba(59,165,92,.5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: #57f287
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px rgba(59,165,92,0);
        box-shadow: 0 0 0 8px rgba(59,165,92,0)
    }
}

@keyframes completed-13TrxW {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 rgba(59,165,92,.5);
        box-shadow: 0 0 0 0 rgba(59,165,92,.5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: #57f287
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px rgba(59,165,92,0);
        box-shadow: 0 0 0 8px rgba(59,165,92,0)
    }
}

.arrow-3bRNiS {
    justify-self: flex-end;
    color: var(--interactive-normal)
}

.messagesWrapper-1sRNjr {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    z-index: 0
}

.messagesWrapper-1sRNjr,.scrollerContent-WzeG7R {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.scrollerContent-WzeG7R {
    overflow-anchor: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 100%
}

.scroller-2LSbBU {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.scroller-2LSbBU::-webkit-scrollbar-track {
    margin-bottom: 8px
}

.overlay .scroller-2LSbBU::-webkit-scrollbar-track {
    margin-bottom: 0
}

.scrollerInner-2YIMLh {
    min-height: 0
}

.scrollerSpacer-avRLaA {
    display: block;
    height: 30px;
    width: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    pointer-events: none
}

.scrollerSpacer-avRLaA.empty-6MGttt {
    height: 16px
}

.navigationDescription-3hiGKr {
    display: none
}

.overlay .scroller-2LSbBU:after {
    height: 20px
}

.messages-2A2jgy {
    margin: 0;
    overflow-x: hidden;
    background-color: var(--background-primary);
    contain: size
}

.scrollerWrap-3tDLUn {
    overflow: hidden;
    height: auto
}

.divider-2iuYRE+.messageGroupBlocked-18d86s {
    margin-top: 12px
}

.highlight {
    background: rgba(250,166,26,.3)
}

.chatHeaderBar-4vZS1x {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary-alt);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 16px
}

.narrow-1f-G-z {
    padding: 12px 16px
}

.chatHeaderBarText-1_O_1M {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chatHeaderBarButton-UiIh3z {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 16px
}

.wrapper-39oAo3 {
    position: relative;
    z-index: 1;
    border-radius: 5px;
    margin-bottom: 24px;
    padding: 16px 0;
    width: 100%;
    background-color: var(--background-tertiary)
}

.content-c_0cLD,.wrapper-39oAo3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px
}

.content-c_0cLD {
    margin-left: 16px
}

.image-3XsqGc {
    height: 40px;
    margin-right: 12px;
    margin-bottom: -8px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.animation-10aT2_ {
    height: 50px;
    width: 50px;
    margin-top: 4px;
    margin-left: -8px;
    margin-right: 4px;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.text-2yjo70 {
    max-height: 40px
}

.text-2yjo70,.title-FVgbgL {
    overflow: hidden
}

.title-FVgbgL {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.button-1YxJv4 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px
}

.buttonContainer-3AU1Ij {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-right: 12px
}

.countdown-1saXFt {
    color: var(--text-muted);
    margin-right: 16px
}

.animationLeft-fJlcCc {
    position: absolute;
    height: auto;
    width: 160px;
    left: -130px;
    top: -24px
}

.animationMiddle-ZfETtz {
    position: absolute;
    height: 288px;
    width: 295px;
    top: -200px;
    left: 60px
}

.animationRight-dw5zDz {
    position: absolute;
    height: auto;
    width: 140px;
    top: -60px;
    right: -75px
}

.animationContainer-WR_1ku {
    width: 440px;
    position: relative
}

.header-2PVxw- {
    margin: 108px 12px 12px 8px;
    text-align: center
}

.container-OhOeuR {
    margin-left: 24px;
    margin-right: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button-152dkf {
    margin: 24px
}

.modal-SN2Box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 400px;
    padding: 32px;
    overflow: visible
}

.followSuccessHeader-1Lfr8S {
    font-weight: 700
}

.image-1XD_iw {
    width: 280px;
    margin-top: -96px;
    margin-bottom: 0
}

.body-2EgyBy {
    margin: 16px 0 32px;
    font-weight: 500
}

.root-3izi7w {
    overflow: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bottomMargin-3rKQFe {
    margin-bottom: 16px
}

.topMargin-BmjSYK {
    margin-top: 8px
}

.body-1nWvdt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.body-1nWvdt,.header-1pGpFt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-1pGpFt {
    background-color: var(--background-tertiary);
    background-size: cover;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.formMargin-f9sZDL {
    margin-bottom: 24px
}

.noScroll-38vYzX {
    overflow: visible!important
}

.content-wjJP6h {
    z-index: 2;
    padding-top: 32px;
    font-weight: 500
}

.guildOption-dBe3l5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500
}

.icon-n8WYF4 {
    margin-right: 8px;
    margin-left: 2px
}

.channelContainer-1x3D6I {
    background-color: var(--background-secondary);
    border-radius: 4px;
    margin-left: 16px;
    max-width: 320px;
    overflow: hidden
}

.channel-2PJTLY {
    background-color: var(--background-modifier-selected);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px
}

.channelName-2HcGlq {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500
}

.channelIcon-3ci4bV {
    min-width: 16px;
    color: var(--text-muted)
}

.theme-dark .header-1pGpFt {
    background-image: url(../../assets/8ff5fffe28b93f25102eaf42da4e6e3b.html)
}

.theme-light .header-1pGpFt {
    background-image: url(../../assets/cfd069bf842ae4234bcab2096b34f331.html)
}

.clickableChannelTextArea-390-mS {
    cursor: pointer
}

.base-gE7OpD {
    position: absolute;
    bottom: 1px;
    left: 16px;
    right: 16px;
    height: 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    resize: none;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text-normal)
}

.base-gE7OpD strong {
    font-weight: 700
}

.base-gE7OpD .text-1y-e8- {
    display: block;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 4px
}

.base-gE7OpD .ellipsis-19qdx6 {
    display: block;
    margin-left: 9px
}

.base-gE7OpD .cooldownWrapper-3joyFc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    white-space: nowrap;
    overflow: hidden
}

.base-gE7OpD .slowModeIcon-1BPDC_ {
    display: block;
    margin-left: 4px
}

.typing-2GQL18 {
}

.activityInviteEducation-8C0Czp {
    opacity: 0;
    z-index: 1
}

.activityInviteEducationFadeIn-1MAMAO {
    opacity: 1
}

.activityInviteEducationArrow-3DEpKU {
    background-repeat: no-repeat;
    background-size: 12px 10px;
    display: inline-block;
    margin: 0 2px 0 24px;
    width: 15px;
    height: 15px
}

.theme-dark .activityInviteEducationArrow-3DEpKU {
    background-image: url(../../assets/ba018cf9baa19824316dc4c2beb080a4.html)
}

.theme-light .activityInviteEducationArrow-3DEpKU {
    background-image: url(../../assets/4b89ef91230382c6b96b00748a084c75.html)
}

.applicationCommandEducation-2jAJ0B {
    opacity: 0;
    z-index: 1
}

.applicationCommandEducationFadeIn-1g7fXy {
    opacity: 1
}

.applicationCommandEducationArrow-1DVDdr {
    background-repeat: no-repeat;
    background-size: 12px 10px;
    display: inline-block;
    margin: 0 2px 0 58px;
    width: 15px;
    height: 15px
}

.theme-dark .applicationCommandEducationArrow-1DVDdr {
    background-image: url(../../assets/ba018cf9baa19824316dc4c2beb080a4.html)
}

.theme-light .applicationCommandEducationArrow-1DVDdr {
    background-image: url(../../assets/4b89ef91230382c6b96b00748a084c75.html)
}

.chat-3bRxxu,.threadSidebar-1o3BTy {
    min-width: 0;
    min-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background: var(--background-primary)
}

.chat-3bRxxu {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.chat-3bRxxu .uploadArea-1qnBZm {
    position: fixed
}

.chat-3bRxxu.threadSidebarOpen-vdkwIh {
    border-radius: 0 8px 8px 0
}

.chat-3bRxxu.threadSidebarOpen-vdkwIh .uploadArea-1qnBZm {
    right: max(calc(29vw + 8px),400px + 8px);
    width: auto;
    border-radius: 0 8px 8px 0
}

.threadSidebar-1o3BTy {
    width: 29vw;
    min-width: 400px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px;
    border-radius: 8px 0 0 8px
}

@media (max-width: 1024px) {
    .threadSidebar-1o3BTy {
        position:absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
        border-left: 1px solid var(--background-secondary);
        -webkit-filter: drop-shadow(0 8px 40px rgba(0,0,0,.32));
        filter: drop-shadow(0 8px 40px rgba(0,0,0,.32))
    }

    .chat-3bRxxu.threadSidebarOpen-vdkwIh .uploadArea-1qnBZm {
        right: 400px;
        border-radius: 0
    }
}

.form-2fGMdU {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: -8px
}

.form-2fGMdU:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: .5rem;
    width: 1.25rem
}

.theme-dark .form-2fGMdU:before {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(54,57,63,0)),to(var(--background-primary)));
    background: linear-gradient(180deg,rgba(54,57,63,0) 0,var(--background-primary))
}

.theme-light .form-2fGMdU:before {
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(var(--background-primary)));
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,var(--background-primary))
}

.chatContent-a9vAAp {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.cursorPointer-1j7DL8 {
    cursor: pointer
}

.content-yTz4x3 {
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative
}

.content-yTz4x3.noChat-9aipKz {
    overflow: hidden
}

.content-yTz4x3:before {
    content: "";
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    z-index: 1;
    pointer-events: none
}

.channelTextArea-rNsIhG {
    margin-bottom: 24px;
    background-color: var(--background-primary)
}

.titleWrapper-1l0xT9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.editPartyIcon-1GA5r3 {
    margin-right: 4px;
    cursor: pointer;
    opacity: .6;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.editPartyIcon-1GA5r3:hover {
    opacity: 1
}

.channelName-3stJzi {
    margin: 0 8px
}

.parentChannelName-1C2HEo {
    color: var(--header-secondary)
}

.title-3qD0b- {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 100
}

.followButton-L6L-Us {
    padding: 4px 8px;
    margin-right: 8px
}

.status-1XNdyw {
    margin-right: 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.stop-animations .title-3qD0b- {
    -webkit-app-region: no-drag
}

.disableFlex-2QuzIB {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.akaBadge-1M-1Gw {
    margin-left: 8px;
    background-color: var(--background-secondary)
}

.akaBadge-1M-1Gw,.nicknames-1XK4Zt {
    color: var(--header-secondary)
}

.nicknames-1XK4Zt {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 0 0 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500
}

.tooltip-2ADRCz {
    display: inline
}

.spacer-3kEb8l {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.container-1MGX4D {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

.container-1MGX4D,.container-1MGX4D *,.input-2A_zIr {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.input-2A_zIr {
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    padding: 0 6px;
    border: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    border-radius: 3px;
    -webkit-app-region: no-drag;
    background: transparent;
    color: var(--text-normal)
}

.input-2A_zIr:focus,.outer-o9SjPm:hover .input-2A_zIr {
    -webkit-box-shadow: inset 0 0 0 1px var(--background-tertiary);
    box-shadow: inset 0 0 0 1px var(--background-tertiary)
}

.input-2A_zIr:focus {
    background-color: var(--background-secondary)
}

.container-3FPLD3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.channelName-qsg_a_,.container-3FPLD3 {
    position: relative;
    min-width: 0
}

.channelName-qsg_a_ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 4px 0 0;
    max-width: 100%;
    margin-left: -6px
}

.channelName-qsg_a_ div,.channelName-qsg_a_ input {
    font-family: var(--font-display);
    font-weight: 600
}

.topic-TCb_qw {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 0 0 8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    color: var(--header-secondary)
}

.topic-TCb_qw a {
    color: var(--text-link)
}

.topic-TCb_qw a:hover {
    text-decoration: underline
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .topic-TCb_qw {
        font-weight:400
    }
}

.topic-TCb_qw.expandable-9fI_e3 {
    cursor: pointer
}

.content-38qMG0 {
    padding-bottom: 20px
}

.strikethrough-otdQWt {
    color: #ed4245
}

.chat-1iumcD {
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative
}

.chat-1iumcD:before {
    content: "";
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    z-index: 1;
    pointer-events: none
}

.icon-iDUzSK {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.count-bFJRJm {
    margin-left: 4px
}

.icon-iDUzSK:hover .count-bFJRJm {
    color: var(--interactive-hover)
}

.browser-2NpbWS {
    -webkit-box-shadow: var(--elevation-stroke),var(--elevation-high);
    box-shadow: var(--elevation-stroke),var(--elevation-high);
    min-height: 400px;
    max-height: 80vh;
    max-width: 600px;
    min-width: 480px;
    width: 35vw;
    overflow: hidden
}

@-webkit-keyframes placeholderPulse-34GVGw {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@keyframes placeholderPulse-34GVGw {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.multiplePlaceholder-M9zbu6,.placeholder-3KRNN9 {
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-animation: placeholderPulse-34GVGw 3s ease-in-out infinite;
    animation: placeholderPulse-34GVGw 3s ease-in-out infinite
}

.placeholder-3KRNN9 {
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mulitplePlaceholderUsername-pogq9I,.placeholderUsername-2B_OA9 {
    border-radius: 8px;
    height: 14px
}

.mulitplePlaceholderUsername-pogq9I {
    margin-top: 12px
}

.avatarSmall-2ZCvxB {
    width: 32px;
    height: 32px
}

.avatarLarge-29Rv8a {
    width: 40px;
    height: 40px
}

.placeholderAvatar-damqh6 {
    border-radius: 50%
}

.mulitplePlaceholderUsername-pogq9I,.placeholderAvatar-damqh6,.placeholderUsername-2B_OA9 {
    background-color: var(--background-primary)
}

.avatarMasked-RmBa_y {
    -webkit-mask-image: url(../../assets/2ad33adc723eef7837aa4432d8b8e1be.html);
    mask-image: url(../../assets/2ad33adc723eef7837aa4432d8b8e1be.html);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    margin-right: -6px
}

.container-2Pjhx- {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 1px 0;
    border-radius: 4px;
    -webkit-transition: none;
    transition: none;
    color: var(--channels-default)
}

.container-2Pjhx- .muted-3mU76i {
    color: var(--interactive-muted)
}

.muted-3mU76i .avatar-3uk_u9 {
    opacity: .3
}

.clickable-1JJAn8.container-2Pjhx-:hover,.clickable-1JJAn8.container-2Pjhx-:hover .muted-3mU76i {
    color: var(--interactive-hover)
}

.clickable-1JJAn8.container-2Pjhx-:hover .avatar-3uk_u9 {
    opacity: 1
}

.clickable-1JJAn8.container-2Pjhx-:active,.highlighted-1gWxXa.container-2Pjhx-,.selected-aXhQR6.container-2Pjhx- {
    color: var(--interactive-active)
}

.layout-2DM8Md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    height: 42px;
    padding: 0 8px
}

.wrappedLayout-3DR7Pk {
    height: auto;
    padding: 5px 8px
}

.clickable-1JJAn8:hover .layout-2DM8Md {
    background-color: var(--background-modifier-hover);
    cursor: pointer
}

.clickable-1JJAn8:active .layout-2DM8Md {
    background-color: var(--background-modifier-active)
}

.selected-aXhQR6 .layout-2DM8Md {
    background-color: var(--background-modifier-selected)
}

.avatar-3uk_u9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    margin-right: 12px
}

.content-3QAtGj {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.content-3QAtGj,.name-uJV0GL {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.name-uJV0GL {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.wrappedName-26qVtL {
    overflow: none;
    white-space: normal
}

.nameAndDecorators-5FJ2dg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subText-1KtqkB {
    margin-top: -2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.children-gzQq2t {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px
}

.member-3-YXUe {
    position: relative;
    max-width: 224px;
    margin-left: 8px
}

.offline-3nJYBR {
    opacity: .3
}

.offline-3nJYBR:hover {
    opacity: 1
}

.icon-1A2_vz {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    top: 1px;
    width: 14px;
    height: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ownerIcon-2NH9FM {
    color: var(--text-warning);
    margin-left: 4px
}

.premiumIcon-1rDbWQ {
    color: #ff73fa;
    margin-left: 3px
}

.placeholder-3X_lzF {
    padding: 4px 8px
}

.botTag-3W9SuW {
    margin-left: 4px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.roleColor-rz2vM0 {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.activity-2Gy-9S {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    color: var(--channels-default);
    font-weight: 500
}

.activityText-yGKsKm {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.activityEmoji-2GDGtF {
    margin-right: 4px;
    width: 14px;
    height: 14px
}

@-webkit-keyframes placeholderPulse-2rZrru {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@keyframes placeholderPulse-2rZrru {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.membersWrap-2h-GB4 {
    min-width: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.members-1998pB {
    width: 240px;
    padding: 0 0 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: auto
}

.members-1998pB,.members-1998pB>div {
    background-color: var(--background-secondary)
}

.membersGroup-v9BXpm {
    padding: 24px 8px 0 16px;
    height: 40px
}

.hiddenMembers-2dcs_q {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hiddenText-1XVQBb {
    -ms-flex-item-align: center;
    align-self: center
}

.memberGroupsPlaceholder-3mwPub {
    border-radius: 8px;
    background-color: var(--background-primary);
    height: 12px;
    width: 40%;
    -webkit-animation: placeholderPulse-2rZrru 3s ease-in-out infinite;
    animation: placeholderPulse-2rZrru 3s ease-in-out infinite
}

.addMembersButton-1eG9YC {
    padding-top: 8px;
    padding-left: 8px
}

.addMembersIcon-1Bz_VS {
    background-color: var(--background-secondary-alt);
    border-radius: 50%;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.container-2Bfwy4 {
    -ms-flex-direction: column;
    flex-direction: column
}

.container-2Bfwy4,.content-MLh4nU {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.content-MLh4nU {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-primary)
}

.splashImage-13vBzp {
    width: 400px;
    margin-bottom: 24px
}

.splashHeader-ehL7gZ {
    color: var(--header-primary);
    margin-bottom: 8px
}

.splashHeader-ehL7gZ,.splashText-3jk87t {
    width: 580px;
    text-align: center
}

.noChannel-3LgMRp {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

.divider-3zoCmA {
    background-color: var(--background-modifier-accent)!important;
    height: 1px;
    margin: 16px 16px 0
}

.private-1mt6w1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    padding: 16px 16px 0;
    text-transform: uppercase
}

.instructions-O3OCc7 {
    padding: 0 16px
}

.strikethrough-3Wiitd {
    color: #ed4245
}

.gatedContent-3-B7qB {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.image-2LqJex {
    width: 250px;
    height: 250px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.title-1VcOOr {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    max-width: 640px;
    padding: 0 20px;
    text-align: center
}

.description-2ydcYn {
    font-size: 16px;
    line-height: 1.4;
    max-width: 440px;
    text-align: center
}

.description-2ydcYn a,.title-1VcOOr a {
    color: var(--text-link)
}

.separator-2IZ9ro {
    width: 100px;
    height: 1px;
    background-color: #4f545c
}

.action-yrVND8 {
    margin-left: 8px;
    margin-right: 8px
}

.actionRed-gYn8D3 {
    color: #fff;
    background-color: #a12d2f
}

.actionRed-gYn8D3:hover {
    background-color: #91292a
}

.actionRed-gYn8D3:active {
    background-color: #812426
}

.theme-light .image-2LqJex {
    background-image: url(../../assets/c834f632477ae77b1e4b36c14e32c400.html)
}

.theme-light .title-1VcOOr {
    color: #4f545c
}

.theme-light .description-2ydcYn {
    color: #72767d
}

.theme-dark .image-2LqJex {
    background-image: url(../../assets/a36505883459aecf5df0ae54c6d7495f.html)
}

.theme-dark .title-1VcOOr {
    color: #fff
}

.theme-dark .description-2ydcYn {
    color: #b9bbbe
}

.theme-dark .background-opacity-low .description-2ydcYn,.theme-dark .background-opacity-low .title-1VcOOr {
    color: #fff;
    text-shadow: 0 0 1px #36393f,1px 1px 0 #36393f
}

.theme-dark .background-opacity-low .description-2ydcYn a,.theme-dark .background-opacity-low .title-1VcOOr a {
    text-shadow: 0 0 1px rgba(54,57,63,.7),1px 1px 0 rgba(54,57,63,.7)
}

.theme-dark .background-opacity-low .separator-2IZ9ro {
    background-color: #dcddde
}

.theme-dark .background-opacity-medium .description-2ydcYn,.theme-dark .background-opacity-medium .title-1VcOOr {
    color: #f6f6f7;
    text-shadow: 0 0 1px #36393f,1px 1px 0 #36393f
}

.theme-dark .background-opacity-medium .description-2ydcYn a,.theme-dark .background-opacity-medium .title-1VcOOr a {
    text-shadow: 0 0 1px rgba(32,34,37,.8),1px 1px 0 rgba(32,34,37,.8)
}

.theme-dark .background-opacity-medium .separator-2IZ9ro {
    background-color: #b9bbbe
}

.theme-dark .background-opacity-high .description-2ydcYn,.theme-dark .background-opacity-high .title-1VcOOr {
    color: #f6f6f7;
    text-shadow: 0 0 1px #36393f,1px 1px 0 #36393f
}

.scroller-11cdZM {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 1px;
    min-height: 1px;
    height: auto
}

.wrapper-3V1W3E {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: auto;
    height: 100%;
    width: 100%
}

.ageGatedImage-ZIiHiE {
    width: 250px;
    height: 210px
}

.theme-dark .ageGatedImage-ZIiHiE,.theme-light .ageGatedImage-ZIiHiE {
    background-image: url(../../assets/4b25b64915cb0e74934b6b749445def2.html)
}

.finePrint-ULGqdp {
    border-top: 1px solid var(--background-modifier-accent);
    margin-top: 32px;
    padding-top: 32px;
    line-height: 1.4
}

.button-G2dHuB:active,.button-G2dHuB:hover {
    background-color: #fff!important
}

.button-G2dHuB:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.body-o4R7g3 {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 16px
}

.invoiceTable-uozjUU {
    margin: 16px 0
}

.errorBlock-148auo {
    margin-bottom: 16px
}

.cancelImage-BuMJnt {
    width: 166px;
    height: 144px;
    margin: 0 auto 24px
}

.previewStep-3m8dMV {
    padding-top: 16px
}

.loading-n5I-9N {
    height: 200px
}

.renewalInvoiceDate-3Dk4xC {
    margin-bottom: 16px
}

html .invoiceCancelRow-1YYT42 {
    color: #ed4245
}

.theme-dark .cancelImage-BuMJnt {
    background: url(../../assets/03863b539aec443327ca2ffc51a89dac.html)
}

.theme-light .cancelImage-BuMJnt {
    background: url(../../assets/44eef677f2a490dc0cb23a67e59a6223.html)
}

.banner-3Kac2g {
    position: relative;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 660px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 0 0
}

.bannerBackgroundImage-1DMjWi {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(../../assets/849b82ae5737d6bc9e2e9aa775ae824e.html)
}

.image-S2twTr {
    background-size: 100% 100%;
    height: 68px;
    width: 96px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.details-nLuvoA,.image-S2twTr {
    position: relative
}

.tierGrandfathered-R6zrrD.banner-3Kac2g {
    background-image: -webkit-gradient(linear,left top,right top,from(#738ef5),color-stop(75.25%,#b3aeff));
    background-image: linear-gradient(90deg,#738ef5,#b3aeff 75.25%)
}

.tierGrandfathered-R6zrrD .image-S2twTr {
    background-image: url(../../assets/20dd85a827abd406dc6d642e0b8f8318.html)
}

.tierGrandfathered-R6zrrD .planName-1SYoJ1 {
    width: 77px;
    height: 32px
}

.tier1-1ttHRY.banner-3Kac2g {
    background-image: linear-gradient(8.62deg,#738ef5,#b3aeff 75.25%)
}

.tier1-1ttHRY .image-S2twTr {
    background-image: url(../../assets/20dd85a827abd406dc6d642e0b8f8318.html)
}

.tier1-1ttHRY .discordWordmark-1QjTBy {
    width: 41px;
    height: 16px
}

.tier1-1ttHRY .classicWordmark-3t6v0a {
    background-image: url(../../assets/5b4617d4c019fb25a90cb2d9d687f684.html);
    width: 185px;
    height: 19px
}

.tier1-1ttHRY .details-nLuvoA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%
}

.tier1-1ttHRY.canceled-nz3kfr .image-S2twTr,.tier1-1ttHRY.failedPayment-31_H4y .image-S2twTr {
    background-image: url(../../assets/38b74213be1746737de58cc497333709.html)
}

.tier2-3hSil0.banner-3Kac2g {
    background-image: -webkit-gradient(linear,left top,right top,from(#b473f5),to(#e292aa));
    background-image: linear-gradient(90deg,#b473f5,#e292aa)
}

.tier2-3hSil0 .image-S2twTr {
    background-image: url(../../assets/7558b67985f4035ed2b2cf9e3072d81f.html);
    height: 68px
}

.tier2-3hSil0 .planName-1SYoJ1 {
    width: 77px;
    height: 32px
}

.tier2-3hSil0.canceled-nz3kfr .image-S2twTr,.tier2-3hSil0.failedPayment-31_H4y .image-S2twTr {
    background-image: url(../../assets/86d242e991560f6cd1f9d2c453d622e8.html)
}

.canceled-nz3kfr.banner-3Kac2g {
    background-image: -webkit-gradient(linear,left top,right top,from(#f18623),color-stop(56%,#f6a12a),to(#fab930));
    background-image: linear-gradient(90deg,#f18623,#f6a12a 56%,#fab930)
}

.failedPayment-31_H4y.banner-3Kac2g {
    background-image: -webkit-gradient(linear,left top,right top,from(#f25a5d),color-stop(77%,#f14e76),to(#f04a7f));
    background-image: linear-gradient(90deg,#f25a5d,#f14e76 77%,#f04a7f)
}

.planInfo-1bDJtx {
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px
}

.buttons-2FmDnk {
    position: absolute;
    top: 16px;
    right: 20px
}

.buttons-2FmDnk,.toolsButtons-PF_TzW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.toolsButton-9wOG4D {
    position: relative;
    margin-left: 16px
}

.externalButton-24IwRV {
    text-transform: uppercase
}

.header-3VTydC {
    margin-bottom: 8px
}

.dropdown-2fxkrS {
    max-width: 400px
}

.externalContainer-20zADp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.externalLink-ExuH7J {
    width: 100%
}

.finePrint-2QTm37 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: var(--text-muted);
    margin-top: 4px
}

.theme-dark .container-2Zlzt0 {
    background-color: #2f3136
}

.theme-light .container-2Zlzt0 {
    background-color: rgba(246,246,247,.6)
}

.root-22W39p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 16px
}

.infoIcon-1hgep4 {
    margin-right: 6px;
    width: 14px;
    height: 14px
}

.infoIcon-1hgep4,.text-28SVqU {
    color: var(--interactive-normal)
}

.text-28SVqU {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cancelLink-3dTqoc {
    color: #00b0f4;
    font-weight: 600;
    white-space: nowrap
}

.modalBody-1Fnupy {
    color: var(--interactive-normal);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px
}

.section-3sEseC {
    margin-bottom: 20px
}

.renewalMutationNotice-2JLeAG {
    margin-bottom: 16px
}

.grandfatheredMessage-1BnHtv {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.25;
    padding: 8px 16px 8px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear,right top,left top,from(#b3aeff),to(#738ef5));
    background-image: linear-gradient(270deg,#b3aeff,#738ef5);
    color: #fff;
    margin-bottom: 16px
}

.grandfatheredMessageText-mSdgqp {
    margin-right: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.grandfatheredIcon-18y60L {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.subscriptionRows-1fgok1 {
    margin-bottom: 32px
}

.guildSubscriptionRow-2S89Tf {
    margin-top: 16px
}

.premiumGuildSubscriptionRow-2IqHyL {
    border-radius: 4px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px;
    line-height: 20px;
    padding: 16px;
    position: relative
}

.premiumGuildSubscriptionRowActive-1WxLXI {
    background-image: -webkit-gradient(linear,left top,right top,from(#3e70dd),to(#b377f3));
    background-image: linear-gradient(90deg,#3e70dd,#b377f3)
}

.premiumGuildSubscriptionRowActive-1WxLXI .premiumGuildSubscriptionRowBackground-1prHMc {
    background-image: url(../../assets/1550b30e889297c2a911c7d65428018f.html)
}

.premiumGuildSubscriptionRowActive-1WxLXI .premiumGuildImage-ead1A0 {
    background-image: url(../../assets/49fd891b6dc505a4634b8521c8206359.html)
}

.premiumGuildSubscriptionRowCanceled-1bb7tg {
    background-image: -webkit-gradient(linear,left top,right top,from(#f18623),color-stop(56%,#f6a12a),to(#fab930));
    background-image: linear-gradient(90deg,#f18623,#f6a12a 56%,#fab930)
}

.premiumGuildSubscriptionRowCanceled-1bb7tg .premiumGuildSubscriptionRowBackground-1prHMc {
    background-image: url(../../assets/a53a3ab0bb359e4daafa5fab1b627367.html)
}

.premiumGuildSubscriptionRowCanceled-1bb7tg .premiumGuildImage-ead1A0 {
    background-image: url(../../assets/985fa38ded6c8b4030cb8f7c814a333b.html)
}

.premiumGuildSubscriptionRowFailedPayment-2jUagX {
    background-image: -webkit-gradient(linear,left top,right top,from(#f25a5d),color-stop(77%,#f14e76),to(#f04a7f));
    background-image: linear-gradient(90deg,#f25a5d,#f14e76 77%,#f04a7f)
}

.premiumGuildSubscriptionRowFailedPayment-2jUagX .premiumGuildSubscriptionRowBackground-1prHMc {
    background-image: url(../../assets/d74ea2377c663a5d74789b87e07c657b.html)
}

.premiumGuildSubscriptionRowFailedPayment-2jUagX .premiumGuildImage-ead1A0 {
    background-image: url(../../assets/2ec655685c2de6476c4a05ac51878429.html)
}

.sectionTitle-Q8N7Yv {
    margin-bottom: 16px
}

.sectionDescription-3uMpPK {
    color: var(--text-normal);
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 0
}

.premiumGuildSubscriptionRowBackground-1prHMc {
    background-position: bottom;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    border-radius: 4px
}

.premiumGuildImage-ead1A0 {
    width: 96px;
    height: 54px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    position: relative
}

.premiumGuildSubscriptionRowBody-2wCdzk {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.premiumGuildWordmark-1mlAhH {
    background-image: url(../../assets/5a13aa1ab6e6de3a7464e297fd66f5ea.html);
    width: 184px;
    height: 17px;
    margin-bottom: 16px
}

.details-1YZMDP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.detailsBlock-FoDTGA {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 16px;
    background-color: var(--background-secondary);
    border-radius: 5px;
    padding: 16px
}

.detailsBlock-FoDTGA:last-child {
    margin-right: 0
}

.detailBlockHeader-UY8ynz {
    margin-bottom: 8px
}

.billingInformation-1MZXzx {
    color: var(--text-normal);
    font-size: 14px;
    line-height: 18px
}

.finePrint-xGGTK5 {
    margin-top: 16px;
    line-height: 1.4;
    color: var(--text-muted)
}

.banner-338jRj {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: linear-gradient(4.5deg,#b473f5,#e292aa);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 16px
}

.description-1vL0_0 {
    color: #fff;
    font-weight: 500
}

.button-2xO-dU {
    border-radius: 4px;
    min-width: auto;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 16px
}

.button-2xO-dU+.button-2xO-dU {
    margin-left: 8px
}

.banner-WELp4M {
    background-color: var(--background-secondary);
    border-radius: 4px;
    padding: 16px
}

.logos-x0uUsP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.plus-1G7NLL {
    margin: 0 8px
}

.premiumLogo-1D3iJc {
    width: 32px;
    height: 32px;
    padding: 4px;
    background-image: -webkit-gradient(linear,left top,right top,from(#b473f5),to(#e292aa));
    background-image: linear-gradient(90deg,#b473f5,#e292aa);
    color: #fff;
    border-radius: 4px
}

.xboxLogo-3uO7iP {
    background-size: 100%;
    width: 104px;
    height: 40px;
    margin-right: 8px;
    background-repeat: no-repeat
}

.header-3qq8dP {
    text-transform: uppercase
}

.legalese-3cn7x5 {
    margin-top: 8px
}

.theme-dark .xboxLogo-3uO7iP {
    background-image: url(../../assets/7f267bbf7d7569d790f9f6ab97d04044.html)
}

.theme-light .xboxLogo-3uO7iP {
    background-image: url(../../assets/67d7ab9732fea2dba589832fd4601c1e.html)
}

.grid-3lp2wY {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fill,206px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gridItem-HzCfl4 {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 233px;
    position: relative
}

.gridItem-HzCfl4:before {
    border-radius: 8px;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.gridItemContent-2mkGdJ {
    border-radius: 8px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.gridItemContent-2mkGdJ,.gridItemGraphicWrapper-1jL5cQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1
}

.gridItemGraphicWrapper-1jL5cQ {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.gridItemGraphicWrapper-1jL5cQ .graphic--xq3rr {
    display: block;
    pointer-events: none
}

.learnMoreLink-1LMxgG {
    cursor: pointer;
    text-decoration: underline
}

.itemInfoIcon-1u3RlU {
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px
}

.gridItemHeading-3D4Rb2 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 4px
}

.gridItemSubheading-FIneEP {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin: 0
}

.gridItemCopy-2nDdY8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-bottom: 8px;
    padding: 16px 16px 0;
    text-align: center;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    word-wrap: break-word
}

.gridItemEmoji-P5lJf8 .gridItemGraphicWrapper-1jL5cQ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gridItemEmoji-P5lJf8:before {
    background-image: linear-gradient(135deg,#00a295,#26e8f4)
}

.gridItemProfile-1GifwV .gridItemGraphicWrapper-1jL5cQ {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gridItemProfile-1GifwV:before {
    background-image: linear-gradient(135deg,#4475ff,#21f2ff)
}

.gridItemGuildSubscription-1sZ0fD .gridItemGraphicWrapper-1jL5cQ {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.gridItemGuildSubscription-1sZ0fD:before {
    border-bottom-right-radius: 12px;
    background-image: linear-gradient(135deg,#3e70ff,#9a98ff)
}

.gridItemBadge-1Se-Pu .gridItemGraphicWrapper-1jL5cQ {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.gridItemBadge-1Se-Pu:before {
    border-bottom-right-radius: 12px;
    background-image: linear-gradient(135deg,#7e7bff,#ff73fa)
}

.gridItemFileUpload-1R7Hom .gridItemGraphicWrapper-1jL5cQ {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gridItemFileUpload-1R7Hom .gridItemGraphicWrapper-1jL5cQ .graphic--xq3rr {
    width: 174px
}

.gridItemFileUpload-1R7Hom:before {
    background-image: linear-gradient(135deg,#f837ee,#ffcd4b)
}

.gridItemGoLive-3P4Z8x:before {
    background-image: linear-gradient(135deg,#ee6315,#ffcd4b)
}

.gridItemGoLive-3P4Z8x .gridItemGraphicWrapper-1jL5cQ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gridItemGoLive-3P4Z8x .gridItemGraphicWrapper-1jL5cQ .graphic--xq3rr {
    width: 177px
}

.buttons-2-EdE8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buttonsCenter-11FqDP {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button-1PXUl0 {
    margin-left: 20px
}

.button-1PXUl0:first-child {
    margin-left: 0
}

.hero-EvfTTA {
    background-image: url(../../assets/a821f6c69ee5729cec9e82246c2cd63a.html);
    background-position: 50%;
    background-repeat: no-repeat;
    max-width: 660px;
    height: 464px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newBrand .hero-EvfTTA {
    background-image: url(../../assets/c7c0a638f8e8e45dc18c686359defbb7.html)
}

.stickersHero-rhTlUd,.newBrand .stickersHero-rhTlUd {
    background-image: url(../../assets/953a588c2cc63f745e55f562ae0e93d0.html)
}

.heroIcon-3QgOM5 {
    margin-top: 48px;
    width: 149px;
    height: 60px;
    color: #fff
}

.hero-EvfTTA .heroHeader-IulZgg {
    color: #fff;
    margin-top: 16px
}

.heroBody-2P4UF5 {
    color: #fff;
    margin-top: 4px;
    max-width: 312px;
    text-align: center
}

.heroButtons-2NvgKB {
    margin-top: 16px
}

.featuresHeader-4YwLcc {
    margin-top: 32px
}

.featureGrid-3-fNl- {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fill,206px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px
}

.feature-2w65J5 {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 233px;
    padding: 16px 16px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.feature-2w65J5 .featureNewBadge-24rCe6 {
    top: -4px;
    left: -4px;
    position: absolute
}

.featureDescription-1wp-zJ {
    margin-top: 4px
}

.featureChildrenWrapper-smz30S,.featureImageWrapper-pPDLjm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.featureEmoji-3pTtR2 .featureImageWrapper-pPDLjm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featureEmoji-3pTtR2 .featureImage-2L9kA0 {
    width: 172px
}

.featureProfile-tTo0C- .featureImageWrapper-pPDLjm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featureProfile-tTo0C- .featureImage-2L9kA0 {
    width: 144px
}

.featurePremiumGuild-2KpCr6 .featureTitle-W5O6R1 {
    color: #5c87ff
}

.featurePremiumGuild-2KpCr6 .featureImageWrapper-pPDLjm {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.featurePremiumGuild-2KpCr6 .featureImage-2L9kA0 {
    width: 188px
}

.featureBadge-3ZA-Ca .featureImageWrapper-pPDLjm {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.featureBadge-3ZA-Ca .featureImage-2L9kA0 {
    width: 188px
}

.featureUploadSize-2CAVFL .featureTitle-W5O6R1 {
    color: #776bff
}

.featureUploadSize-2CAVFL .featureImageWrapper-pPDLjm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featureUploadSize-2CAVFL .featureImage-2L9kA0 {
    width: 172px
}

.featureGoLive-30cvVw .featureTitle-W5O6R1 {
    color: #fa4e89
}

.featureGoLive-30cvVw .featureImageWrapper-pPDLjm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featureGoLive-30cvVw .featureImage-2L9kA0 {
    width: 172px
}

.featureStickers-Pc_FBx {
    grid-column: 1/-1;
    height: 233px
}

.featureStickers-Pc_FBx .featureTitle-W5O6R1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featureStickers-Pc_FBx .featureStickersNewBadge-1yAl2q {
    margin-right: 19px
}

.featureStickers-Pc_FBx .featureDescription-1wp-zJ {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 17px;
    max-width: 500px
}

.featureStickers-Pc_FBx .featureChildrenWrapper-smz30S {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(186px,1fr));
    grid-gap: 4px
}

.featureStickers-Pc_FBx .featureImage-2L9kA0 {
    width: 42px;
    height: 38px;
    margin: 1px 12px 5px 5px
}

.featureStickers-Pc_FBx .featureImage-2L9kA0:first-child {
    margin-left: 0
}

.featureStickers-Pc_FBx .featureImage-2L9kA0:last-child {
    margin-right: 0
}

.featureStickers-Pc_FBx .stickerImageSection-7EUs8E {
    background-color: #2f3136;
    border-radius: 8px;
    padding: 8px 0 12px;
    margin: 0 10px
}

.featureStickers-Pc_FBx .stickerImageSection-7EUs8E .stickerNameHeader-slJZKS {
    color: #fff;
    min-width: 117px;
    font-size: 12px;
    line-height: 16px;
    margin-top: -2px;
    margin-bottom: 2px
}

.featureStickers-Pc_FBx .stickerImageSection-7EUs8E:first-child {
    margin-left: 0
}

.featureStickers-Pc_FBx .stickerImageSection-7EUs8E:last-child {
    margin-right: 0
}

.featureStickers-Pc_FBx .fakeBuyButton-3XrfxO {
    margin: 0 auto;
    padding: 0;
    border-radius: 4px;
    cursor: inherit;
    pointer-events: none
}

.featureStickers-Pc_FBx .fakeBuyButtonInner-26ap8t {
    padding: 0 8px;
    font-size: 12px
}

.newBadge-1Is7Nf {
    background-color: var(--brand-experiment);
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px
}

.newBadgeContainer-3wCcs5 {
    position: relative;
    display: inline-block;
    text-transform: uppercase
}

.sparkle-1qyWC9 {
    position: absolute
}

.sparkleStarTopRight-1uWZTi {
    bottom: calc(100% - 4px);
    left: calc(100% - 5px);
    width: 12.75px;
    height: 12.75px
}

.sparkleStarRight-3STViN {
    bottom: 3px;
    left: calc(100% + 1.31px)
}

.sparkleStarBottomLeft-3dycVF,.sparkleStarRight-3STViN {
    height: 7.44px;
    width: 7.44px
}

.sparkleStarBottomLeft-3dycVF {
    top: calc(100% + .56px);
    left: -1px
}

.featureStickers2Images-2AZnZQ {
    height: 245px
}

.featureStickers2Images-2AZnZQ .featureDescription-1wp-zJ {
    margin-bottom: 5px
}

.featureStickers2Images-2AZnZQ .featureChildrenWrapper-smz30S {
    grid-template-columns: repeat(auto-fill,minmax(112px,1fr))
}

.featureStickers2Images-2AZnZQ .stickerImageSection-7EUs8E {
    margin: 0 7px 5px;
    padding: 13px 0
}

.featureStickers2Images-2AZnZQ .stickerImageSection-7EUs8E .stickerNameHeader-slJZKS {
    font-size: 12px
}

.featureStickers2Images-2AZnZQ .featureImage-2L9kA0 {
    margin-top: 6px
}

.featureStickersSingleColumn-1XHEyk {
    height: 550px
}

.featureStickersSingleColumn-1XHEyk .stickerImageSection-7EUs8E,.featureStickersSingleColumn-1XHEyk .stickerImageSection-7EUs8E:first-child {
    margin: 0 25px
}

.featureStickersSingleColumn-1XHEyk .stickerImageSection-7EUs8E:last-child {
    margin: 0 25px 9px
}

.learnMoreLink-21wlRq {
    cursor: pointer;
    text-decoration: underline
}

.itemInfoIcon-3tr1nj {
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px
}

.featureMoreServers-14Thw5 .featureImage-2L9kA0 {
    display: block;
    width: 132px;
    height: 132px;
    margin: 8px auto 0
}

.featureLongerMessageContent-1RADxx .featureImage-2L9kA0 {
    width: 100%
}

.newSparkles-1I8M41 {
    display: inline-block;
    width: 47px;
    height: 34px;
    vertical-align: middle;
    margin: -12px 4px -4px -8px
}

.theme-light .feature-2w65J5 {
    background-color: #fff;
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium);
    border: 1px solid var(--background-modifier-accent)
}

.theme-light .sparkleStarTopRight-1uWZTi {
    color: #83ddc5
}

.theme-light .sparkleStarRight-3STViN {
    color: #e15be1
}

.theme-light .sparkleStarBottomLeft-3dycVF {
    color: #fbb848
}

.theme-light .featureLongerMessageContent-1RADxx .featureTitle-W5O6R1 {
    color: #2e3338
}

.theme-light .featureStickers-Pc_FBx .featureTitle-W5O6R1 {
    color: #000
}

.theme-light .featureEmoji-3pTtR2 .featureTitle-W5O6R1 {
    color: #d0820c
}

.theme-light .featureProfile-tTo0C- .featureTitle-W5O6R1 {
    color: #22a777
}

.theme-light .featureMoreServers-14Thw5 .featureTitle-W5O6R1 {
    color: #a57ef8
}

.theme-light .featureBadge-3ZA-Ca .featureTitle-W5O6R1 {
    color: #e15be1
}

.theme-dark .feature-2w65J5 {
    background-color: var(--background-secondary-alt)
}

.theme-dark .featureLongerMessageContent-1RADxx .featureTitle-W5O6R1 {
    color: #ffd836
}

.theme-dark .featureEmoji-3pTtR2 .featureTitle-W5O6R1 {
    color: #ffa600
}

.theme-dark .featureProfile-tTo0C- .featureTitle-W5O6R1 {
    color: #00e0a7
}

.theme-dark .featureMoreServers-14Thw5 .featureTitle-W5O6R1 {
    color: #a57ef8
}

.theme-dark .featureBadge-3ZA-Ca .featureTitle-W5O6R1 {
    color: #ffafff
}

.theme-dark .sparkle-1qyWC9 {
    color: #fff
}

.theme-dark .featureStickers-Pc_FBx .featureTitle-W5O6R1 {
    color: #ffd836
}

.premiumSubscriptionAccountCredit-25i0tQ {
    border-radius: 5px;
    padding: 8px 0;
    background-color: var(--background-secondary)
}

.accountCreditRow-SHgyi0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 16px
}

.accountCreditRow-SHgyi0:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.iconBackground-31rJvE {
    padding: 4px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center
}

.iconBackgroundTier1-2GOcU8 {
    background-image: linear-gradient(45deg,#b3aeff,#738ef5)
}

.iconBackgroundTier2-2TeI3a {
    background-image: linear-gradient(45deg,#b473f5,#e292aa)
}

.icon-3sGKXp {
    width: 24px;
    height: 24px;
    color: #fff
}

.rowDetails-1SvMsB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 8px
}

.rowApplied-3NfPr1 {
    font-weight: 400
}

.rowCreditCount-DCSjaQ {
    -ms-flex-item-align: center;
    align-self: center;
    font-weight: 600;
    color: var(--interactive-normal)
}

.container-1KLQDM {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container-1KLQDM,.loading-3kzdRC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.loading-3kzdRC {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 520px
}

.background-3NP2Rg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat
}

.content-2c3hgM {
    position: relative
}

.sectionTier2-mtdT6c {
    text-align: center;
    margin-top: 32px
}

.marketingRefreshTier2Intro-2L26Rm {
    max-width: 325px
}

.marketingRefreshTitle-3pOyQb {
    color: var(--header-primary);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 8px;
    margin-top: 0
}

.marketingRefreshSubtitle-3jft-o {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    margin: 0
}

.marketingRefreshHeaderAnimation-KQPxGl {
    width: 332px;
    margin-left: 16px
}

.marketingRefreshTier2Cta-bw9Vyc {
    text-align: center;
    margin-top: 48px
}

.marketingRefreshSectionTier1-dRwS-6 {
    color: var(--text-normal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid var(--background-modifier-accent);
    margin-top: 48px;
    padding-top: 48px
}

.marketingRefreshTier1Graphic-9B12wx {
    display: block;
    height: 148px;
    margin-right: 60px;
    width: 175px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 920px) {
    .marketingRefreshTier1Graphic-9B12wx {
        display:none
    }
}

.marketingRefreshTier1Logo-sY6Lgd {
    color: var(--header-primary);
    display: block;
    height: 20px;
    margin-bottom: 8px;
    width: 194px
}

.marketingRefreshDescription-UL0ZTA {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 16px
}

.tier1InfoTooltipList-1tVi94 {
    list-style-type: disc;
    padding-left: 15px
}

.tier1InfoTooltipListItem-HtMMGF {
    padding: 2px
}

.tier1InfoTooltipListItemOffsetItem-17hZH2 {
    position: relative;
    left: -5px
}

.tier1InfoIcon-3Voc4Y {
    width: 10px;
    height: 10px
}

.tier2Buttons-RBEMRE {
    margin-top: 24px
}

.subSectionHeader-32l16N {
    text-transform: uppercase
}

.sectionAccountCredit-1uNhnJ,.subscriptionDetails-1dUmjl {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid
}

.accountCredit-2hUNux {
    margin-top: 16px
}

.accountCreditTitle-2MXzx- {
    margin-bottom: 16px
}

.accountCreditDescription-g6Pzho {
    color: var(--text-normal);
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 0
}

.marketingRefreshTier2PlanWrapper-21Joud,.tier2Plan-39BBFB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.marketingRefreshTier2PlanWrapper-21Joud {
    margin-bottom: 48px
}

.marketingRefreshTier2PlanName-2O-mVv {
    color: var(--logo-primary);
    display: block;
    height: 60px;
    margin-bottom: 32px;
    width: auto
}

.promotionBanner-1fCSab {
    margin-top: 24px;
    margin-bottom: 24px
}

.theme-light .sectionAccountCredit-1uNhnJ,.theme-light .subscriptionDetails-1dUmjl {
    border-color: rgba(185,187,190,.3)
}

.theme-light .tier1Banner-1BTgv0 {
    background-image: url(../../assets/d1d0faaade7858d1e36fe8b959a1759d.html);
    background-color: #f6f6f7;
    color: #72767d
}

.theme-dark .sectionAccountCredit-1uNhnJ,.theme-dark .subscriptionDetails-1dUmjl {
    border-color: rgba(114,118,125,.3)
}

.theme-dark .tier1Banner-1BTgv0 {
    background-image: url(../../assets/cb89c31c79a62ae99ec12351c1efb277.html);
    background-color: #2f3136;
    color: #f6f6f7
}

.trialBanner-1l29Ev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: linear-gradient(4.5deg,#b473f5,#e292aa);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 16px
}

.trialIcon-3uSjEK {
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #fff;
    min-width: 24px;
    margin-right: 8px
}

.trialDescription-240N1y {
    color: #fff;
    font-weight: 500
}

.trialButton-3QE_RI {
    border-radius: 4px;
    min-width: auto;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 16px
}

.container-xm7Ad0:before {
    content: "";
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    z-index: 1;
    pointer-events: none
}

.homeBody-3SD9SR {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1245px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto
}

.scroller-9moviB {
    background-color: var(--background-primary);
    contain: layout size
}

.categoryHeader-1D7Tqy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom-width: 1px;
    border-style: solid;
    padding-bottom: 10px;
    margin: 32px 0 20px;
    font-weight: 500;
    font-size: 16px
}

.categoryHeader-1D7Tqy,.viewAllGamesButton-bY6nOl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.viewAllGamesButton-bY6nOl {
    margin: 20px auto 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.viewAllGamesButton-bY6nOl:hover .viewAllIcon-1NItEP {
    -webkit-transform: rotate(-90deg) translateY(3px);
    transform: rotate(-90deg) translateY(3px)
}

.viewAllGames-3LNpt1,.viewAllGamesButtonInner-2z4OXI,.viewAllNitroGames-3v3cAi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.viewAllGames-3LNpt1,.viewAllNitroGames-3v3cAi {
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.viewAllGames-3LNpt1:hover .viewAllIcon-1NItEP,.viewAllNitroGames-3v3cAi:hover .viewAllIcon-1NItEP {
    -webkit-transform: rotate(-90deg) translateY(3px);
    transform: rotate(-90deg) translateY(3px)
}

.viewAllIcon-1NItEP {
    width: 20px;
    height: 20px
}

.homeTile-3qVuGa {
    margin: 0 10px
}

.homeTile-3qVuGa:first-child {
    margin-left: 0
}

.homeTile-3qVuGa:last-child {
    margin-right: 0
}

.spinner-3POzOM {
    margin-top: 40px;
    margin-bottom: 40px
}

.homeWrapper-3-Wh5T {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.homeWrapperNormal-2KSUEa {
    height: 100%
}

.marketingWrapper-2TD9Zv {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.premiumApplicationsHeader-Zmkm5e {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom-width: 1px;
    border-style: solid;
    padding-bottom: 10px;
    margin: 32px 0 20px;
    font-weight: 500;
    font-size: 16px
}

.headerBar-1YYOfi {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.premiumContainer-2Iux5m {
    position: relative;
    padding: 60px 40px 80px;
    max-width: 660px;
    min-width: 460px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 auto
}

.theme-dark .categoryHeader-1D7Tqy,.theme-dark .premiumApplicationsHeader-Zmkm5e {
    color: #fff;
    border-color: #4f545c
}

.theme-dark .viewAllGames-3LNpt1 {
    color: #fff
}

.theme-light .categoryHeader-1D7Tqy,.theme-light .premiumApplicationsHeader-Zmkm5e {
    color: #000;
    border-color: #dcddde
}

.theme-light .viewAllGames-3LNpt1 {
    color: #000
}

@media (min-width: 849px) {
    .categoryHeader-1D7Tqy,.premiumApplicationsHeader-Zmkm5e {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

.divider-21LyPb {
    border-bottom: 1px solid;
    margin-bottom: 20px
}

.theme-light .divider-21LyPb {
    border-color: rgba(220,221,222,.6)
}

.theme-dark .divider-21LyPb {
    border-color: rgba(47,49,54,.6)
}

.contentRating-vVpg2G {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.esrb-3wYCg9 {
    width: 40px;
    height: 54px
}

.pegi-1o7c-g {
    width: 40px;
    height: 49px
}

.esrbEveryone-1dzGF6 {
    background-image: url(../../assets/92e2f3456fe16b595b25e0bf8e307424.html)
}

.esrbEveryoneTenPlus-2ZAnky {
    background-image: url(../../assets/63057dec1b09e97582380bf060ac96f0.html)
}

.esrbTeen-2h1lXd {
    background-image: url(../../assets/4d4bb237c6ab7d39ae86316402a5bd64.html)
}

.esrbMature-2jZOEq {
    background-image: url(../../assets/f2d64bbdd91ed21362225050574bc871.html)
}

.esrbAdult-qtxzsD {
    background-image: url(../../assets/dabe44acadaefe22357acd28244b1933.html)
}

.esrbRatingPending-jFYtJn {
    width: 40px;
    height: 60px;
    background-image: url(../../assets/0f70ca2871644a7088a012669e07299c.html)
}

.pegiThree-2dnjtY {
    background-image: url(../../assets/d0dfff59c4724575857f24869cbdeb26.html)
}

.pegiSeven-3AFD82 {
    background-image: url(../../assets/01087a6958e516f107294541e197693f.html)
}

.pegiTwelve-1JqdtA {
    background-image: url(../../assets/3b731e42a2a9fd6b25dbbaab63fd1c4f.svg)
}

.pegiSixteen-2LI_Mq {
    background-image: url(../../assets/b3c1fa853d8ee7e926104cb3c94c16c0.html)
}

.pegiEighteen-3WQT17 {
    background-image: url(../../assets/08e84d2915ec96159597ba85fd7c5793.html)
}

.content-1zhNsr {
    font-size: 12px;
    line-height: 1.5;
    margin-right: 20px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.rating-3zQia4 {
    margin-right: 12px
}

.theme-dark .content-1zhNsr {
    color: #72767d
}

.theme-light .content-1zhNsr {
    color: #b9bbbe
}

.collapsed-1454et {
    max-height: 300px;
    overflow: hidden;
    -webkit-mask: linear-gradient(#000 240px,transparent);
    mask: linear-gradient(#000 240px,transparent)
}

.blurb-1iBKJy {
    font-size: 16px;
    line-height: 20px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.description-1AwRKJ {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.4
}

.toggleCollapseButton-2wffKu {
    width: 100%;
    margin-top: 20px
}

.assetWrapper-2Qw_5D {
    border-radius: 3px;
    margin: 20px 0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.assetWrapper-2Qw_5D img {
    border-radius: 0
}

.asset-3V-FUM {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.theme-dark .blurb-1iBKJy {
    color: #dcddde
}

.theme-dark .description-1AwRKJ {
    color: #b9bbbe
}

.theme-light .blurb-1iBKJy {
    color: #36393f
}

.theme-light .description-1AwRKJ {
    color: #72767d
}

@media (min-width: 640px) {
    .toggleCollapseButton-2wffKu {
        width:inherit
    }
}

.features-_IOqVv {
    margin-bottom: 40px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.row-1bU71H {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    line-height: 16px;
    padding: 8px;
    border-radius: 3px;
    margin-bottom: 2px
}

.row-1bU71H:last-child {
    margin-bottom: 0
}

.checkmarkIcon-2EnYwn,.featureIcon-1f78KU {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.featureText-2crhND {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 8px
}

.checkmarkIcon-2EnYwn {
    color: #3ba55c
}

.theme-dark .row-1bU71H {
    background-color: #2f3136;
    color: #b9bbbe
}

.theme-dark .featureIcon-1f78KU {
    color: #b9bbbe
}

.theme-light .row-1bU71H {
    background-color: #fff;
    color: #72767d
}

.theme-light .featureIcon-1f78KU {
    color: #72767d
}

.content-3FEARf {
    font-size: 12px;
    line-height: 1.5;
    margin-right: 20px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.theme-dark .content-3FEARf {
    color: #72767d
}

.theme-light .content-3FEARf {
    color: #b9bbbe
}

.right-3LuawF {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.down-d6yAn2 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.left-1sNJYj {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.alignCenter-2ks2JT {
    margin: 0 auto
}

.alignLeft-3BQquR {
    margin: 0
}

.horizontalPaginationItemContainer-26FwrR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-y: hidden;
    overflow-x: auto
}

.verticalPaginationItemContainer-3buRwR {
    overflow-y: hidden
}

.arrow-2ZP1wS {
    width: 26px;
    height: 26px
}

.arrow-2ZP1wS,.arrowContainer-10m4Cy {
    pointer-events: all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.arrowContainer-10m4Cy {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    color: #f6f6f7;
    line-height: 0;
    cursor: pointer;
    font-size: 0
}

.prevButtonContainer-Rc83MJ {
    left: 4px
}

.nextButtonContainer-30eXDb {
    right: 4px
}

@media (max-width: 600px) {
    .prevButtonContainer-Rc83MJ {
        left:5%
    }

    .nextButtonContainer-30eXDb {
        right: 5%
    }
}

.item-3V15ea {
    font-size: 3em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-transition: -webkit-filter .2s ease;
    transition: -webkit-filter .2s ease;
    transition: filter .2s ease;
    transition: filter .2s ease,-webkit-filter .2s ease;
    border-radius: 3px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.currentItem-UAeoVQ {
    cursor: default
}

.itemImage-2Y74no {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.currentImage-3bYzZH {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.itemImageWrapper-1ig0yT {
    width: 100%;
    height: 100%
}

.itemVideo-1NRzca {
    cursor: pointer
}

.paginationItem-3-iI7C {
    width: 130px;
    height: 73px;
    margin-right: 20px;
    position: relative;
    opacity: .6;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.paginationItem-3-iI7C:last-child {
    margin-right: 0
}

.storePaginationImg-2P8SMo {
    width: 130px;
    height: 73px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px
}

.selectedStorePaginationItem-2t23h9 {
    opacity: 1
}

.unselectedStorePaginationItem-3alXda:hover {
    opacity: .8;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    cursor: pointer
}

.overlappingBorder-1-XPGl {
    border: 3px solid var(--brand-experiment-500);
    border-radius: 3px
}

.overlappingBorder-1-XPGl,.paginationVideoOverlay-2gIa1v {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

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

.paginationVideoPlayPill-2lM3nS {
    padding: 8px;
    height: 40px;
    border-radius: 50%
}

.pagination-1iCa-F {
    margin: 20px auto;
    padding: 0 20px;
    max-width: 920px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.carouselButtonsContainer-Rba2-D {
    position: relative;
    color: #f6f6f7
}

.arrow-3jRqK8 {
    background-color: #18191c;
    border-radius: 50%;
    padding: 12px;
    opacity: .4;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.arrow-3jRqK8:hover,.arrowHovered-3mk8lq {
    opacity: .6
}

.scroller--qpKGq {
    padding-bottom: 24px
}

.video-38qD3Y {
    background: #000
}

.mediaPlayer-3r_SRR,.video-38qD3Y,.videoWrapper-2nTcpi {
    width: 100%!important;
    height: 100%!important
}

.theme-dark .item-3V15ea,.theme-light .item-3V15ea {
    background-color: #000
}

.wrapper-Dh-cqn {
    top: 60px;
    bottom: 60px;
    left: 110px;
    right: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.slide-2-GJd5,.wrapper-Dh-cqn {
    position: absolute
}

.slide-2-GJd5 {
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.nav-i0puL6 {
    z-index: 1;
    opacity: .6
}

.nav-i0puL6:hover {
    opacity: 1
}

.nav-i0puL6:active {
    margin-top: 1px
}

.navPrev-2EwaYx {
    margin-left: -100px
}

.navNext-26RXCD {
    margin-right: -100px
}

.animator-US5i9g {
    position: relative;
    display: block
}

.item-5R5nmE {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.root-3tU4d2 {
    position: relative;
    overflow: hidden
}

.carousel-22Gq5X {
    z-index: 0;
    height: 100%
}

.carouselItem-RHizth {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.pagination-20ouY7 {
    height: 64px;
    pointer-events: none
}

.themedPagination-3v0Dnu {
}

.arrowHitbox-2_hxtQ {
    background: transparent;
    pointer-events: all;
    cursor: pointer
}

.arrowHitbox-2_hxtQ:active .arrow-vOpU7R,.arrowHitbox-2_hxtQ:hover .arrow-vOpU7R {
    opacity: 1
}

.arrowHitboxPadding-2stwpJ {
    line-height: 0;
    padding: 20px
}

.arrow-vOpU7R {
    color: #fff;
    position: relative;
    opacity: .5;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.dots-3VxbPX {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.dot-2Q_mMZ {
    width: 8px;
    height: 8px;
    margin-right: 8px;
    padding: 0;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    pointer-events: all;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.dotNormal-9wUKKy {
    opacity: .6
}

.dotNormal-9wUKKy:hover {
    opacity: .8
}

.dotSelected-3RYKgX {
    opacity: 1
}

.theme-dark .themedPagination-3v0Dnu .arrow-vOpU7R {
    color: #fff
}

.theme-dark .themedPagination-3v0Dnu .dot-2Q_mMZ {
    background-color: #fff
}

.theme-light .themedPagination-3v0Dnu .arrow-vOpU7R {
    color: #4f545c
}

.theme-light .themedPagination-3v0Dnu .dot-2Q_mMZ {
    background-color: #4f545c
}

.smallCarousel-2e0IQc,.smallCarouselItem-1rfKEJ {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.smallCarousel-2e0IQc {
    background-color: #000
}

.smallCarouselItem-1rfKEJ {
    height: 100%
}

.smallCarouselImage-2Qvg9S {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.embedContainer-26S24y {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #18191c
}

.sizedToParent-3arRUS {
    width: 100%!important;
    height: 100%!important
}

.sizedToParent-3arRUS,.sizedToParent-3arRUS>video {
    border-radius: 0
}

.matureListing-3tyHbV {
    position: relative;
    height: 100%;
    padding-bottom: 60px
}

.matureListing-3tyHbV:before {
    content: "";
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    z-index: 1;
    pointer-events: none
}

.theme-light .matureListing-3tyHbV {
    background-color: #fff
}

.theme-dark .matureListing-3tyHbV {
    background-color: transparent
}

.countdown-2AUg9c,.unit-1m8KS3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.unit-1m8KS3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 3px;
    padding: 4px
}

.unit-1m8KS3:not(:first-child) {
    margin-left: 8px
}

.unitClose-3p7axD,.unitNormal-S1JDT- {
}

.unitClose-3p7axD {
    border-image-slice: 1
}

.duration-38ZM7M {
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -.02em;
    -webkit-mask: -webkit-gradient(linear,left bottom,left top,color-stop(0,transparent),color-stop(25%,#000),color-stop(75%,#000),to(transparent));
    -webkit-mask: linear-gradient(0deg,transparent,#000 25%,#000 75%,transparent);
    mask: -webkit-gradient(linear,left bottom,left top,color-stop(0,transparent),color-stop(25%,#000),color-stop(75%,#000),to(transparent));
    mask: linear-gradient(0deg,transparent,#000 25%,#000 75%,transparent)
}

.header-11pEmr {
    line-height: 16px;
    font-size: 12px;
    text-transform: uppercase;
    opacity: .6
}

.theme-dark .unitNormal-S1JDT-,.theme-light .unitNormal-S1JDT- {
    border-color: #2f3136
}

.theme-dark .unitClose-3p7axD,.theme-light .unitClose-3p7axD {
    -o-border-image: linear-gradient(90deg,#738ef5,#b3aeff);
    border-image: -webkit-gradient(linear,left top,right top,from(#738ef5),to(#b3aeff));
    border-image: linear-gradient(90deg,#738ef5,#b3aeff)
}

.theme-dark .duration-38ZM7M,.theme-light .duration-38ZM7M {
    color: #fff
}

.theme-dark .header-11pEmr,.theme-light .header-11pEmr {
    color: #b9bbbe
}

.alternativeSkus-1IZIkB {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -4px
}

.alternativeSku-2r0c9j,.alternativeSkus-1IZIkB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.alternativeSku-2r0c9j {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px;
    cursor: pointer;
    margin: 4px 4px 0 0
}

.alternativeSkuDefault-1yqWuK,.alternativeSkuSelected-3Qhw9n {
}

.selectedIcon-1VX7G3 {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.theme-dark .alternativeSku-2r0c9j,.theme-light .alternativeSku-2r0c9j {
    color: #fff
}

.theme-dark .alternativeSkuSelected-3Qhw9n,.theme-light .alternativeSkuSelected-3Qhw9n {
    background-color: var(--brand-experiment)
}

.theme-dark .alternativeSkuDefault-1yqWuK,.theme-light .alternativeSkuDefault-1yqWuK {
    background-color: #4f545c
}

.theme-dark .alternativeSkuDefault-1yqWuK:hover,.theme-light .alternativeSkuDefault-1yqWuK:hover {
    background-color: #292b2f
}

.info-1Emy1X {
    margin-left: 5px
}

.details-31ROOk {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-size: 15px;
    font-weight: 500
}

.row--Szcq7 {
    margin-top: 8px;
    line-height: 1.2
}

.theme-light h3.contentHeader-1R8tQ_ {
    color: #dcddde
}

.theme-dark .label-13UUcd,.theme-light .label-13UUcd {
    color: #72767d
}

.theme-dark .info-1Emy1X,.theme-light .info-1Emy1X {
    color: #dcddde
}

.warning-n1YvYR {
    padding: 20px;
    border-radius: 3px;
    border: 1px solid
}

.warning-n1YvYR:not(:first-child) {
    margin-top: 20px
}

.title-3zfWaO {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

.description-Gcecy9 {
    font-size: 15px;
    line-height: 1.33;
    color: #b9bbbe;
    margin-top: 8px
}

.description-Gcecy9 .link-249fAx,.description-Gcecy9 a {
    color: var(--text-link)
}

.description-Gcecy9 .link-249fAx:hover,.description-Gcecy9 a:hover {
    text-decoration: underline
}

.theme-dark .red-2ChJaa,.theme-light .red-2ChJaa {
    border-color: #ed4245
}

.theme-dark .red-2ChJaa .title-3zfWaO,.theme-light .red-2ChJaa .title-3zfWaO {
    color: #ed4245
}

.theme-dark .yellow-2DRjXu,.theme-light .yellow-2DRjXu {
    border-color: #faa61a
}

.theme-dark .yellow-2DRjXu .title-3zfWaO,.theme-light .yellow-2DRjXu .title-3zfWaO {
    color: var(--text-warning)
}

.title-2xCQKy {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.14;
    text-transform: uppercase;
    padding-top: 20px;
    margin-bottom: 12px
}

.title-2xCQKy:first-child {
    padding-top: 0
}

.sku-epQEb_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 0;
    cursor: pointer
}

.skuNormal-3h1es- {
    border-bottom: 1px solid transparent
}

.skuLast-WnrIv2,.skuNormal-3h1es- {
}

.name-u2zgy7 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.24
}

.price-NUANu6 {
    font-size: 14px;
    line-height: 1.71;
    padding: 2px 8px;
    margin-left: 20px;
    border-radius: 3px
}

.collapseButton-32NMMH {
    margin-top: 20px
}

.theme-dark .title-2xCQKy,.theme-light .title-2xCQKy {
    color: #f6f6f7
}

.theme-dark .skuNormal-3h1es-,.theme-light .skuNormal-3h1es- {
    border-bottom-color: #36393f
}

.theme-dark .sku-epQEb_:hover .name-u2zgy7,.theme-light .sku-epQEb_:hover .name-u2zgy7 {
    color: #f6f6f7
}

.theme-dark .name-u2zgy7,.theme-light .name-u2zgy7 {
    color: #b9bbbe
}

.theme-dark .price-NUANu6,.theme-light .price-NUANu6 {
    color: #f6f6f7;
    background-color: #4f545c
}

.section-foaVwT:first-child {
    border-radius: 3px 3px 0 0
}

.section-foaVwT:last-child {
    border-radius: 0 0 3px 3px
}

.header-2Fr7dn {
    font-size: 20px;
    font-weight: 500;
    border-radius: 3px 3px 0 0
}

.header-2Fr7dn+.bodySection-jqkkIP {
    border-top: none
}

.entitledHeader-3LRNDT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    cursor: pointer
}

.entitledHeaderIcon-nxWD70 {
    margin-right: 10px
}

.headerFancy-1AcCLF {
}

.exclusiveHeader-1vnEtm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px
}

.exclusiveHeaderExclusive-2pT9JV {
    font-size: 8px;
    font-weight: 500;
    text-transform: uppercase
}

.exclusiveHeaderIcon-1v3uvk {
    width: auto;
    height: 24px
}

.premiumHeader-3aB1ow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px
}

.premiumHeaderIcon-bTc_nQ {
    width: auto;
    height: 18px;
    padding: 4px 2px
}

.premiumHeaderPrice-1F1CMD {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
    padding: 0 8px;
    border-radius: 3px
}

.bodySection-jqkkIP {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    border-top: 1px solid
}

.bodySection-jqkkIP:first-child {
    border-top: none
}

.bodySection-jqkkIP:empty {
    padding: 0;
    border-top: none
}

.alternativeSkus-1Av0rq {
    margin: 10px 0
}

.countdownSection-8BWHXa {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid
}

.headerBar-3cOLpD {
    margin-bottom: 4px
}

.actionText-3EKWER {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.14;
    text-transform: uppercase
}

.countdownHeader-latdKn {
    margin-bottom: 8px
}

.releaseDate-28xyN1 {
    margin-top: 12px;
    font-size: 14px;
    line-height: 18px
}

.price-4PDWNj {
    margin-bottom: 16px
}

.priceRow-2AWjHv {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.priceSalePercentage-1WxDsw {
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    background-color: #3ba55c;
    padding: 4px 6px;
    margin-left: 10px
}

.priceOriginalAmount-2ylj9i {
    text-decoration: line-through;
    font-size: 15px;
    color: #b9bbbe
}

.warning-2DA6zZ {
    margin-top: 20px
}

.dlcSection-jvKaVf {
    margin-top: 40px
}

.purchaseError-3jQvJF {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px
}

.secondaryBuyButton-2c9gx_ {
    margin-top: 8px
}

.theme-dark .entitledHeader-3LRNDT,.theme-light .entitledHeader-3LRNDT {
    background-color: #4f545c;
    color: #dcddde
}

.theme-dark .entitledHeader-3LRNDT:hover,.theme-light .entitledHeader-3LRNDT:hover {
    color: #fff
}

.theme-dark .purchaseError-3jQvJF,.theme-light .purchaseError-3jQvJF {
    color: #ed4245
}

.theme-dark .headerFancy-1AcCLF,.theme-light .headerFancy-1AcCLF {
    background-image: url(../../assets/b44da97e40cc628c39b0a0441c356e2d.html),-webkit-gradient(linear,right top,left top,from(#b3aeff),to(#738ef5));
    background-image: url(../../assets/b44da97e40cc628c39b0a0441c356e2d.html),linear-gradient(270deg,#b3aeff,#738ef5);
    color: #fff
}

.theme-dark .premiumHeaderPrice-1F1CMD,.theme-light .premiumHeaderPrice-1F1CMD {
    color: var(--brand-experiment);
    background-color: #fff
}

.theme-dark .bodySection-jqkkIP,.theme-light .bodySection-jqkkIP {
    background-color: #202225;
    border-top-color: rgba(47,49,54,.6)
}

.theme-dark .countdownSection-8BWHXa,.theme-light .countdownSection-8BWHXa {
    border-bottom-color: #36393f
}

.theme-dark .actionText-3EKWER,.theme-light .actionText-3EKWER {
    color: #dcddde
}

.theme-dark .price-4PDWNj,.theme-light .price-4PDWNj {
    color: #f6f6f7
}

.theme-dark .releaseDate-28xyN1,.theme-light .releaseDate-28xyN1 {
    color: #b9bbbe
}

.recommendationReason-21q3aC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px
}

.circle-1nK_79 {
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    padding: 8px;
    width: 32px;
    height: 32px
}

.icon-2qcd9w {
    width: 100%;
    height: 100%
}

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

.earlyAccess-HnHc6a {
    padding: 11px
}

.premiumCircle-3jgziV {
    background-image: -webkit-gradient(linear,right top,left top,from(#d589c0),to(#bf7be3));
    background-image: linear-gradient(270deg,#d589c0,#bf7be3)
}

.smallHeader-2h-9-U {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px
}

.text-1Z3P6i {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3
}

.description-2jnn3p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.theme-dark .circle-1nK_79 {
    color: #f6f6f7
}

.theme-dark .iconCircle-1dlYo0 {
    background-color: #4f545c
}

.theme-dark .smallHeader-2h-9-U {
    color: #b9bbbe
}

.theme-dark .text-1Z3P6i {
    color: #fff
}

.theme-dark .staffIcon-2MB1se {
    background-color: var(--brand-experiment)
}

.theme-dark .nitroIcon-2uS3VJ {
    background: -webkit-gradient(linear,right top,left top,from(#b3aeff),to(var(--brand-experiment-500)));
    background: linear-gradient(270deg,#b3aeff,var(--brand-experiment-500))
}

.theme-light .circle-1nK_79 {
    color: #f6f6f7
}

.theme-light .iconCircle-1dlYo0 {
    background-color: #4f545c
}

.theme-light .smallHeader-2h-9-U {
    color: #b9bbbe
}

.theme-light .text-1Z3P6i {
    color: #36393f
}

.theme-light .staffIcon-2MB1se {
    background-color: var(--brand-experiment)
}

.theme-light .nitroIcon-2uS3VJ {
    background: -webkit-gradient(linear,right top,left top,from(#b3aeff),to(var(--brand-experiment-500)));
    background: linear-gradient(270deg,#b3aeff,var(--brand-experiment-500))
}

.recommendationActivity-EJN6Ps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.players-2Tcfos {
    margin-right: 8px;
    margin-bottom: 12px
}

.playerAvatar-3EAx5P {
    margin-right: 4px;
    cursor: pointer
}

.avatarMasked-1s1eiJ {
    -webkit-mask-image: url(../../assets/71e404e665541ef97f99fe9af6593aca.html);
    mask-image: url(../../assets/71e404e665541ef97f99fe9af6593aca.html);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    margin-right: -16px
}

.playerOverflow-2Hf77M {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    min-width: 32px;
    line-height: 32px;
    border-radius: 50%;
    padding: 0 8px
}

.description-2Ifi6N {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.username-2gp_Xw:hover {
    text-decoration: underline;
    cursor: pointer
}

.tooltip-18WADv {
    text-align: center
}

.tooltipTimestamp-3tv3H9 {
    opacity: .6
}

.theme-light .description-2Ifi6N {
    color: #72767d
}

.theme-light .playerOverflow-2Hf77M {
    background-color: #f6f6f7;
    color: #72767d
}

.theme-light .description-2Ifi6N strong,.theme-light .discriminator-2q6SFg strong,.theme-light .username-2gp_Xw {
    color: #36393f
}

.theme-dark .description-2Ifi6N {
    color: #b9bbbe
}

.theme-dark .playerOverflow-2Hf77M {
    background-color: #4f545c;
    color: #b9bbbe
}

.theme-dark .description-2Ifi6N strong,.theme-dark .username-2gp_Xw {
    color: #fff
}

.header-3BlBga {
    margin-bottom: 12px
}

.staffReviewHeader-r0iDCy {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerText-34JZSx {
    margin-left: 12px
}

.label-2zCFFs {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 4px
}

.username-Ga9-tM {
    font-size: 14px;
    font-weight: 600
}

.notes-3hkVr0 {
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.33
}

.notes-3hkVr0:before {
    content: "\201C"
}

.notes-3hkVr0:after {
    content: "\201D"
}

.theme-dark .label-2zCFFs {
    color: #72767d
}

.theme-dark .username-Ga9-tM {
    color: #f6f6f7
}

.theme-dark .notes-3hkVr0,.theme-light .label-2zCFFs {
    color: #b9bbbe
}

.theme-light .username-Ga9-tM {
    color: #36393f
}

.theme-light .notes-3hkVr0 {
    color: #72767d
}

.root-1bFE0x {
    border-radius: 3px;
    overflow: hidden;
    padding: 20px 20px 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.header-3HFF3R {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px
}

.section-7tu4tu:not(:last-child) {
    border-bottom: 1px solid transparent;
    margin-bottom: 20px
}

.sectionContent-1_X7BG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px
}

.unit-2r571b {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    min-width: 240px;
    margin-bottom: 20px;
    padding-right: 20px
}

.review-1hG2hB {
    padding-bottom: 20px
}

.theme-dark .root-1bFE0x {
    background-color: #2f3136
}

.theme-dark .header-3HFF3R {
    color: #fff
}

.theme-dark .section-7tu4tu {
    border-bottom-color: #36393f
}

.theme-light .root-1bFE0x {
    background-color: #fff
}

.theme-light .header-3HFF3R {
    color: #36393f
}

.theme-light .section-7tu4tu {
    border-bottom-color: rgba(220,221,222,.6)
}

.breadcrumb-22XhB5 {
    cursor: pointer
}

.breadcrumb-22XhB5:hover {
    text-decoration: underline
}

.theme-dark .breadcrumb-22XhB5:hover {
    color: #fff
}

.theme-light .breadcrumb-22XhB5:hover {
    color: #747f8d
}

.tabs-cN0XDH {
    position: relative
}

.separator-1tvx79 {
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.tab-3lcWsW {
    margin-left: 8px;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
    border-radius: 0
}

.tab-3lcWsW:first-child {
    margin-left: 0
}

.tabPageLarge-1iyX69 {
    padding-left: 8px;
    padding-right: 8px
}

.tabPageSmall-2uu0KD {
}

.tabNotSelected-1l9_nl {
    -webkit-transition: color .17s;
    transition: color .17s
}

.sectionTitle-Zi_w7u {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase
}

.requirementsContainer-3N-apS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.requirements-dEriwm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    margin-bottom: 16px;
    padding-right: 20px;
    min-width: 260px
}

.requirement-2guSgu {
    margin: 6px 0;
    font-size: 15px;
    line-height: 18px
}

.requirementKey-14DT2D {
    margin-right: 4px;
    white-space: nowrap
}

.theme-dark .separator-1tvx79 {
    background-color: rgba(47,49,54,.6)
}

.theme-dark .tabNotSelectedColor-3P16F- {
    color: #b9bbbe
}

.theme-dark .tabNotSelectedColor-3P16F-:hover,.theme-dark .tabSelectedColor-2b3xO9 {
    color: #fff
}

.theme-dark .tabSelected-3IK-Xf {
    border-bottom-color: #fff
}

.theme-dark .sectionTitle-Zi_w7u {
    color: #b9bbbe
}

.theme-dark .requirementKey-14DT2D {
    color: #72767d
}

.theme-dark .requirements-dEriwm {
    color: #dcddde
}

.theme-light .separator-1tvx79 {
    background-color: rgba(220,221,222,.6)
}

.theme-light .tabNotSelectedColor-3P16F- {
    color: #72767d
}

.theme-light .tabNotSelectedColor-3P16F-:hover,.theme-light .tabSelectedColor-2b3xO9 {
    color: #36393f
}

.theme-light .tabSelected-3IK-Xf {
    border-bottom-color: #36393f
}

.theme-light .sectionTitle-Zi_w7u {
    color: #72767d
}

.theme-light .requirementKey-14DT2D {
    color: #b9bbbe
}

.theme-light .requirements-dEriwm {
    color: #72767d
}

.dropdownArrowHitbox-1-jUwM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdownArrowHitbox-1-jUwM:hover .dropdownArrow-3hUdu6 {
    opacity: 1
}

.dropdownArrow-3hUdu6 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: .2;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.arrowSeparator-ZLk2V2 {
    width: 1px;
    opacity: .2;
    background-color: currentColor
}

.dropdownSmall-2nM_vD {
    width: 16px + 8px
}

.dropdownSmall-2nM_vD .arrowSeparator-ZLk2V2 {
    height: 16px - 4px
}

.dropdownSmall-2nM_vD .dropdownArrow-3hUdu6 {
    width: 16px;
    height: 16px
}

.dropdownMedium-32DQxh {
    width: 24px + 8px
}

.dropdownMedium-32DQxh .arrowSeparator-ZLk2V2 {
    height: 24px - 4px
}

.dropdownMedium-32DQxh .dropdownArrow-3hUdu6 {
    width: 24px;
    height: 24px
}

.dropdownLarge-3n2kcQ {
    width: 32px + 8px
}

.dropdownLarge-3n2kcQ .arrowSeparator-ZLk2V2 {
    height: 32px - 4px
}

.dropdownLarge-3n2kcQ .dropdownArrow-3hUdu6 {
    width: 32px;
    height: 32px
}

.inviteSmall-1mi1Fc .content-35aVm0 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.inviteSmall-1mi1Fc .info-3hEr5J {
    margin-bottom: 12px
}

.inviteLarge-37aL4C .content-35aVm0 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-35aVm0 {
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px
}

.guildIcon-3du51s {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.info-3hEr5J {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.infoText-2DvX0j {
    min-width: 0;
    margin-left: 20px
}

.name-3TBxUq {
    font-size: 16px;
    line-height: 1.25
}

.memberInfo-1TAaKC {
    margin-top: 4px;
    font-size: 14px
}

.dot-33s_8n {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dot-33s_8n:first-child {
    margin-left: 0
}

.dotOnline-3qrf96 {
    background-color: #3ba55c
}

.dotOffline-1PVTuj,.dotOnline-3qrf96 {
}

.memberText-14Qowr {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.actionButton-2Pkgbp {
    margin-top: 16px
}

.joinedCheckmark-1cdXz7 {
    width: 18px;
    height: 18px;
    margin-left: 8px
}

.theme-dark .content-35aVm0 {
    background-color: #2f3136
}

.theme-dark .buttonColorInGuild-2hfayS {
    color: #fff
}

.theme-dark .name-3TBxUq {
    color: #b9bbbe
}

.theme-dark .memberInfo-1TAaKC {
    color: #72767d
}

.theme-dark .dotOffline-1PVTuj {
    background-color: #72767d
}

.theme-light .content-35aVm0 {
    background-color: #fff
}

.theme-light .buttonColorInGuild-2hfayS,.theme-light .name-3TBxUq {
    color: #72767d
}

.theme-light .memberInfo-1TAaKC {
    color: #b9bbbe
}

.theme-light .dotOffline-1PVTuj {
    background-color: #72767d
}

.listingWrapper-329f74 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.outerScroller-1W6jP0:before {
    content: "";
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    z-index: 1;
    pointer-events: none
}

.scroller-1JpcIc {
    background-color: var(--deprecated-store-bg);
    contain: layout size
}

.noHeaderSpacer-321X3p {
    padding-top: 20px
}

.headerAssets-2CL92w {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 880px;
    position: relative
}

.headerBackground-3Sjqjz {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50%;
    background-size: cover;
    -webkit-mask: radial-gradient(ellipse 50% 100% at 50% 0,#000,transparent);
    mask: radial-gradient(ellipse 50% 100% at 50% 0,#000,transparent);
    opacity: .3
}

.headerLogo-2O9XZd {
    background-size: contain;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative
}

.link-2T7oYD {
    margin-left: 6px;
    margin-right: 6px;
    cursor: pointer;
    opacity: .6
}

.link-2T7oYD:hover {
    opacity: .8
}

.link-2T7oYD:disabled {
    opacity: .2
}

.linkIcon-PzfbqY {
    width: 24px;
    height: 24px;
    display: block
}

.spinner-3N25TF {
    margin-top: 40px;
    margin-bottom: 40px
}

.listing-2nUQ4d {
    margin: 0 auto
}

.gatedListing-3Ry5Oi {
    visibility: hidden;
    position: absolute;
    z-index: -2
}

.contentRating-W0e7H-,.description-3z5Lb3,.guildInvite-3fvAbr,.legalInfo-lVTrbD,.news-27xNIP,.premiumPerks-zFst3i,.purchaseUnit-2lxci3,.whyYouMightLikeIt-2zZIIj {
    margin-bottom: 40px
}

.systemRequirements-1L5nPd {
    margin-bottom: 20px
}

.marketingHeader-3in4BD {
    background-color: #202225
}

.headerBarListing-3DL3sL {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.headerBarListing-3DL3sL,.headerPurchase-2z_nch,.headerSection-VnaiAo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerPurchase-2z_nch {
    font-size: 14px;
    opacity: 0;
    -webkit-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.headerPurchase-2z_nch.active-MpmWDn {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.testModeSelectButton-3Tz96u {
    margin-left: 16px;
    padding: 4px 4px 4px 8px
}

@media (max-width: 900px) {
    .headerPurchase-2z_nch {
        display:none
    }
}

.headerActionButton-24JFAX {
    margin-left: 12px;
    margin-right: 6px
}

.listingLarge-3Rix7u {
    max-width: 880px;
    margin: 0 auto;
    padding: 0 20px
}

.listingLarge-3Rix7u .body-1HEBKj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.listingLarge-3Rix7u .leftColumn-1scUu2 {
    width: 66.67%
}

.listingLarge-3Rix7u .rightColumn-2YXQ85 {
    margin-left: 40px;
    width: 33.33%
}

.listingSmall-d9e5gC {
    padding-left: 20px;
    padding-right: 20px
}

.listingSmall-d9e5gC .headerAssets-2CL92w {
    height: 80px
}

.listingSmall-d9e5gC .headerLogo-2O9XZd {
    height: 40px
}

.listingSmall-d9e5gC .purchaseUnit-2lxci3 {
    margin-top: 20px;
    margin-bottom: 20px
}

.purchaseError-1fA5nO {
    font-size: 14px;
    margin-left: 8px
}

.theme-light .listing-2nUQ4d {
    color: #36393f
}

.theme-light .purchaseError-1fA5nO {
    color: #ed4245
}

.theme-light .link-2T7oYD {
    color: #36393f
}

.theme-dark .listing-2nUQ4d {
    color: #f6f6f7
}

.theme-dark .purchaseError-1fA5nO {
    color: #ed4245
}

.theme-dark .link-2T7oYD {
    color: #f6f6f7
}

.applicationStore-1pNvnv {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-overflow-scrolling: touch;
    background-color: var(--deprecated-store-bg)
}

.navigation-1d6CXm {
    margin: 40px 35px
}

.marketingHeader-2Iq7qk {
    background-color: #202225
}

.marketingFooter-1ZdZyI {
    overflow: visible!important
}

.notice-3uyY6c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 0 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--brand-experiment-600);
    color: #fff
}

.notice-3uyY6c.error-10-hkY {
    background-color: #ed4245
}

.button-gP4R86 {
    font-weight: 600;
    padding: 4px 8px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button-gP4R86:hover {
    background-color: var(--brand-experiment-530)
}

.error-10-hkY>.button-gP4R86:hover {
    background-color: #d83c3f
}

.header-2QVqxD {
    color: #fff;
    display: inline;
    margin-right: 16px
}

.notice-2X5hT5 {
    background-color: var(--brand-experiment-600);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    padding: 0 8px
}

.button-2PWmas,.notice-2X5hT5 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button-2PWmas {
    font-weight: 600;
    padding: 4px 8px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.button-2PWmas:hover {
    background-color: var(--brand-experiment-530)
}

.back-1Ess-_ {
    position: absolute;
    left: 8px;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 24px
}

.iconButton-2_z05_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.arrow-18Rpsc {
    margin-right: 8px
}

.header-1g25vm {
    display: inline;
    margin-right: 16px;
    color: #fff
}

.premiumIcon-2lve6h {
    position: relative;
    top: 6px;
    margin-right: 8px;
    width: 24px;
    height: 24px
}

.platformIcon-2NdO9F {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: -4px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative
}

.platformIcon-2NdO9F+.platformIcon-2NdO9F {
    margin-left: -10px
}

.icon-KgjVwm {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -3px;
    position: relative
}

.icon-KgjVwm+.icon-KgjVwm {
    margin-left: 6px
}

.iconWindows-1KG_XN {
    background-image: url(../../assets/24b843ed68d70abffbf4fdab9b400cc9.html)
}

.iconApple-1hp9Sq {
    background-image: url(../../assets/ca511da5c9b326e5cb3f6befab1a3143.html)
}

.iconAndroid-3HTSwF {
    background-image: url(../../assets/296aebeec33f5ce47db9ebbee9ccf1fc.html)
}

.iconUSFlag-2aEzZR {
    background-image: url(../../assets/7b2d27f93d5984aeb6111c044c9b7b43.html);
    background-size: 85%;
    background-position: top;
    background-repeat: no-repeat;
    margin-right: 7px;
    margin-top: 0
}

.icon-KgjVwm+.btn-2o56RF {
    margin-left: 20px
}

.textLink-27KAGV {
    color: #fff;
    text-decoration: underline;
    padding-left: 10px;
    -webkit-app-region: no-drag
}

.textLinkSmall-1iFB8H {
    font-size: 12px
}

.testModeSKUSelector-1z7rGh {
    margin-left: 16px;
    height: 24px
}

.premiumLogo-30dge3 {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 51px;
    height: 13px;
    margin-right: 20px;
    background-image: url(../../assets/9328a2df4b542ac8725b57010a52f73b.html);
    background-size: 100%;
    background-repeat: no-repeat
}

.premiumText-C5NcRe {
    font-weight: 500
}

.premiumAction-3Tcani {
    margin-left: 20px
}

.ellipsis-AB-iKn {
    margin-left: 7px
}

.container-_xSQEe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.acceptButton-1w0WVo {
    margin-left: 16px;
    padding: 4px 8px
}

.acceptText-j9fxRL {
    color: #236136
}

.declineButton-3AjV5l {
    margin-left: 8px;
    padding: 3px 7px
}

.declineText-awkkNG {
    color: #fff
}

.blocked-v_WYd3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blockedIcon-1j8HfR {
    margin-right: 4px;
    margin-left: 12px
}

.blockedText-18I_XK {
    font-size: 12px;
    font-weight: 400
}

.errorLabel-7OAe-A,.supportCallToAction-7lpXkq {
    margin-top: 20px
}

.errorLabel-7OAe-A {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase
}

.errorDetails-qKU8eS {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 12px;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: pre
}

.theme-dark .body-3AvtFJ {
    color: #dcddde
}

.theme-dark .errorLabel-7OAe-A {
    color: #b9bbbe
}

.theme-dark .errorDetails-qKU8eS {
    background: #2f3136;
    border-color: rgba(32,34,37,.3);
    color: #fff
}

.theme-dark .closeLink-2MRAUp {
    color: #fff
}

.theme-light .body-3AvtFJ {
    color: #4f545c
}

.theme-light .errorLabel-7OAe-A {
    color: #72767d
}

.theme-light .errorDetails-qKU8eS {
    background: #f8f9f9;
    border-color: rgba(227,229,232,.6);
    color: #747f8d
}

.theme-light .closeLink-2MRAUp {
    color: var(--brand-experiment)
}

.channel-2QD9_O {
    position: relative;
    max-width: 224px;
    margin-left: 8px
}

.channel-2QD9_O:hover .closeButton-2GCmT5 {
    display: block
}

.linkButtonIcon-Mlm5d6 {
    width: 24px;
    height: 24px
}

.closeButton-2GCmT5 {
    display: none;
    width: 16px;
    height: 16px;
    opacity: .7;
    margin: 2px
}

.closeButton-2GCmT5:hover {
    opacity: 1
}

.closeIcon-rycxaQ {
    display: block;
    width: 16px;
    height: 16px
}

.subtext-1RtU34 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.activity-525YDR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.activityText-OW8WYb {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.activityEmoji-1AR8K6 {
    margin-right: 4px;
    width: 14px;
    height: 14px
}

.decorator-3MaMCZ {
    margin-left: 4px
}

.empty-388osJ {
    fill: var(--background-primary);
    padding: 16px
}

.scroller-1JbKMe {
    background-color: var(--background-secondary)
}

.headerText-2F0828 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.privateChannelsHeaderContainer-3NB1K1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 8px 4px 18px;
    height: 40px
}

.privateChannelsHeaderContainer-3NB1K1:hover {
    color: var(--interactive-hover)
}

.privateChannelRecipientsInviteButtonIcon-3A3uTc {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    width: 16px;
    height: 16px;
    margin-left: 0;
    margin-right: 2px
}

html .tabBadge-3smxHS {
    background-color: #ed4245
}

.downloadProgressCircle-3_wgim {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.hideGameUpdateProgressIndicator-YAQq-w {
    opacity: 0;
    pointer-events: none
}

.privateChannels-1nO12o {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--background-secondary)
}

.privateChannels-1nO12o,.searchBar-6Kv8R2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.searchBar-6Kv8R2 {
    z-index: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 10px;
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.searchBar-6Kv8R2 .searchBarComponent-32dTOx {
    width: 100%;
    height: 28px;
    overflow: hidden;
    border-radius: 4px;
    background-color: var(--background-tertiary);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--text-muted);
    text-align: left;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap
}

.libraryFilter-31ZUa2 {
    margin-right: 8px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 144px
}

.libraryFilter-31ZUa2.focused-2eiV0o {
    width: 240px
}

.searchBar-TUoVPN {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.libraryHeader-3g95kE {
    z-index: 3
}

.libraryHeader-3g95kE:before {
    content: "";
    position: absolute;
    display: block;
    top: 47px;
    left: 0;
    right: 0;
    height: 1px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    z-index: 1;
    pointer-events: none;
    contain: paint
}

.row-1Lmx44 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.clickable-VxMZ3b {
    cursor: pointer;
    color: var(--interactive-normal)
}

.clickable-VxMZ3b:hover {
    color: var(--interactive-hover)
}

.headerCell-2jGIdL,.headerCellContent-1pLtOr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerCellContent-1pLtOr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 18px
}

.stickyHeader-r2k9DK {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

.spacerHeader-3eoEE2 {
    visibility: hidden
}

.sortIcon-3wW2NW {
    width: 18px;
    height: 18px;
    margin-left: 4px
}

.theme-dark .headerCellSorted-1JR4Ny {
    color: #fff
}

.theme-light .headerCellSorted-1JR4Ny {
    color: #4f545c
}

.table-1tDS6w {
    width: 100%
}

.table-1tDS6w:only-child {
    margin-bottom: 20px
}

.header-39GIC8 {
    padding: 20px 34px 8px;
    font-size: 12px;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--background-primary);
    border-bottom: 1px solid var(--background-modifier-accent)
}

.nameCell-3_ThYZ {
    width: 30%
}

.nameCellText-1mpqtF {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--header-primary);
    font-weight: 600
}

.icon-1IKq3C {
    width: 20px;
    height: 20px;
    color: var(--interactive-muted)
}

.nitroIcon-2_2ZKS {
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.lastPlayedCell-2arbtc,.platformCell-XyBBs6 {
    width: 20%;
    color: var(--text-muted)
}

.actionsCell-1awtNi {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.stickyHeader-1pqx0j {
    width: calc(100% - 16px)
}

.headerCell-3L6rFG {
    text-transform: uppercase;
    border-left: 1px solid var(--background-modifier-accent);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.headerCell-3L6rFG:first-child {
    border-left: none;
    padding-left: 0
}

.headerCellSorted-3a5AzJ,.headerCellSorted-3a5AzJ:hover {
    color: var(--interactive-active)
}

.rowWrapper-2fB6P0 {
    border-radius: 8px;
    margin: 0 18px;
    cursor: pointer;
    position: relative
}

.rowWrapper-2fB6P0+.rowWrapper-2fB6P0 .row-ZLfFhY {
    border-top: 1px solid var(--background-modifier-accent)
}

.rowWrapperActive-2L7i9f {
    padding-bottom: 1px;
    margin-bottom: -1px;
    z-index: 1;
    background-color: var(--background-modifier-hover)
}

.rowWrapperActive-2L7i9f,.rowWrapperGlow-w1rbPJ {
}

@-webkit-keyframes glow-3kkOpg {
    0% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes glow-3kkOpg {
    0% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.row-ZLfFhY {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 8px;
    min-height: 62px;
    color: var(--header-secondary)
}

.rowBackground-3MeNoN {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 272px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    background-size: cover;
    -webkit-mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%);
    mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%);
    border-radius: 8px
}

.bodyCell-9xKjWE {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 8px 8px 15px;
    line-height: 1.25;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.textCell-1aBIUP {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--text-muted)
}

.nameBodyCell-3JOlnK {
    font-weight: 500;
    padding-left: 8px
}

.nameCellInfo-11WjkQ {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lastPlayedCellNew-3twqHQ {
    font-weight: 600;
    color: var(--text-warning);
    text-transform: uppercase
}

.gameIcon-3XJ9fu {
    margin-right: 20px
}

.actionButtonSize-1Znp1q {
    height: 32px;
    min-width: 120px
}

.hidden-QHDCKo {
    visibility: hidden
}

.settingIcons-3QYa5E {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 26px;
    min-width: 56px
}

.settingIcon-1nXguX {
    min-width: 20px;
    margin-right: 20px
}

.settingIcon-1nXguX:last-child {
    margin-right: 0
}

.emptyState-1pmlaK {
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.emptyStateText-1CEHF_ {
    margin: 20px 20px 0;
    text-align: center
}

.emptyStateHeader-3CJtAy {
    margin-bottom: 8px;
    font-size: 24px;
    color: var(--header-primary)
}

.emptyStateDescription-2IePen {
    line-height: 1.25;
    font-size: 16px;
    color: var(--header-secondary)
}

.emptyStateButtons-2u6vlI {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.emptyStateButton-ab82qi {
    min-width: 125px;
    margin-top: 20px;
    margin-right: 20px
}

.emptyStateButton-ab82qi:last-child {
    margin-right: 0
}

.emptyWumpus-12J3jI {
    width: 404px;
    height: 202px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.emptyStateLarge-1nQX5A {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.emptyStateSmall-2Ttdgm {
    padding-top: 39px;
    border-top: 1px solid var(--background-modifier-accent)
}

.emptyStateSmall-2Ttdgm .emptyStateText-1CEHF_ {
    text-align: left;
    margin-left: 0
}

.emptyStateSmall-2Ttdgm .emptyWumpus-12J3jI {
    margin-left: 50px;
    margin-right: 40px
}

.emptyStateSmall-2Ttdgm .emptyStateButtons-2u6vlI {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.rowWrapperDim-2Y1SDG .nameBodyCell-3JOlnK,.rowWrapperDim-2Y1SDG .settingIcon-1nXguX,.rowWrapperDim-2Y1SDG .textCell-1aBIUP {
    opacity: .2
}

.rowWrapper-2fB6P0+.rowWrapperActive-2L7i9f .row-ZLfFhY,.rowWrapperActive-2L7i9f+.rowWrapper-2fB6P0 .row-ZLfFhY {
    border-top-color: transparent
}

.theme-dark .emptyWumpus-12J3jI {
    background: url(../../assets/131dcaaa628405e6d0ebee7708111c7a.html)
}

.theme-light .emptyWumpus-12J3jI {
    background: url(../../assets/d0320d29cdef93b8e2baf889a28d32e0.html)
}

@media (max-width: 1200px) {
    .settingIcons-3QYa5E {
        display:none
    }

    .emptyStateSmall-2Ttdgm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .emptyStateSmall-2Ttdgm .emptyStateText-1CEHF_ {
        text-align: center;
        margin-left: 20px
    }

    .emptyStateSmall-2Ttdgm .emptyWumpus-12J3jI {
        margin-left: 0;
        margin-right: 0
    }

    .emptyStateSmall-2Ttdgm .emptyStateButtons-2u6vlI {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 980px) {
    .platformCell-XyBBs6 {
        display:none
    }
}

@media (max-width: 860px) {
    .lastPlayedCell-2arbtc {
        display:none
    }
}

@media (max-width: 780px) {
    .rowWrapper-2fB6P0 {
        margin:0 8px
    }

    .header-39GIC8 {
        padding: 0 24px 8px
    }
}

.progress-5tMCVk {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.progressBar-3zryPV {
    position: absolute;
    width: 100%
}

.animating-LLJeAN {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out
}

.xsmall-2LuBKD {
    height: 4px
}

.small-4dgL9e,.xsmall-2LuBKD {
    border-radius: 3px
}

.small-4dgL9e {
    height: 6px
}

.large-2ObtSP {
    height: 8px;
    border-radius: 4px
}

.canvas-vcIIha {
    width: 100%;
    height: 100%
}

.monitor-16FZmL {
    width: 100%;
    height: 24px
}

.overflowContainer-3Px9Jk {
    -webkit-mask: -webkit-gradient(linear,left top,right top,color-stop(0,transparent),color-stop(50%,#000),color-stop(97%,#000),to(transparent));
    -webkit-mask: linear-gradient(90deg,transparent,#000 50%,#000 97%,transparent);
    mask: -webkit-gradient(linear,left top,right top,color-stop(0,transparent),color-stop(50%,#000),color-stop(97%,#000),to(transparent));
    mask: linear-gradient(90deg,transparent,#000 50%,#000 97%,transparent);
    overflow: hidden;
    width: 100%
}

.text-UALi1A {
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    white-space: nowrap;
    width: 70px;
    margin-right: 0
}

.title-1rXJ86 {
    font-weight: 600;
    color: currentColor
}

.rate-1Gat8e {
    font-weight: 500
}

.sparkChart-1mzaPT {
    height: 24px
}

.theme-dark .rate-1Gat8e {
    color: #72767d
}

.table-2BOVTY {
    width: 100%
}

.gameUpdates-2GPqBU {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: var(--background-tertiary)
}

.headerRow-2xTwL8 {
    padding: 20px 28px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerCell-1ucI8T {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 40px
}

.headerCell-1ucI8T:last-child {
    margin-right: 0
}

.diskProgress-37-Sik {
    color: var(--text-link)
}

.networkProgress-2auspD {
    color: var(--text-positive)
}

.row-2X_kYI {
    border-bottom: 1px solid var(--background-modifier-accent);
    margin: 0 28px;
    padding: 16px 0 10px
}

.row-2X_kYI:last-child {
    border-bottom: none
}

.cell-nWKOx7 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 8px 8px 20px
}

.nameCell-bbdv8D {
    cursor: pointer;
    width: 30%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 8px
}

.progressCell-3JFYxP {
    width: 60%
}

.actionsCell-31fBWo {
    width: 10%;
    min-width: 98px;
    padding-right: 12px;
    padding-left: 12px
}

.nameCellHeader-3ioEGH {
    font-size: 18px
}

.nameCellText-Ubz8FY {
    font-weight: 600;
    margin-left: 20px;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--header-primary)
}

.progressCellHeader-2-7Z16 {
    display: block;
    padding: 8px 8px 8px 20px
}

.progressCellBody-1PZmFW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 13px
}

.progressCellText-3avmMz {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--text-muted)
}

.infoIcon-2h6crV {
    opacity: .3;
    width: 24px;
    height: 24px
}

.actionButton-4w4-EY {
    margin-left: 8px
}

.actionButton-4w4-EY:first-child {
    margin-left: 0
}

.actionButton-4w4-EY .actionButtonContents-1bdeMq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gameActionButton-1PpUxH {
    min-width: 72px
}

.actionIcon-3Pm3FL {
    width: 24px;
    height: 24px;
    opacity: .6
}

.container-19hC9u {
    position: relative
}

.scroller-1IIF0A {
    background-color: var(--background-primary);
    contain: layout size
}

.stickyScroller-24zUyY {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.wrapper-1u09nF {
    position: relative;
    width: 50px;
    height: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.svg-3yO_hc {
    -webkit-transform: rotate(-86deg);
    transform: rotate(-86deg)
}

.path-3H_ZFA {
    fill: none;
    stroke-width: 4px
}

.background-yZEZik,.foreground-2aE44H {
}

.foreground-2aE44H {
    stroke-dashoffset: 0;
    stroke-miterlimit: 10;
    stroke-linecap: round;
    -webkit-transition: stroke .3s ease,stroke-dasharray .3s ease-out;
    transition: stroke .3s ease,stroke-dasharray .3s ease-out
}

.usageInfo-2WQAwr {
    position: absolute;
    top: 19px;
    left: 11px;
    width: 30px;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    overflow: hidden
}

.theme-dark .background-yZEZik {
    stroke: #4f545c
}

.theme-dark .usageInfo-2WQAwr {
    color: #b9bbbe
}

.theme-light .background-yZEZik {
    stroke: #dcddde
}

.theme-light .usageInfo-2WQAwr {
    color: #4f545c
}

.hoverRoll-YK53gQ {
    display: inline-block;
    vertical-align: top;
    cursor: default;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    contain: paint
}

.hoverRoll-YK53gQ.forceHover-10IIq8:not(.disabled-3Vq5Ov) .default-3sgIpy,.hoverRoll-YK53gQ:hover:not(.disabled-3Vq5Ov) .default-3sgIpy {
    -webkit-transform: translate3d(0,-107%,0);
    transform: translate3d(0,-107%,0);
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hoverRoll-YK53gQ.forceHover-10IIq8:not(.disabled-3Vq5Ov) .hovered-d5PMVU,.hoverRoll-YK53gQ:hover:not(.disabled-3Vq5Ov) .hovered-d5PMVU {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.default-3sgIpy,.hovered-d5PMVU {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
    width: 100%
}

.hovered-d5PMVU {
    opacity: 0;
    -webkit-transform: translate3d(0,107%,0);
    transform: translate3d(0,107%,0);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.wrapper-3Lw29Y {
    margin-top: 60px
}

.installationPath-3cStrB {
    padding: 20px 0
}

.installationPathEditing-1ecsKV {
    padding: 19px;
    margin-left: -20px;
    margin-right: -20px
}

.separator-3JyZKG {
    margin-top: 20px;
    margin-bottom: 20px
}

.defaultIndicator-3WqGFB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 14px;
    padding: 0 4px;
    margin-left: 8px;
    letter-spacing: .4px;
    text-align: center;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700
}

.rowBody-3dJTTZ {
    margin-top: 4px;
    font-size: 14px;
    height: 16px
}

.buttonRowWrapper-3taTnj {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.defaultLocationCheckbox-3HMIPO {
    margin-top: 20px
}

.theme-dark .installationPath-3cStrB {
    -webkit-box-shadow: 0 1px 0 0 #4f545c;
    box-shadow: 0 1px 0 0 #4f545c
}

.theme-dark .rowTitle-1KYtY7 {
    color: #dcddde
}

.theme-dark .rowBody-3dJTTZ {
    color: #72767d
}

.theme-dark .defaultLocationCheckbox-3HMIPO {
    color: #f6f6f7
}

.theme-dark .defaultIndicator-3WqGFB {
    background-color: #4f545c;
    color: #fff
}

.theme-light .installationPath-3cStrB {
    -webkit-box-shadow: 0 1px 0 0 #dcddde;
    box-shadow: 0 1px 0 0 #dcddde
}

.theme-light .rowTitle-1KYtY7 {
    color: #4f545c
}

.theme-light .rowBody-3dJTTZ {
    color: rgba(114,118,125,.6)
}

.theme-light .defaultLocationCheckbox-3HMIPO {
    color: #4f545c
}

.theme-light .defaultIndicator-3WqGFB {
    background-color: #4f545c;
    color: #fff
}

.scroller-2XE8rp {
    background-color: var(--background-primary);
    contain: layout size
}

.body-3s3lDR {
    max-width: 660px;
    margin: 0 auto;
    padding: 40px 0
}

.hiddenLibraryApplications-2C70Ov {
    margin-top: 60px
}

.hiddenLibraryApplications-2C70Ov:first-child {
    margin-top: 20px
}

.hiddenLibraryApplicationContent-2Q-kwE {
    z-index: 1
}

.hiddenLibraryApplicationsTitle-xEDJHH {
    margin-bottom: 8px
}

.hiddenLibraryApplication-T6N3U1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 20px 0;
    border-top: 1px solid
}

.hiddenLibraryApplication-T6N3U1:last-of-type {
    border-bottom: 1px solid
}

.hiddenLibraryApplication-T6N3U1:last-of-type:hover {
    border-bottom-color: transparent
}

.hiddenLibraryApplication-T6N3U1:hover .restoreButton-3jU0Z6 {
    opacity: 1
}

.restoreButton-3jU0Z6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    position: absolute;
    top: -12px;
    right: -31px;
    border-radius: 50%;
    min-height: 0;
    min-width: 0;
    cursor: pointer
}

.restoreIcon-28gQmF {
    width: 11px;
    height: 11px
}

.applicationName-2toV6z {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.applicationSubText-2V8LSK {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.theme-dark .applicationName-2toV6z {
    color: #f6f6f7
}

.theme-dark .applicationSubText-2V8LSK {
    color: #72767d
}

.theme-dark .hiddenLibraryApplication-T6N3U1 {
    border-color: #4f545c
}

.theme-dark .hiddenLibraryApplication-T6N3U1:first-of-type,.theme-dark .hiddenLibraryApplication-T6N3U1:hover,.theme-dark .hiddenLibraryApplication-T6N3U1:hover+.hiddenLibraryApplication-T6N3U1 {
    border-top-color: transparent
}

.theme-dark .hiddenLibraryApplication-T6N3U1:before {
    background: rgba(32,34,37,.3);
    border-color: #202225
}

.theme-dark .restoreButton-3jU0Z6 {
    background: #36393f;
    -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 .restoreButton-3jU0Z6:hover {
    background: #2f3136;
    -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)
}

.theme-dark .restoreIcon-28gQmF {
    color: #ed4245
}

.theme-light .applicationName-2toV6z {
    color: #4f545c
}

.theme-light .applicationSubText-2V8LSK {
    color: rgba(114,118,125,.6)
}

.theme-light .hiddenLibraryApplication-T6N3U1 {
    border-color: rgba(185,187,190,.3)
}

.theme-light .hiddenLibraryApplication-T6N3U1:first-of-type,.theme-light .hiddenLibraryApplication-T6N3U1:hover,.theme-light .hiddenLibraryApplication-T6N3U1:hover+.hiddenLibraryApplication-T6N3U1 {
    border-top-color: transparent
}

.theme-light .hiddenLibraryApplication-T6N3U1:before {
    background-color: rgba(246,246,247,.6);
    border-color: #dcddde
}

.theme-light .restoreButton-3jU0Z6 {
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 5px 0 rgba(0,0,0,.2)
}

.theme-light .restoreButton-3jU0Z6:hover {
    background: #f6f6f7;
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.theme-light .restoreIcon-28gQmF {
    color: #ed4245
}

.container-3Mxszk {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-3DjzTQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 320px;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    -webkit-transition: background .2s ease-out,opacity .2s ease-in,-webkit-box-shadow .2s ease-out,-webkit-transform .2s ease-out;
    transition: background .2s ease-out,opacity .2s ease-in,-webkit-box-shadow .2s ease-out,-webkit-transform .2s ease-out;
    transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out,opacity .2s ease-in;
    transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out,opacity .2s ease-in,-webkit-box-shadow .2s ease-out,-webkit-transform .2s ease-out;
    cursor: pointer;
    background-color: var(--activity-card-background)
}

.iconMask-3b8GzQ {
    -webkit-transition: background .2s ease-out,-webkit-box-shadow .2s ease-out,-webkit-transform .2s ease-out;
    transition: background .2s ease-out,-webkit-box-shadow .2s ease-out,-webkit-transform .2s ease-out;
    transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out;
    transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out,-webkit-box-shadow .2s ease-out,-webkit-transform .2s ease-out
}

.card-3DjzTQ:focus,.card-3DjzTQ:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.card-3DjzTQ:focus .splash-3N0nhD,.card-3DjzTQ:hover .splash-3N0nhD {
    -webkit-transform: scale(1.01) translateZ(0);
    transform: scale(1.01) translateZ(0)
}

@-webkit-keyframes placeholderPulse-3szywu {
    0% {
        opacity: .6
    }

    50% {
        opacity: .8
    }

    to {
        opacity: .6
    }
}

@keyframes placeholderPulse-3szywu {
    0% {
        opacity: .6
    }

    50% {
        opacity: .8
    }

    to {
        opacity: .6
    }
}

.cardPlaceholder-1zrbbe {
    -webkit-animation: placeholderPulse-3szywu 1.8s ease-in-out infinite;
    animation: placeholderPulse-3szywu 1.8s ease-in-out infinite;
    background-color: var(--background-tertiary)
}

.cardHeader-Int16m {
    height: 143px;
    position: relative;
    display: block;
    overflow: visible;
    margin-bottom: 32px
}

.splash-3N0nhD {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .2s,-webkit-transform .2s ease-out;
    transition: opacity .2s,-webkit-transform .2s ease-out;
    transition: opacity .2s,transform .2s ease-out;
    transition: opacity .2s,transform .2s ease-out,-webkit-transform .2s ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
}

.splash-3N0nhD,.splashImage-1wJ3Sk {
    width: 100%;
    height: 100%
}

.splashImage-1wJ3Sk {
    -o-object-fit: cover;
    object-fit: cover
}

.loaded-1eBnjq {
    position: relative
}

.loaded-1eBnjq .splash-3N0nhD {
    opacity: 1
}

.guildIcon-3W0pfo {
    position: absolute;
    bottom: -21px;
    left: 12px
}

.iconMask-3b8GzQ {
    padding: 4px;
    background-color: var(--activity-card-background)
}

.avatar-22otdK {
    width: 100%;
    height: 100%
}

.guildInfo-2wGKIg {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding: 0 16px 16px;
    overflow: hidden
}

.guildInfo-2wGKIg,.title-OqQvkN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.title-OqQvkN {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-weight: 600
}

.guildBadge-RlDbED {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-left: -2px
}

.guildName-1yURO5 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.description-2QALGo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    margin: 4px 0 16px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.memberInfo-3r4FKx {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.memberCount-1a8ALW,.memberInfo-3r4FKx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.memberCount-1a8ALW {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-right: 16px
}

.memberCount-1a8ALW:last-child {
    margin-right: 0
}

.dotOnline-8Ag7EB {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #3ba55c
}

.dotOffline-3DXoDy {
    background-color: #b9bbbe
}

.loading-17PYl_ {
    position: relative;
    border-radius: 5px;
    background-color: var(--channeltextarea-background)
}

.submitting-1aI0iz {
    opacity: .5;
    pointer-events: none
}

.spinner-3lb-NU {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: #18191c;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 1
}

.theme-dark .card-3DjzTQ,.theme-dark .iconMask-3b8GzQ {
    background-color: var(--background-secondary-alt)
}

.theme-dark .card-3DjzTQ:hover,.theme-dark .card-3DjzTQ:hover .iconMask-3b8GzQ,.theme-dark .iconMask-3b8GzQ:hover,.theme-dark .iconMask-3b8GzQ:hover .iconMask-3b8GzQ {
    background-color: var(--background-tertiary)
}

.theme-light .card-3DjzTQ {
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),var(--elevation-medium);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),var(--elevation-medium)
}

.theme-light .card-3DjzTQ:focus,.theme-light .card-3DjzTQ:hover {
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.guildListSection-2CS8vH {
    width: 100%;
    margin-bottom: 32px;
    min-width: 580px
}

.subtitle-160Q0A {
    margin-top: 4px
}

.guildList-3cJX3d {
    margin-top: 16px;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fill,minmax(248px,1fr))
}

.searchBox-3Y2Vi7 {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    padding-right: 16px;
    border-radius: 3px;
    border: 1px solid transparent
}

.searchBox-3Y2Vi7:focus,.searchBox-3Y2Vi7:focus-within {
    border-color: var(--brand-experiment)
}

.searchBox-3Y2Vi7 .searchBoxInput-uJtBcv {
    border: none;
    font-size: 18px;
    font-weight: 500;
    padding: 12px;
    background: transparent;
    height: auto
}

.searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-webkit-input-placeholder {
    font-weight: 500
}

.searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-moz-placeholder {
    font-weight: 500
}

.searchBox-3Y2Vi7 .searchBoxInput-uJtBcv:-ms-input-placeholder {
    font-weight: 500
}

.searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::placeholder {
    font-weight: 500
}

.searchBoxInputWrapper-nKncfu {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cta-BiH9zX {
    margin-right: 8px
}

.clear-U3WkKp {
    line-height: 0
}

.clearIcon-2N9YIn {
    cursor: pointer;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: var(--interactive-normal)
}

.clearIcon-2N9YIn:hover {
    color: var(--interactive-hover)
}

.clear-U3WkKp:focus,.clearIcon-2N9YIn:focus {
    color: var(--interactive-active)
}

.searchIcon-1a1-yA {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.clearIcon-2N9YIn,.searchIcon-1a1-yA {
    width: 1.4em;
    height: 1.4em
}

.theme-light .searchBox-3Y2Vi7 {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2)
}

.theme-light .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-webkit-input-placeholder {
    color: #72767d
}

.theme-light .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-moz-placeholder {
    color: #72767d
}

.theme-light .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv:-ms-input-placeholder {
    color: #72767d
}

.theme-light .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::placeholder {
    color: #72767d
}

.theme-light .searchIcon-1a1-yA {
    color: rgba(79,84,92,.6)
}

.theme-light .filterLabel-2yQNPl {
    color: #000
}

.theme-dark .searchBox-3Y2Vi7 {
    background-color: #4f545c;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2)
}

.theme-dark .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-moz-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv:-ms-input-placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::placeholder {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .searchIcon-1a1-yA {
    color: hsla(0,0%,100%,.3)
}

.theme-dark .filterLabel-2yQNPl {
    color: #b9bbbe
}

.container-V70vZ2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 16px
}

.container-V70vZ2.searchPage-3GKAdT {
    margin-bottom: 16px;
    margin-top: 0
}

.search-1iTphC {
    width: 100%;
    max-width: 560px;
    position: relative;
    margin: auto auto 16px
}

.search-1iTphC .searchBox-2_mAlO {
    z-index: 2;
    border-radius: 8px;
    background-color: #fff;
    padding-right: 8px
}

.search-1iTphC .searchBox-2_mAlO:focus,.search-1iTphC .searchBox-2_mAlO:focus-within {
    -webkit-box-shadow: 0 0 0 1px #5b43f0,0 0 0 2px #bdb3f9,0 0 0 3px #bdb3f9;
    box-shadow: 0 0 0 1px #5b43f0,0 0 0 2px #bdb3f9,0 0 0 3px #bdb3f9;
    border-color: transparent
}

.search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng {
    font-size: 16px;
    padding: 8px;
    color: #2e3338
}

.search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng::-webkit-input-placeholder {
    color: #72767d
}

.search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng::-moz-placeholder {
    color: #72767d
}

.search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng:-ms-input-placeholder {
    color: #72767d
}

.search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng::placeholder {
    color: #72767d
}

.search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1 {
    color: #4f5660;
    width: 24px;
    height: 24px
}

.search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1:hover {
    color: #2e3338
}

.search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1:focus {
    color: #060607
}

.search-1iTphC .searchBox-2_mAlO .searchIcon-6ljH-4 {
    color: rgba(79,84,92,.6)
}

.searchPage-3GKAdT .search-1iTphC {
    width: auto;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin: 0;
    max-width: 720px
}

.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO {
    background-color: var(--background-tertiary);
    -webkit-box-shadow: none;
    box-shadow: none
}

.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO:focus,.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO:focus-within {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--brand-experiment);
    -webkit-transform: none;
    transform: none
}

.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng {
    color: var(--text-normal)
}

.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1:focus,.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1:hover {
    color: var(--interactive-active)
}

.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1 {
    color: var(--interactive-normal);
    width: 24px;
    height: 24px
}

.languageSelector-LEtpHP {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 106px;
    flex: 0 0 106px;
    margin-left: 8px
}

.categories-1ywIbh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 848px
}

.categoryPill-34fszg {
    margin-right: 8px;
    margin-bottom: 4px;
    padding: 4px 8px;
    text-align: center;
    cursor: pointer;
    border-radius: 8px
}

.categoryPill-34fszg .categoryLabel-2G3r2V {
    color: var(--text-muted);
    font-weight: 600
}

.categoryPill-34fszg:hover:not(.selected-1dONk0) {
    background-color: var(--background-modifier-hover)
}

.categoryPill-34fszg.selected-1dONk0 {
    background-color: var(--brand-experiment);
    color: #fff
}

.categoryPill-34fszg.selected-1dONk0 .categoryLabel-2G3r2V {
    color: #fff
}

.card-Lnpy-k {
    position: relative
}

.container-2zflaQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.content-1BENPf {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    height: 135px
}

.content-1BENPf,.header-17VJwP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-17VJwP {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.splashContainer-1rUZiJ {
    height: 135px;
    border-radius: 8px;
    margin-right: 16px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.splashImage-37Y0AL {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out
}

.avatar-1izvHm {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.headerName-2_tRB0 {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

.hover-5Ebo7F .splashImage-37Y0AL {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.guildBadge-3eWG1R {
    margin-right: 4px
}

.description-2gqdJO {
    margin-top: 8px
}

.memberInfo-1YVMA9 {
    margin-top: auto
}

.memberCount-3waKfJ,.memberInfo-1YVMA9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.memberCount-3waKfJ {
    font-size: 12px;
    line-height: 16px
}

.dotSeparator-vID2Hz {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    margin: 0 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: var(--interactive-muted)
}

.separator-2xbLUz {
    width: 100%;
    height: 0;
    display: block;
    border: none;
    border-top: 1px solid var(--background-modifier-accent)
}

@-webkit-keyframes placeholderPulse-19E6RQ {
    0% {
        opacity: .6
    }

    50% {
        opacity: .8
    }

    to {
        opacity: .6
    }
}

@keyframes placeholderPulse-19E6RQ {
    0% {
        opacity: .6
    }

    50% {
        opacity: .8
    }

    to {
        opacity: .6
    }
}

.placeholder-2erB-x {
    height: 136px;
    border-radius: 8px;
    -webkit-animation: placeholderPulse-19E6RQ 1.8s ease-in-out infinite;
    animation: placeholderPulse-19E6RQ 1.8s ease-in-out infinite;
    background-color: var(--background-tertiary)
}

.submitting-IZmnHL {
    opacity: .5;
    pointer-events: none
}

.spinner-2OWD4A {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: #18191c;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 1
}

.pageWrapper-1PgVDX {
    width: 100%;
    position: relative
}

.platform-osx .pageHeaderDrag-OPlmbm {
    -webkit-app-region: drag
}

.viewWrapper-8-8h4T {
    width: 100%;
    height: 100%;
    max-width: 1608px;
    margin: 0 auto
}

.viewWrapper-8-8h4T.searchPage-3m5ssC {
    margin: 0
}

.scroller-1d5FgU {
    padding: 16px;
    height: 100%
}

@media (min-width: 1129px) {
    .scroller-1d5FgU {
        padding:32px
    }
}

.dragRegion-1CaXN- {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px
}

.dragRegion-1CaXN-.searchPageDrag-3TmAeh {
    height: 50px
}

.searchHeader-2I26nG {
    position: relative;
    text-align: center;
    margin-bottom: 32px;
    min-height: 200px
}

.headerImage-3X1tyY {
    display: inherit;
    border-radius: 8px;
    width: 100%;
    height: auto
}

.headerContentWrapper-2u32yq {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.headerContent-2gImvv {
    width: 100%;
    min-width: 360px;
    max-width: 720px;
    margin: 0 240px
}

.searchTitle-36D1cB {
    color: #fff
}

.searchSubtitle-2jsC5X {
    color: #fff;
    margin-top: 8px
}

.guildList-1ItbxP {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: auto;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 760px;
    margin: 0
}

@media (max-width: 1265px) {
    .searchSubtitle-2jsC5X {
        font-size:14px
    }
}

.footer-2jdoRS {
    margin: 32px 0;
    text-align: center
}

.footerImage-1CwWjz {
    margin-bottom: 8px
}

.theme-dark .pageWrapper-1PgVDX {
    background-color: #36393f;
    color: #fff
}

.theme-light .pageWrapper-1PgVDX {
    background-color: #fff;
    color: #4f545c
}

.container-1A4qMb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.container-1A4qMb,.searchHeader-14dJfk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.searchHeader-14dJfk {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.header-1URtb6 {
    color: var(--header-secondary);
    margin-left: 20px
}

.header-1URtb6 strong {
    color: var(--header-primary)
}

.arrow-3Qp2S8 {
    cursor: pointer;
    color: var(--interactive-normal)
}

.arrow-3Qp2S8:hover {
    color: var(--interactive-hover)
}

.arrow-3Qp2S8:focus {
    color: var(--interactive-active)
}

.results-2a-SSB {
    max-width: 720px;
    padding-bottom: 32px
}

.emptyContainer-1_gwCl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-secondary);
    padding: 80px 0;
    max-width: 720px;
    border-radius: 8px
}

.emptyImage-1ABqhB {
    width: 314px;
    height: 145px;
    background-image: url(../../assets/4bb32037d9d2e8240d1315ddaf4e4b85.html)
}

.emptyImage-1ABqhB,.errorImage-1StK2r {
    background-repeat: no-repeat;
    background-size: contain
}

.errorImage-1StK2r {
    width: 80px;
    height: 80px;
    background-image: url(../../assets/c4e2488e2b572c805ffc3cce9ca92376.html)
}

.emptyHeader-3hf8Hv {
    margin-top: 32px;
    margin-bottom: 8px
}

.categoryItem-1QIroW {
    color: var(--header-secondary);
    margin-left: 8px
}

.categoryItem-1QIroW.selectedCategoryItem-FHKU_o {
    color: #fff
}

.categoryItem-1QIroW.selectedCategoryItem-FHKU_o .itemInner-gPkiWb {
    background-color: var(--brand-experiment)
}

.discoverHeader-Ijkm_M {
    margin: 16px 0 16px 16px;
    font-weight: 700
}

.formGroup-2hEDrJ {
    margin-bottom: 20px
}

.formDivider-MjIVc7 {
    margin-bottom: 16px
}

.modalRoot-1Kx4Hb {
    overflow: visible
}

.inputContainer-1SpwlU {
    position: relative
}

.modalCloseButton-3ztS-g {
    position: absolute;
    top: 12px;
    right: 12px
}

.headerText-2uyvpY {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: var(--interactive-active)
}

.emojiButton-2NpAb3.fullOpacity-mggU2C {
    opacity: 1
}

.emojiButtonContainer-3d6DFV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 10px;
    height: 100%
}

.emoji-MCvpgl {
    width: 22px;
    height: 22px
}

.input-1GLP_D {
    padding-left: 42px;
    padding-right: 36px
}

.clearButton-13g8ju {
    position: absolute;
    top: 0;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    line-height: 0;
    opacity: .6
}

.clearButton-13g8ju:focus,.clearButton-13g8ju:hover {
    opacity: 1
}

.clearIcon-xXwSFS {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal)
}

.headerContainer-3N-yWX {
    overflow: visible;
    position: relative
}

.header-3C6qT5 {
    padding-top: 52px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.art-347BZj {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 200px;
    height: 120px;
    background-image: url(../../assets/c65bdfef89fe3a7456a727a4cf58933c.html)
}

.cancelButton-2O3h8t {
    color: var(--interactive-active)
}

.cancelButton-2O3h8t:hover {
    text-decoration: underline
}

.statusOptionItem-Yx4fei {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.statusIcon-17SurO {
    margin-right: 8px
}

.statusItem-33LqPf {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    grid-template-areas: "icon status" ". description";
    grid-template-rows: 24px 1fr;
    grid-template-columns: 24px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 4px 8px;
    min-height: 24px
}

.status-1fhblQ {
    grid-area: status span 2
}

.icon-1IxfJ2 {
    grid-area: icon
}

.description-2L932D {
    grid-area: description;
    color: currentColor;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 16px;
    white-space: normal
}

.customStatusItem-1TTIxM {
    grid-template-areas: "status clear";
    grid-template-columns: 1fr 20px
}

.customStatusItem-1TTIxM,.customStatusWithEmoji-8-XZ8I {
    grid-template-rows: 24px
}

.customStatusWithEmoji-8-XZ8I {
    grid-template-areas: "icon status clear";
    grid-template-columns: 24px 1fr 20px
}

.customEmoji-2_2FwB {
    grid-area: icon;
    margin-left: -2px;
    width: 16px;
    height: 16px
}

.customEmojiPlaceholder-37iZ_j {
    background-image: url(../../assets/25acad70d165d46b460754aacfdc388b.html);
    background-size: contain;
    background-repeat: no-repeat
}

.customText-tY5LJn {
    grid-area: status;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.clearStatusButton-1Mxs1q {
    grid-area: clear;
    line-height: 0
}

.clearStatusButton-1Mxs1q:hover {
    color: var(--interactive-hover)
}

.clearStatusIcon-3-MDNF {
    width: 16px;
    height: 16px;
    margin-left: 4px
}

.content-23Vf0N {
    background: var(--brand-experiment);
    position: relative;
    text-align: center;
    padding: 32px 10px 16px;
    max-width: 280px;
    border-radius: 8px
}

.art-1f2nmf {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateY(-85%) translateX(-50%);
    transform: translateY(-85%) translateX(-50%);
    width: 248px;
    height: 153.21px;
    background-image: url(../../assets/d8b0839b664fcfcfebad6a4c2a622872.html)
}

.headerText-21DDzl {
    color: #fff;
    font-weight: 600;
    margin-top: 3px
}

.bodyText-2tDiRp {
    color: #fff;
    margin-top: 4px
}

.button-1wP1OV {
    margin-top: 16px;
    height: 32px
}

.content-23Vf0N .button-1wP1OV {
    color: var(--brand-experiment)
}

.pointer-2uxyAa {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 5px solid var(--brand-experiment);
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px
}

.group-2TdL0v {
}

.title-21ph07 {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.experimentDate-1aRats {
    color: var(--channels-default)
}

.emptyState-hkJPHr {
    margin-top: 36px;
    text-align: center
}

.info-1VyQPT {
    padding: 8px 10px;
    text-transform: capitalize;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.versionHash-2gXjIB {
    text-transform: none
}

.socialLinks-3jqNFy {
    padding: 8px 10px;
    font-size: 12px;
    line-height: 16px
}

.link-1IoFq- {
    padding: 0 2px;
    margin-right: 8px
}

.foreground-26ym5y {
    -webkit-transition: fill .15s ease;
    transition: fill .15s ease
}

.theme-light .foreground-26ym5y {
    fill: #b9bbbe
}

.theme-light .link-1IoFq-:hover .foreground-26ym5y {
    fill: #72767d
}

.theme-dark .foreground-26ym5y {
    fill: #adadad
}

.theme-dark .link-1IoFq-:hover .foreground-26ym5y {
    fill: #fff
}

.description-31A0cy {
    margin-bottom: 16px
}

.buttonContainer-1zBNxN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.disableButton-220a9y {
    margin-right: 16px
}

.modalContent-2ParpD {
    padding-top: 30px;
    text-align: center
}

.header-2BYOHT {
    padding: 42px 0 4px
}

.promo--BLWHF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    margin: 20px 0 8px;
    background-color: var(--background-secondary);
    border-radius: 5px;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: left
}

.promoText-2pe0yR {
    font-weight: 600;
    margin-right: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.avatar-2IUHRM {
    position: absolute;
    top: -60px;
    left: 160px
}

.cancelButton-2i5eJ4 {
    margin-right: 12px
}

.modalFooter-mcRLvN {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modalFooter-mcRLvN,.modalFooterActions-1prWEU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modalFooterActions-1prWEU {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-3ydO_m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px
}

.title-33m_XM {
    font-weight: 700
}

.subtitle-1DRiTc,.title-33m_XM {
    text-align: center
}

.subtitle-1DRiTc {
    margin-top: 8px
}

.modalCloseButton-3aEy9o {
    position: absolute;
    top: 16px;
    right: 16px
}

.content-1AKki_ {
    padding-bottom: 16px
}

.password-7h0m3y {
    margin-top: 16px
}

.cancel-3ncp2g {
    margin-right: 8px
}

.multiInput-2AiDV2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.multiInputFirst-2aPTwX {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.multiInputField-3K361B {
    border: none;
    background-color: transparent
}

.multiInputLast-33BbRU input {
    width: 100px;
    padding-left: 32px;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace
}

.multiInputLast-33BbRU:before {
    width: 1px;
    height: 30px;
    content: "";
    position: absolute;
    margin-top: 5px;
    border-width: 1px;
    border-right-style: solid;
    opacity: .1
}

.questionMark-3qBhGj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 2px;
    margin-right: 4px;
    padding: 0;
    min-width: 0;
    min-height: 0;
    background-color: var(--brand-experiment)
}

.questionMark-3qBhGj .icon-3zLVMD {
    width: 24px;
    height: 24px;
    cursor: pointer;
    -webkit-app-region: no-drag;
    color: #f6f6f7
}

.discriminatorChangeWarning-3Aw70V {
    margin-top: 8px
}

.background-1QDuV2 {
    border-radius: 8px;
    background-color: var(--background-secondary);
    padding: 16px
}

.profile-1eT9hT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.avatarUploaderInner-2EvNMg {
    width: 80px;
    height: 80px
}

.details-2fkb7l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 16px;
    overflow: hidden
}

.detailsInner-1VPlWl {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--header-primary)
}

.username-1fQw19 {
    font-weight: 600
}

.badgeList-HtCfKd {
    margin-top: 4px
}

.fieldList-21DyL8 {
    border-radius: 8px;
    background-color: var(--background-primary);
    padding: 16px;
    margin-top: 16px
}

.field-1HUseB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fieldSpacer-wgewFh {
    margin-top: 24px
}

.fieldTitle-3h2iLW {
    margin-bottom: 4px
}

.fieldButtonList-16Wn0S {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fieldButton-27bJrp {
    margin-top: auto;
    margin-bottom: auto
}

.removeButton-3vophT {
    margin-right: 8px
}

.menu-319q29,.uploadButton-3kjtMm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.menu-319q29 {
    margin-right: 16px;
    color: var(--interactive-normal);
    cursor: pointer
}

.avatarError-10Cg1R {
    margin-top: 8px
}

.constrainedRow-2GB6Ki {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    margin-right: 16px
}

.usernameRow-2Lu_-c {
    overflow: hidden
}

.usernameInnerRow-ZlFnET {
    overflow: hidden;
    color: var(--header-primary);
    text-overflow: ellipsis
}

.userProfileCustomizationSection-3jnC1o {
    position: relative
}

.userProfileCustomizationTitle-2PzmOq {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-bottom: 8px
}

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

.nitroUpsellButtonWheel-kBcKNI {
    margin-right: 4px
}

.profileBannerSection-CYy4KP {
    margin-top: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.profileBannerInfo-3uf8pG,.profileBannerSection-CYy4KP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profileBannerInfo-3uf8pG {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.profileBannerPreview-3FLQKD {
    position: relative
}

.uploadButton-1T8FHa {
    margin-top: 16px
}

.previewProfile-_oCk35 {
    width: 300px;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px
}

.profileBackgroundPreview-3BVL0Q {
    border-radius: 0 0 8px 8px;
    height: 60px;
    width: 100%;
    top: 120px
}

.avatar-2PN2-j,.profileBackgroundPreview-3BVL0Q {
    background-color: var(--background-tertiary);
    position: absolute
}

.avatar-2PN2-j {
    border: 6px solid var(--background-tertiary);
    left: 16px;
    top: 76px;
    z-index: 1
}

.bannerUploader-2jPvg2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 205px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bannerUploaderInnerSquare-Um3vgL {
    border-radius: 8px 8px 0 0;
    background-size: cover;
    width: 100%;
    height: 120px
}

.bioSection-2odaMw {
    margin-top: 40px
}

.aboutMeDescription-CHP9ty {
    margin-bottom: 8px
}

.header-2xfEYR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px
}

.title-7KIelA {
    font-weight: 700
}

.subtitle-2RGT-H,.title-7KIelA {
    text-align: center
}

.subtitle-2RGT-H {
    margin-top: 8px
}

.modalCloseButton-1tQPZJ {
    position: absolute;
    top: 16px;
    right: 16px
}

.content-39mg13 {
    padding-bottom: 16px
}

.newPassword-2xUoju {
    margin-top: 16px
}

.cancel-3-Mvz6 {
    margin-right: 8px
}

.spacing-1KPMm9 {
}

.headerSpacing-VC8KSy {
    margin-bottom: 0
}

.topSpacing-1zJ_nL {
}

.inputContainer-3J8c1k {
}

.input-1yeenJ {
    width: 100%
}

.customWidth-hekRLH {
    width: 520px
}

.divider-2iVRnS {
}

.image-zE4JEH {
    width: 128px
}

.secret-VW-wXa {
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace
}

.theme-dark .subHeader-3TFIST {
    color: #b9bbbe
}

.theme-light .subHeader-3TFIST {
    color: #72767d
}

.modal-IZS9Va {
    width: 450px
}

.modalInner-H7DVez {
    padding-bottom: 20px
}

.header-26_H9C img {
    vertical-align: bottom
}

.divider-1F2Yxh {
}

.sectionBody-DUrZPU {
}

.phoneNumber-1Sn5tB {
    font-weight: 600;
    padding-right: 4px
}

.linkButton-2seBb6 {
    padding-left: 0;
    font-size: 16px
}

.theme-dark .sectionBody-DUrZPU,.theme-dark .subHeader-3FXnUc {
    color: #b9bbbe
}

.theme-light .sectionBody-DUrZPU,.theme-light .subHeader-3FXnUc {
    color: #72767d
}

.btn-1PnLxm {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    position: relative;
    text-align: center;
    cursor: pointer
}

.btn-1PnLxm+.btn-1PnLxm {
    margin-left: 8px
}

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

.btn-1PnLxm.btnPrimary-1jluZW {
    color: #fff;
    background-color: var(--brand-experiment);
    border-radius: 3px;
    padding: 8px 16px
}

.btn-1PnLxm.btnPrimary-1jluZW:hover:not(:disabled) {
    background-color: var(--brand-experiment-600)
}

.userSettingsSecurityImage-21pI_Q {
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (max-width: 840px) {
    .userSettingsSecurityImage-21pI_Q {
        opacity:0
    }
}

.userSettingsSecurity-3IYeMF .isEnabled-24g9qA {
    color: var(--text-positive)
}

.userSettingsSecurity-3IYeMF .lockIcon-2Hj8Tq {
    margin-right: 4px;
    width: 10px;
    height: 14px;
    position: relative;
    top: 2px
}

.userSettingsSecurity-3IYeMF .checkboxGroup-3_9osm .code-2d9-2m {
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-size: 14px;
    line-height: 28px;
    cursor: text
}

.phoneRevealer-3-Mv3e {
    margin-left: 4px
}

.changePasswordButton-1LGVWT {
    margin-bottom: 28px
}

.accountWarningBodyText-3_2oAj {
    margin-bottom: 16px
}

.backupCode-1iCDnI {
    outline: none;
    display: inline-block
}

.theme-light .userSettingsSecurity-3IYeMF .codeCheckbox-1T0TTy {
    color: #4f545c
}

.theme-dark .userSettingsSecurity-3IYeMF .codeCheckbox-1T0TTy {
    color: #dcddde
}

.userProfileCustomizationSection-3nHZ-9 {
    margin-top: 40px;
    position: relative
}

.nitroIcon-1oDfAa {
    color: var(--header-primary);
    margin-right: 6px;
    position: relative;
    top: -3px
}

.customizationTitle-1mlo_w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.betaTag-2ZuBkl {
    margin-left: 8px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-weight: 400
}

.modalContent-Kx1eDz {
    padding-bottom: 20px
}

.inputWrapper-1WF_fw {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 10px;
    width: 100%;
    margin-bottom: 20px
}

.preview-2nSL_2 {
    position: relative;
    height: 180px;
    overflow: hidden;
    background-color: var(--background-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.preview-2nSL_2:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: default
}

.firstMessage-2wgPU_ {
    margin-top: -.8rem!important
}

.compactPreview-uctQ4t .firstMessage-2wgPU_ {
    margin-top: 0!important
}

.authedApp-mj2Hmd {
    padding: 20px
}

.authedApp-mj2Hmd:focus-within .deleteApp-dtfZIe,.authedApp-mj2Hmd:hover .deleteApp-dtfZIe {
    opacity: 1
}

.deleteApp-dtfZIe {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.headerInfo-30WFqE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.appAvatar-3bgkQ9 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-user-drag: none
}

.permission-1gtoyP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px
}

.permissionCheckmark-1SeKr2 {
    background: url(../../assets/718074e12775def7df7e2a01d6bf2bf8.html) no-repeat;
    background-size: 18px 18px;
    display: inline-block;
    width: 23px;
    height: 18px
}

.formError-2HK0A5 {
    margin-bottom: 20px
}

.card-VoqMMK {
    padding: 20px
}

.addressSection-3LwW_f,.formActions-34l65m {
    margin-top: 20px
}

.defaultSection-2hDX5u {
    margin: 20px 0
}

.defaultCheckboxLabel-380vsp {
    margin-left: 4px
}

.sectionHeader-1068cF {
    margin-bottom: 10px
}

.subText-1Lf-cY {
    font-size: 14px;
    margin-top: 20px;
    color: var(--text-muted)
}

.errorSubText-E6nFXO {
}

.disabledTooltipWrapper-pcjnN3 {
    position: relative
}

.disabledTooltipTarget-1M3ydP {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    cursor: not-allowed
}

.theme-light .sectionHeader-1068cF {
    color: #72767d
}

.theme-light .errorSubText-E6nFXO {
    color: #ed4245
}

.theme-dark .sectionHeader-1068cF {
    color: #b9bbbe
}

.theme-dark .errorSubText-E6nFXO {
    color: #ed4245
}

.paymentSourceRow-3FbcL_ {
    margin: 16px 0
}

.header-3HBlrs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subText-2Zhkkh {
    font-size: 14px;
    margin-top: 4px
}

.footer-TVTShO {
    margin-top: 20px
}

.lockIcon-1UaIyp {
    margin-right: 8px;
    width: 20px;
    height: 20px
}

.theme-dark .subText-2Zhkkh,.theme-light .subText-2Zhkkh {
    color: #72767d
}

.syncing-q4sYw9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 300px
}

.paymentHistory-2FXzro {
    margin-top: 40px
}

.codeRedemptionRedirect-1wVR4b {
    font-size: 14px;
    line-height: 18px;
    margin-top: 40px;
    padding: 16px 22px
}

.theme-dark .codeRedemptionRedirect-1wVR4b {
    color: #fff;
    background-color: #2f3136;
    border-color: #202225
}

.theme-light .codeRedemptionRedirect-1wVR4b {
    color: #4f545c;
    background-color: #f6f6f7;
    border-color: #dcddde
}

.accountList-33MS45 {
    padding: 20px 20px 12px;
    background-color: var(--background-secondary-alt);
    border-radius: 8px
}

.accountBtn-2Nozo3 {
    margin-right: 8px;
    margin-bottom: 8px
}

.accountBtn-2Nozo3:last-child {
    margin-right: 0
}

.accountBtn-2Nozo3 .accountBtnInner-sj5jLs {
    background-color: var(--background-secondary);
    border: none
}

.accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover {
    background-color: var(--background-modifier-hover)
}

.connectionList-3pzR-1 {
    display: grid;
    grid-gap: 24px
}

.connection-1fbD7X {
    background-color: var(--background-secondary);
    width: 100%;
    border-radius: 8px
}

.connectionHeader-2MDqhu {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 20px;
    background: var(--background-secondary-alt);
    border-radius: 8px 8px 0 0
}

.connectionHeader-2MDqhu .connectionAccountValue-3VdBGs {
    color: var(--header-primary);
    margin-left: 20px
}

.connectionAccountLabel-1DiK0A {
    margin-left: 20px;
    font-size: 12px;
    line-height: 14px;
    color: var(--header-secondary)
}

.connectionIcon-2ElzVe {
    width: 32px;
    height: 32px
}

.connectionOptionsWrapper-3KIj1Z {
    padding: 20px 10px 0
}

.connectionOptionsWrapper-3KIj1Z .connectionOptionSwitch-3KNn-E h3 {
    color: #fff;
    font-weight: 500
}

.connectionOptionSwitch-3KNn-E {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 10px;
    padding-right: 10px
}

.connectionOptions-YE9FAM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.integrationsWrapper-VkM_zO {
    padding: 20px
}

.integrationsWrapper-VkM_zO a {
    color: var(--text-normal)
}

.integration-3kMeY4 {
    border-radius: 8px;
    background: var(--background-secondary-alt);
    padding: 16px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.integration-3kMeY4 .guildIcon-YCs9He {
    margin: 0 10px 0 0;
    float: left
}

.integrationInner-3SUFBs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.integrationInner-3SUFBs .channelLink-2TxEu3 {
    color: var(--header-secondary);
    font-size: 12px
}

.integrationInner-3SUFBs .integrationName-2tSCoY {
    color: var(--header-primary)
}

.warning-1XxEC9 {
    color: var(--text-warning)
}

.connectedAccounts-2-XP1G {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.connectionDelete-2Odoln {
    cursor: pointer;
    color: var(--interactive-normal);
    -ms-flex-item-align: center;
    align-self: center
}

.connectionDelete-2Odoln:hover {
    color: var(--interactive-hover)
}

.connectedAccountSeparator-2EgLhW {
    margin-left: 20px;
    margin-right: 20px;
    width: auto
}

.subEnabledTitle-2ElRo_ {
    color: var(--text-normal)
}

.item-3q5jTx {
    position: relative
}

.removeBuildOverride-1P8xc1 {
    opacity: 0;
    position: absolute;
    top: -12px;
    right: -31px
}

.buildOverrideGroup-2x3Fda {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -1px
}

.buildOverrideGroup-2x3Fda:hover .removeBuildOverride-1P8xc1 {
    opacity: 1
}

.theme-dark .codebox-1FquOa,.theme-light .codebox-1FquOa {
    height: 230px;
    max-height: 230px;
    background: none
}

.removeBuildOverrideDisabled-3-pn2T {
    opacity: .75;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: not-allowed
}

.theme-light .row-2o2DzQ {
    -webkit-box-shadow: inset 0 -1px 0 rgba(185,187,190,.3);
    box-shadow: inset 0 -1px 0 rgba(185,187,190,.3)
}

.theme-dark .row-2o2DzQ {
    -webkit-box-shadow: inset 0 -1px 0 rgba(114,118,125,.3);
    box-shadow: inset 0 -1px 0 rgba(114,118,125,.3)
}

.notDetected-33MY4s,.nowPlaying-284llR {
    width: 100%;
    padding: 16px;
    -webkit-animation: none;
    animation: none;
    margin-top: 0;
    border-radius: 3px
}

.notDetected-33MY4s .overlayStatusText-L2IACa,.notDetected-33MY4s .overlayWarningIcon-3fZsZE,.nowPlaying-284llR .overlayStatusText-L2IACa,.nowPlaying-284llR .overlayWarningIcon-3fZsZE {
    opacity: 1
}

.nowPlayingAdd-1Kdmh_ {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: 0;
    font-size: 14px
}

.game-1ipmAa {
    position: relative;
    padding: 20px 0
}

.game-1ipmAa .removeGame-2JFGPn {
    position: absolute;
    top: -12px;
    right: -31px;
    opacity: 0
}

.game-1ipmAa:focus-within .overlayStatusText-L2IACa,.game-1ipmAa:focus-within .overlayWarningIcon-3fZsZE,.game-1ipmAa:focus-within .removeGame-2JFGPn,.game-1ipmAa:hover .overlayStatusText-L2IACa,.game-1ipmAa:hover .overlayWarningIcon-3fZsZE,.game-1ipmAa:hover .removeGame-2JFGPn {
    opacity: 1
}

.activeGame-14JI7o {
    position: relative
}

.activeGame-14JI7o .removeGame-2JFGPn {
    position: absolute;
    top: -12px;
    right: -12px;
    opacity: 0
}

.activeGame-14JI7o:focus-within .removeGame-2JFGPn,.activeGame-14JI7o:hover .removeGame-2JFGPn {
    opacity: 1
}

.gameName-1RiWHm,.gameNameInput-385LoS,.gameVerifiedIcon-2dGGa5,.lastPlayed-3bQ7Bo,.overlayStatusText-L2IACa,.overlayToggleIcon-2liB3r {
    z-index: 1
}

.gameNameLastPlayed-3LJo8n {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.gameVerifiedIcon-2dGGa5 {
    margin-left: 8px
}

.gameName-1RiWHm {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.gameNameInput-385LoS {
    border: 1px solid transparent;
    border-radius: 3px;
    background-color: transparent;
    padding: 0 4px;
    margin-left: -5px;
    width: 240px
}

.lastPlayed-3bQ7Bo {
    color: #72767d;
    font-size: 14px
}

.overlayStatusText-L2IACa {
    width: 100px;
    margin-right: 4px;
    text-transform: uppercase;
    font-size: 14px;
    opacity: 0
}

.overlayToggleIcon-2liB3r {
    cursor: pointer
}

.overlayToggleIconOff-1kT42w .fill-1ugeBG {
    fill: #ed4245
}

.overlayWarningIcon-3fZsZE {
    background: url(../../assets/afc17a02f2ea7406b0ee518c28414f7c.html) no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 20px;
    opacity: 0
}

.addGamePopout-2RY8Ju {
    padding: 10px;
    width: 300px;
    border-radius: 3px
}

.addGamePopout-2RY8Ju .actions-3wcPyD {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.detectedApplication-1qfUIv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.theme-light .nowPlayingAdd-1Kdmh_ {
    color: #b9bbbe
}

.theme-light .game-1ipmAa {
    -webkit-box-shadow: 0 1px 0 0 #dcddde;
    box-shadow: 0 1px 0 0 #dcddde
}

.theme-light .gameName-1RiWHm {
    color: #4f545c
}

.theme-light .gameNameInput-385LoS:focus,.theme-light .gameNameInput-385LoS:hover {
    border-color: rgba(79,84,92,.3);
    background-color: #fff
}

.theme-light .lastPlayed-3bQ7Bo {
    color: #72767d
}

.theme-light .overlayStatusText-L2IACa {
    color: #b9bbbe
}

.theme-light .overlayToggleIconOn-3UNmty .fill-1ugeBG {
    fill: #b9bbbe
}

.theme-light .addGamePopout-2RY8Ju {
    background-color: #fff
}

.theme-dark .nowPlayingAdd-1Kdmh_ {
    color: #72767d
}

.theme-dark .game-1ipmAa {
    -webkit-box-shadow: 0 1px 0 0 #4f545c;
    box-shadow: 0 1px 0 0 #4f545c
}

.theme-dark .gameName-1RiWHm {
    color: #f6f6f7
}

.theme-dark .gameNameInput-385LoS:focus,.theme-dark .gameNameInput-385LoS:hover {
    border-color: rgba(79,84,92,.3);
    background-color: #36393f
}

.theme-dark .lastPlayed-3bQ7Bo,.theme-dark .overlayStatusText-L2IACa {
    color: #72767d
}

.theme-dark .overlayToggleIconOn-3UNmty .fill-1ugeBG {
    fill: #72767d
}

.theme-dark .addGamePopout-2RY8Ju {
    background-color: #36393f
}

.theme-dark .addGamePopout-2RY8Ju .cancelButton-10XRsm {
    color: #fff
}

.theme-dark .nowPlayingAdd-1Kdmh_,.theme-light .nowPlayingAdd-1Kdmh_ {
    color: #b9bbbe
}

.theme-dark .nowPlaying-284llR,.theme-light .nowPlaying-284llR {
    background-color: #3ba55c
}

.theme-dark .nowPlaying-284llR .gameName-1RiWHm,.theme-light .nowPlaying-284llR .gameName-1RiWHm {
    color: #ddfce7
}

.theme-dark .nowPlaying-284llR .gameNameInput-385LoS:focus,.theme-dark .nowPlaying-284llR .gameNameInput-385LoS:hover,.theme-light .nowPlaying-284llR .gameNameInput-385LoS:focus,.theme-light .nowPlaying-284llR .gameNameInput-385LoS:hover {
    border-color: #1a4929;
    background-color: rgba(26,73,41,.3)
}

.theme-dark .nowPlaying-284llR .lastPlayed-3bQ7Bo,.theme-dark .nowPlaying-284llR .overlayStatusText-L2IACa,.theme-light .nowPlaying-284llR .lastPlayed-3bQ7Bo,.theme-light .nowPlaying-284llR .overlayStatusText-L2IACa {
    color: #fff
}

.theme-dark .nowPlaying-284llR .overlayToggleIconOff-1kT42w .fill-1ugeBG,.theme-dark .nowPlaying-284llR .overlayToggleIconOn-3UNmty .fill-1ugeBG,.theme-light .nowPlaying-284llR .overlayToggleIconOff-1kT42w .fill-1ugeBG,.theme-light .nowPlaying-284llR .overlayToggleIconOn-3UNmty .fill-1ugeBG {
    fill: #79f59f
}

.theme-dark .notDetected-33MY4s,.theme-light .notDetected-33MY4s {
    background-color: #747f8d
}

.theme-dark .notDetected-33MY4s .gameName-1RiWHm,.theme-light .notDetected-33MY4s .gameName-1RiWHm {
    color: #f8f9f9
}

.theme-dark .notDetected-33MY4s .lastPlayed-3bQ7Bo,.theme-light .notDetected-33MY4s .lastPlayed-3bQ7Bo {
    color: #c7ccd1
}

.feature-BGH8y4 {
    padding-top: 20px
}

.featureBorder-7j4v58 {
    border-top: 1px solid var(--background-modifier-accent)
}

.title-PMZpEi {
    font-size: 20px;
    color: var(--header-primary)
}

.description-1W0DiL {
    font-size: 16px;
    line-height: 20px;
    color: var(--text-normal)
}

.icon-3j1dJB {
    width: 120px;
    height: 80px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.videoWrapper-3YdgHH {
    background-color: var(--background-primary);
    border-radius: 5px;
    overflow: hidden
}

.video-2aTfcg {
    display: block;
    width: 100%;
    height: 100%
}

.features-2npk2D {
    margin-bottom: 20px
}

.video-34IsHk {
    margin: 0 auto 40px
}

.perksHeading-3oxU3I {
    text-align: center;
    text-transform: uppercase;
    color: var(--text-normal)
}

.perkIcon-2bvvgO {
    background-position: 50%;
    background-size: contain
}

.perkNewsletter-2lxlA1 {
    background-image: url(../../assets/c970061def69b8226617841ca3089219.html)
}

.perkBadge-2la1kc {
    background-image: url(../../assets/46b24114f7276738329be3ae84e22da4.html)
}

.perkChallenges-19qHzw {
    background-image: url(../../assets/b13ade832d7f19e30c5d2452b6cbdd53.html)
}

.wrapper-2K37PN {
    width: 100%
}

.contentWrapper-1VyP0K {
    padding-bottom: 20px
}

.prompt-kcCNXs {
}

.selectYourAnswer-2lDJj_ {
}

.separator-PE-_y1 {
    border: 0;
    background-color: #4f5660;
    height: 1px;
    margin: 0
}

.theme-light .prompt-kcCNXs {
    color: #040405
}

.theme-light .selectYourAnswer-2lDJj_ {
    color: #9099a4
}

.theme-light .separator-PE-_y1 {
    background-color: #e3e5e8
}

.theme-dark .prompt-kcCNXs {
    color: #fff
}

.theme-dark .selectYourAnswer-2lDJj_ {
    color: #9099a4
}

.theme-dark .separator-PE-_y1 {
    background-color: #4f5660
}

.outerContentWrapper-2YH49P {
    overflow: hidden;
    position: relative
}

.innerContentWrapper-1OlqRR,.outerContentWrapper-2YH49P {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.quizResultHeading-2_7tfJ {
    margin-bottom: 24px;
    text-align: center;
    color: var(--text-normal)
}

.inputFirstName-1ssgZ2,.nameFormPreface-H-3UVQ {
    margin-bottom: 20px
}

.quizResultBody-2x52di {
    line-height: 18px
}

.quizResultLogoWrapper-1A5Eb1 {
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 160px;
    height: 160px
}

.quizResultLogo-QNVISZ {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 115px;
    height: 115px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.quizResultLogoWrapperHouse1-3FV1ry {
    background-color: #9c84ef
}

.quizResultLogoWrapperHouse1-3FV1ry .quizResultLogo-QNVISZ {
    -webkit-transform: translate(-50%,-45%);
    transform: translate(-50%,-45%)
}

.quizResultLogoWrapperHouse2-3yrRO9 {
    background-color: #f47b67
}

.quizResultLogoWrapperHouse3-2oQS9n {
    background-color: #45ddc0
}

.membershipDialog-rVL-t_ {
    border-radius: 3px;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 30px;
    position: relative
}

.membershipDialog-rVL-t_:after {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../../assets/c48ff253859d29a8825ddb00b59a4565.html);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    opacity: .15;
    width: 100%;
    height: 100%;
    z-index: 0
}

.membershipDialogContent-3zv-XB {
    position: relative;
    z-index: 1
}

.membershipDialogHeading-3y8iIr {
    margin-bottom: 16px;
    text-transform: uppercase
}

.membershipDialogHouseName-ezTTJ9 {
    font-size: 24px;
    margin-bottom: 8px
}

.membershipDialogHouseDescription-1GaVtg {
    margin-bottom: 20px
}

.membershipDialogSwitchHouses-1K8L1U {
    border-top: 1px solid hsla(0,0%,100%,.1);
    padding-top: 26px;
    text-align: center
}

.membershipDialogSwitchHousesAction-2a3eDg {
    color: hsla(0,0%,100%,.7);
    cursor: pointer;
    display: inline-block;
    margin-left: 4px;
    -webkit-transition: color .1s;
    transition: color .1s
}

.membershipDialogHeading-3y8iIr,.membershipDialogHouseDescription-1GaVtg,.membershipDialogHouseName-ezTTJ9,.membershipDialogSwitchHouses-1K8L1U,.membershipDialogSwitchHousesAction-2a3eDg:hover {
    color: #fff
}

.joinCTAWrapper-2BaVvb {
    margin-bottom: 40px
}

.joinCTA-FN-DEn {
    margin-bottom: 20px
}

.newsletterWarning-UKgyLB {
    font-size: 14px;
    line-height: 18px;
    opacity: .7;
    text-align: center
}

.membershipDialogHouse1-3KhKE- {
    background-color: #9c84ef
}

.membershipDialogHouse2-35h9SY {
    background-color: #f47b67
}

.membershipDialogHouse3-15OBIQ {
    background-color: #45ddc0
}

.houseLogoWrapper-3XZ6yo {
    background: #fff;
    border-radius: 100%;
    position: relative;
    width: 100px;
    height: 100px
}

.houseLogo-2MU96l {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.houseLogoHouse1-2LEurl {
    -webkit-transform: translate(-50%,-45%);
    transform: translate(-50%,-45%)
}

.leaveActionWrapper-34XGz6 {
    border-top: 1px solid var(--background-modifier-accent);
    margin-bottom: 40px;
    padding-top: 40px;
    text-align: center
}

.leaveButton-2ml9zB {
    cursor: pointer;
    display: inline-block;
    margin-left: 4px;
    padding: 0;
    position: relative
}

.error-2netMa {
    color: #ed4245;
    margin-bottom: 20px
}

.wrapper-2lwZNm {
    padding: 20px;
    text-align: center
}

.image-3bKszV {
    background: none 50%/contain no-repeat;
    width: 120px;
    height: 107px
}

.content-M_iuTu {
}

.theme-dark .image-3bKszV {
    background-image: url(../../assets/cefc9c14adce616059f519c581331b32.html)
}

.theme-light .image-3bKszV {
    background-image: url(../../assets/890ba09792d4b17f9cffacdd81df6b71.html)
}

.intro-325xRx {
    margin-bottom: 40px;
    text-align: center
}

.introHeader-4MPach {
    font-weight: 700;
    margin-bottom: 8px
}

.verificationNotice-3n1EX6 {
    margin-bottom: 40px
}

.attendeeCTA-3ZZQWt {
    color: var(--text-normal);
    font-size: 14px;
    line-height: 18px;
    margin-top: 40px;
    padding: 16px 22px
}

.attendeeCTA-3ZZQWt a {
    font-weight: inherit
}

.codeRedemptionInput-3JOJea {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 20px
}

.confirmBackgroundImage-2lmx3s {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: bottom;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-mask: radial-gradient(circle at 50% 0,#000,transparent);
    mask: radial-gradient(circle at 50% 0,#000,transparent)
}

.confirmEntitlementBackground-2xwrrr {
    opacity: .1
}

.confirmPremiumBackground-Y8tSCm {
    background-image: url(../../assets/6a737f7b8384b26ac45e389dbab5b43b.html);
    background-size: cover;
    opacity: .2
}

.confirmPremiumIcon-26GX5Y {
    background-image: url(../../assets/95a99c20457b563a45238e98545c2744.html);
    background-size: cover;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 80px;
    height: 80px
}

.confirmCloseButton-1LOHfq {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: 10px;
    margin-bottom: 10px
}

.confirmContent-GnT1qw {
    padding: 20px 0 50px
}

.confirmTitle-1K9S8K {
    font-size: 24px;
    line-height: 1.25
}

.confirmButton-1VXU_S,.confirmTitle-1K9S8K {
    margin-top: 20px
}

.confirmBlurb-2LiLkM {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.44;
    text-align: center;
    max-width: 360px
}

.theme-dark .confirmTitle-1K9S8K {
    color: #fff
}

.theme-dark .confirmBlurb-2LiLkM {
    color: #b9bbbe
}

.theme-light .confirmTitle-1K9S8K {
    color: #36393f
}

.theme-light .confirmBlurb-2LiLkM {
    color: #72767d
}

.modalRoot-b4j38N {
    overflow: visible
}

.content-2ruaPs {
    padding-bottom: 16px
}

.modalCloseButton-wRlXg2 {
    position: absolute;
    top: 12px;
    right: 12px
}

.headerText-BkYGzL {
    margin-top: 8px;
    text-align: center
}

.headerContainer-3wcp1C {
    overflow: visible;
    position: relative
}

.header-3fy4Ix {
    padding-top: 52px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.art-2_Xqu3 {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 300px;
    height: 120px;
    background-image: url(../../assets/f6c22e729e8546947eb67d1e67c24697.html)
}

.subHeader-ySW_oM {
    color: var(--header-secondary);
    text-transform: uppercase;
    margin-bottom: 8px
}

.confirmationEmail-sCKx-l {
    margin-top: 8px;
    color: var(--header-secondary)
}

.card-7JP0BX {
    border-radius: 5px;
    overflow: hidden;
    cursor: default;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.header-1RC2Wb {
    position: relative;
    padding: 20px
}

.headerButtonColor-G7_f-V {
    background: #4f545c;
    color: #fff
}

.coverArtPosition-1EkmxA {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-position-y: 40%;
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.splashArt-3yFzRe {
    width: 300px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3;
    -webkit-mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,0) 100%);
    mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,0) 100%)
}

.body-SKIE6r {
    background-color: var(--background-secondary)
}

.header-1RC2Wb {
    background-color: var(--background-tertiary);
    color: var(--header-primary)
}

.header-1RC2Wb:hover {
    background-color: var(--background-modifier-hover)
}

.theme-dark .card-7JP0BX {
    color: #f6f6f7
}

.theme-dark .splashArt-3yFzRe {
    background-image: url(../../assets/976b56da8d86af63aef4f55afb553a9f.html)
}

.theme-light .card-7JP0BX {
    color: #36393f
}

.theme-light .splashArt-3yFzRe {
    background-image: url(../../assets/171a53265b4d807b208e80f1acba3762.html)
}

.card-3S2buc {
    cursor: pointer
}

.subText-2dcuEX {
    font-size: 12px;
    line-height: 16px
}

.subTextHeader-1m8dpJ,.subTextRow-2vP_Z7 {
}

.subTextHeader-1m8dpJ {
    font-weight: 600
}

.codeText-yBpp9D {
    margin-bottom: 8px
}

.headerText-1hVFSC {
    margin-left: 20px
}

.cardHeader-oG4l4I {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.giftCodeRow-24nTuI {
    padding: 20px 0 19px;
    margin: 0 20px;
    border-bottom: 1px solid transparent
}

.giftCodeRow-24nTuI:last-child {
    border-bottom: none
}

.generateCodeRow-U1iNgl {
    padding: 22px 0
}

.gameName-2LhX55 {
    line-height: 19px
}

.expandIcon-3v5EV8 {
    margin-left: 8px;
    cursor: pointer
}

.spinner-3abdbi {
    padding: 20px
}

.theme-dark .subTextHeader-1m8dpJ {
    color: #72767d
}

.theme-dark .subTextRow-2vP_Z7 {
    color: #b9bbbe
}

.theme-dark .giftCodeRow-24nTuI {
    border-color: rgba(79,84,92,.6)
}

.theme-dark .bodyButtonColor-ptbdFu {
    background: #36393f;
    color: #fff
}

.theme-dark .bodyButtonColor-ptbdFu:hover {
    background: #4f545c
}

.theme-dark .bodyButtonColor-ptbdFu:active {
    background: #72767d
}

.theme-light .subTextHeader-1m8dpJ {
    color: #72767d
}

.theme-light .subTextRow-2vP_Z7 {
    color: #b9bbbe
}

.theme-light .bodyButtonColor-ptbdFu {
    background: #f6f6f7
}

.theme-light .bodyButtonColor-ptbdFu:hover {
    background: #dcddde
}

.theme-light .bodyButtonColor-ptbdFu:active {
    background: #b9bbbe
}

.skuCard-i0Kf67 {
    margin-bottom: 20px
}

.emptyState-1C8By3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.emptyStateHeader-248f_b {
    margin-top: 20px;
    font-size: 24px;
    line-height: 1.17
}

.emptyStateSubtext-2hdA9c {
    margin-top: 8px;
    line-height: 1.25
}

.emptyStateImage-2MrSNs {
    margin-top: 120px;
    width: 404px;
    height: 202px
}

.loading-3DDmD5 {
    margin-top: 40px
}

.promotionCardDescriptionWithCode-3YtJQp {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: text
}

.promotionIcon-3FDeSa {
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 4px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.xboxGamePassIcon-2to-VL {
    background: url(../../assets/8fee6fec894e95626a95d855b7da1e88.html)
}

.funimationIcon-1WU3NH {
    background: url(../../assets/0708148beeac0b7c44ab538b95abe49e.html);
    background-size: 100%
}

.promotionLegalese-3EeK1U {
    border-top: 1px solid var(--background-modifier-accent);
    margin-top: 8px;
    padding-top: 8px
}

.theme-dark .emptyStateHeader-248f_b {
    color: #fff
}

.theme-dark .emptyStateSubtext-2hdA9c {
    color: #b9bbbe
}

.theme-dark .emptyStateImage-2MrSNs {
    background: url(../../assets/131dcaaa628405e6d0ebee7708111c7a.html)
}

.theme-light .emptyStateHeader-248f_b {
    color: #4f545c
}

.theme-light .emptyStateSubtext-2hdA9c {
    color: #72767d
}

.theme-light .emptyStateImage-2MrSNs {
    background: url(../../assets/d0320d29cdef93b8e2baf889a28d32e0.html)
}

.divider-1Jfi9s {
    margin: 32px 0
}

.item-rJ_Cmt,.keybindMessage-20JT9A {
    position: relative
}

.item-rJ_Cmt a,.keybindMessage-20JT9A a {
    color: inherit;
    text-decoration: underline
}

.ghostPill-2-KUPM {
    color: #060607;
    background-color: #feedd1;
    border: 1px solid #faa61a;
    display: inline-grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: auto 1fr;
    padding: 10px;
    grid-gap: 10px;
    font-size: 14px;
    border-radius: 4px
}

.removeKeybind-39dSFj {
    opacity: 0;
    position: absolute;
    top: -12px;
    right: -31px
}

.keybindGroup-JQs9x_ {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -1px
}

.keybindGroup-JQs9x_:hover .removeKeybind-39dSFj {
    opacity: 1
}

.keyboard-mode .keybindGroup-JQs9x_:focus-within .removeKeybind-39dSFj {
    opacity: 1
}

.defaultKeybind-2coG8W {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 14px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    height: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.defaultKeybindGroup-X6nhBr {
    margin: 40px 0 24px
}

.defaultKeybindShortcutGroup-gWLCis {
    display: grid;
    grid-gap: 4px
}

.defaultKeybindGroupHeader-3fMhcS {
    text-transform: uppercase;
    margin-bottom: 24px
}

.defaultKeybindGroupWithDescription-3YceEh {
    margin-bottom: 4px
}

.defaultKeybindGroupDescription-1bMdWe {
    margin-bottom: 20px
}

.defaultKeybindShortcut-14Z6f4 {
    margin: 0
}

.browserNotice-cefwll a {
    color: inherit;
    text-decoration: underline
}

.theme-light .row-2okwlC {
    -webkit-box-shadow: inset 0 -1px 0 rgba(185,187,190,.3);
    box-shadow: inset 0 -1px 0 rgba(185,187,190,.3)
}

.theme-dark .row-2okwlC {
    -webkit-box-shadow: inset 0 -1px 0 rgba(114,118,125,.3);
    box-shadow: inset 0 -1px 0 rgba(114,118,125,.3)
}

.option-2Mjq18 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.localeName-2oaRo4 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.localizedName-2dYMQh {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.flag-Ve4YnP,.localizedName-2dYMQh {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.flagImage-3Wbkq4 {
    display: block;
    margin-left: 8px;
    width: 27px;
    height: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.notificationSound-3D6eyn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.soundName-23hgAT {
    margin-right: 8px
}

.soundIcon-2ketvd,.soundName-23hgAT {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.soundIcon-2ketvd {
    opacity: 0;
    height: 24px;
    padding: 4px;
    margin-top: -1px;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.soundIcon-2ketvd:active {
    opacity: 1
}

.soundRow-7krrdT:focus-within .soundIcon-2ketvd,.soundRow-7krrdT:hover .soundIcon-2ketvd {
    opacity: .6
}

.icon-GiGwrE {
    width: 16px;
    height: 16px
}

.wrapper-3jrx9n {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-color: rgba(0,0,0,.1);
    padding-bottom: 56.25%;
    border-radius: 8px;
    border: 2px solid var(--brand-experiment)
}

.wrapper-3jrx9n.disabledSelected-2Kf0yZ {
    border: 2px solid #ed4245
}

.option-n0icdO {
    position: absolute;
    width: 24%;
    height: 24%;
    margin: 6px;
    border-radius: 3px;
    opacity: .6;
    background-color: #72767d;
    cursor: pointer;
    overflow: hidden;
    text-indent: -999em;
    font-size: 0;
    line-height: 0
}

.option-n0icdO:hover {
    background-color: var(--brand-experiment);
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 0 rgba(0,0,0,.3);
    opacity: .8
}

.hiddenInput-AN-Xon {
    opacity: 0;
    position: absolute;
    top: 0;
    cursor: pointer
}

.bottomLeft-39-xss,.bottomRight-1T56wW,.topLeft-3buHIc,.topRight-3GKDeL {
}

.topRight-3GKDeL {
    top: 0;
    right: 0
}

.topLeft-3buHIc {
    top: 0;
    left: 0
}

.bottomRight-1T56wW {
    bottom: 0;
    right: 0
}

.bottomLeft-39-xss {
    bottom: 0;
    left: 0
}

.disabled-3I9jyo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: .6;
    cursor: pointer;
    color: #72767d;
    overflow: hidden;
    text-indent: -999em;
    font-size: 0;
    line-height: 0
}

.disabled-3I9jyo:hover {
    opacity: .8;
    color: #ed4245
}

.disabledIcon-9QatvX {
    display: block;
    width: 100%;
    height: 100%
}

.selected-mKYnfr.option-n0icdO {
    background-color: var(--brand-experiment);
    border-color: var(--brand-experiment);
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 0 rgba(0,0,0,.3);
    opacity: 1
}

.selected-mKYnfr.disabled-3I9jyo {
    opacity: 1;
    color: #ed4245
}

.notificationSettings-1NQKPR {
    max-width: 75%
}

.features-3EmM1p {
    display: grid;
    grid-gap: 20px;
    margin-top: 20px
}

.feature-1Q4U_R {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon-3GaxIC {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px
}

.title-3IUNJ6 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 4px;
    color: var(--header-primary)
}

.description-yMw5z0 {
    font-size: 14px;
    line-height: 18px;
    color: var(--header-secondary)
}

.descriptionStandalone-3aMqwN {
    font-size: 16px;
    line-height: 20px;
    color: var(--header-primary)
}

.gemIndicatorProgressCircle-3wDFa1 {
    width: 70px;
    height: 70px;
    color: #ff73fa
}

.progressBackground-8KV71U {
    stroke: transparent;
    fill: transparent
}

.gemIndicatorContainer-2jdECl {
    border-radius: 50%;
    width: 64px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gemWithLabel-2aecE_,.gemWithoutLabel-7-ZvB_ {
    width: 24px;
    height: 24px
}

.gemWithLabel-2aecE_ {
    color: #ff73fa
}

.tierLabel-39IsmN {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin-top: 2px
}

.theme-light .gemIndicatorContainer-2jdECl {
    background-color: #fff
}

.theme-light .gemWithoutLabel-7-ZvB_ {
    color: #e3e5e8
}

.theme-light .tierLabel-39IsmN {
    color: #4f545c
}

.theme-dark .gemIndicatorContainer-2jdECl {
    background-color: #18191c
}

.theme-dark .gemWithoutLabel-7-ZvB_ {
    color: #36393f
}

.theme-dark .tierLabel-39IsmN {
    color: #fff
}

.body-qqMTVX {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 16px
}

.invoiceTable-SpU-mf {
    margin: 16px 0
}

.cancelImage-2DN4YK {
    background-image: url(../../assets/757364bd612744e9d9f500828124f03c.html);
    width: 270px;
    height: 128px;
    margin: 0 auto 24px
}

html .invoiceCancelRow-3mYhFX {
    color: #ed4245
}

.body-3oHYJD {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 16px
}

.uncancelImage-2OizbG {
    background-image: url(../../assets/b21efa6180f92568fade7f05cbb4f872.html);
    width: 234px;
    height: 128px;
    margin: 0 auto 24px
}

.blurb-1D7mK2 {
    margin-bottom: 40px
}

.guild-Hq0WWA {
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 8px
}

.guild-Hq0WWA:last-child {
    margin-bottom: 0
}

.guildHeader-3nh5RK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    position: relative
}

.guildHeaderBackground-1G51bM {
    position: absolute;
    right: 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    opacity: .4;
    -webkit-mask: -webkit-gradient(linear,right top,left top,from(#000),to(transparent));
    -webkit-mask: linear-gradient(270deg,#000,transparent);
    mask: -webkit-gradient(linear,right top,left top,from(#000),to(transparent));
    mask: linear-gradient(270deg,#000,transparent);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 300px;
    height: 100%
}

.guildHeaderContent-1vpxhX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px
}

.guildHeaderContent-1vpxhX,.guildIcon-c10VUR {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.guildIcon-c10VUR {
    margin: 16px 0 16px 16px
}

.guildName-1B3vm5 {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    color: var(--interactive-active)
}

.guildSubscriberCount-2lXrmh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px;
    color: var(--interactive-active)
}

.guildSubscriberCountIcon-6Fo5EK {
    width: 12px;
    height: 12px;
    color: #ff73fa;
    margin-right: 2px
}

.guildSubscribeButton-3fKux2 {
    padding-left: 8px
}

.guildGemIndicatorContainer-3Ie0ga {
    margin: 13px 13px 13px 0;
    cursor: pointer
}

.guildSubscriptionSlots-JPXXvN {
    padding: 16px;
    background-color: var(--background-secondary)
}

.guildSubscriptionSlot-1XGRPI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.guildSubscriptionSlot-1XGRPI:first-child {
    padding-top: 0
}

.guildSubscriptionSlot-1XGRPI:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.guildSubscriptionSlotIcon-EVE04u {
    width: 18px;
    height: 18px;
    color: #ff73fa;
    margin-right: 8px
}

.guildSubscriptionSlotIconCanceled-18TSCf {
    color: var(--text-warning)
}

.guildSubscriptionSlotContent-13Z3VB {
    margin-right: auto
}

.guildSubscriptionSlotMenuIcon-uzNhjL {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.guildSubscriptionDuration-z1eXWb,.guildSubscriptionSlotMenuIcon-uzNhjL {
    color: var(--interactive-normal)
}

.guildSubscriptionCreationDate-2b_pKA {
    color: var(--interactive-active)
}

.sectionHeader-2_ZES3 {
    font-weight: 700;
    text-transform: uppercase
}

.subSectionHeader-1bsAit {
    text-transform: uppercase;
    margin: 32px 0 16px;
    color: var(--header-secondary)
}

.theme-dark .guildHeaderBackground-1G51bM {
    background-image: url(../../assets/d03d90cb6f12a7ea06274b278dfa4160.html)
}

.theme-light .guildHeaderBackground-1G51bM {
    background-image: url(../../assets/7b6ed225050df29a07cb5db712d35a73.html)
}

.container-ZsrEn9 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container-ZsrEn9,.loading-3FyPco {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.loading-3FyPco {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 520px
}

.guildsSection-3AvK09 {
    border-top: 1px solid var(--background-modifier-accent);
    margin-bottom: 60px;
    margin-top: 32px;
    padding-top: 32px
}

.guildsBlurb-2AgVCC {
    margin-top: 16px
}

.guilds-3A5wi_ {
    display: grid;
    grid: auto/50% 50%;
    grid-gap: 16px;
    margin-top: 24px
}

@media (max-width: 1024px) {
    .guilds-3A5wi_ {
        grid:auto/100%
    }
}

.emptyGuilds-14hOr4 {
    margin: 32px auto 0;
    width: 177px;
    height: 112px
}

.emptyGuildsTitle-VAg42p {
    color: var(--header-primary);
    font-weight: 700;
    text-align: center;
    margin-top: 16px
}

.emptyGuildsText-2KAlgb {
    text-align: center;
    margin-top: 4px
}

.cardWrapper-2Min21 {
    background: var(--background-tertiary);
    border-radius: 4px
}

.card-3AyPWq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background-color: transparent
}

.card-3AyPWq:hover {
    background-color: var(--background-modifier-hover)
}

.guildInfo-1zLiSL {
    margin: 0 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.guildName-13lmy3,.subscriberCount-3PSK6x {
    color: var(--header-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.subscriptionInfo-14cju1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

.premiumGuildIcon-13KUPa {
    color: #ff73fa;
    width: 12px;
    height: 12px;
    margin-right: 4px
}

.background-1PZEsB {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat
}

.content-3BhRLj {
    position: relative
}

.divider-J3ken9 {
    margin: 40px 0;
    height: 1px;
    background-color: var(--background-modifier-accent)
}

.marketingLogo-1D8DV6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.marketingLogoIcon-3bZq9h {
    color: var(--header-primary);
    width: 327px;
    height: 32px
}

.marketingLogoImage-2SzXIR {
    background-image: url(../../assets/4dbcadc3cf1d0619a4eddb452b72a74d.html);
    width: 95px;
    height: 60px;
    margin-left: 24px
}

.marketingHeader-d16BX1 {
    margin: 8px 0 16px
}

.featureHeaderTop-1-N6Nb {
    margin-top: 32px;
    font-weight: 400
}

.featureHeader-TxFp47 {
    margin-top: 16px;
    font-weight: 400
}

.memberBadgeIcon-1hpSQc {
    color: #ff73fa
}

.profileBadgeIcon-_ctnKj {
    background-image: url(../../assets/5a24b20b84fb3eafc138916729386e76.html)
}

.roleIcon-F8XDd3 {
    color: var(--text-warning)
}

.emojiIcon-2xOPMD {
    color: var(--brand-experiment-400)
}

.audioQualityIcon-1KNkhv {
    color: #2d8dd6
}

.uploadSizeIcon-2HNa5p {
    color: #ff80f4
}

.guildSubscriptionHeading-mJn036 {
    max-width: none;
    text-align: left
}

.guildFullFeatures-hLeUPO {
    margin-top: 24px
}

.theme-dark .emptyGuilds-14hOr4 {
    background-image: url(../../assets/e500b2fe39bd0080b48e740d9d96e240.html)
}

.theme-light .emptyGuilds-14hOr4 {
    background-image: url(../../assets/0e7920033898f01ae5de8497f6371f4b.html)
}

.list-1QISSx {
    list-style-type: disc;
    margin-left: 30px
}

.list-1QISSx li,.status-1pzkam {
    margin-bottom: 8px
}

.card-KeAWkA {
    padding: 20px;
    margin-bottom: 20px
}

.requestNote-2SdnVH strong {
    font-weight: 700
}

.theme-dark .requestNoteColor-1c4OfD,.theme-light .requestNoteColor-1c4OfD {
    color: #72767d
}

@media (max-width: 900px) {
    .container-1-STTv .noticeIcon-1phvR2 {
        display:none
    }
}

.wrapper-3Z-vWm {
    width: 100%;
    height: 20px
}

.container-3PXSwK {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden
}

.notches-1sAcEM,.progress-1IcQ3A {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.notches-1sAcEM {
    background-repeat: repeat-x
}

.theme-dark .progress-1IcQ3A {
    background-color: #72767d
}

.theme-dark .notches-1sAcEM.black-1D3qCv {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='%2318191c'%3E%3Cpath fill-rule='evenodd' d='M0 0h8v20H0V0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z'/%3E%3C/svg%3E")
}

.theme-dark .notches-1sAcEM.gray-3_LNYR {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='%2336393f'%3E%3Cpath fill-rule='evenodd' d='M0 0h8v20H0V0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z'/%3E%3C/svg%3E")
}

.theme-light .progress-1IcQ3A {
    background-color: #dcddde
}

.theme-light .notches-1sAcEM {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M0 0h8v20H0V0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z'/%3E%3C/svg%3E")
}

.micTest-2C-tpt {
    position: relative
}

.micTestCaption-2xsa4I {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: 27px;
    left: 100px
}

.userSettingsVoice-iwdUCU .sensitivity-3XxR4A {
    min-height: 120px
}

.userSettingsVoice-iwdUCU .sliderBar-3DezvM.speaking-2bFhO4 {
    background-color: #57f287
}

.userSettingsVoice-iwdUCU .inputSensitivityToggle-2LKb8o .sliderBar-3DezvM {
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.userSettingsVoice-iwdUCU .inputSensitivityToggle-2LKb8o.manual-36Evg9 .microphone-2rtdHw {
    position: absolute;
    top: 16px;
    width: 100%
}

.userSettingsVoice-iwdUCU .inputSensitivityToggle-2LKb8o.manual-36Evg9 .microphone-2rtdHw .fill-3eUagR {
    -webkit-transition: width 35ms ease;
    transition: width 35ms ease;
    height: 100%;
    background-color: rgba(0,0,0,.25)
}

.userSettingsVoice-iwdUCU .pttTools-1VaVZH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.userSettingsVoice-iwdUCU .pttTools-1VaVZH>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.userSettingsVoice-iwdUCU .pttToolsMessage-3uc-Td {
    margin-top: 28px
}

.userSettingsVoice-iwdUCU .pttToolsMessage-3uc-Td.pttToolsWarning-7imHBv {
    color: #ed4245
}

.userSettingsVoice-iwdUCU .pttToolsMessage-3uc-Td.pttToolsWarning-7imHBv a {
    color: #ed4245;
    font-weight: 700
}

.userSettingsVoice-iwdUCU .inputDisabledWarning-3vvc9B {
    color: #ed4245
}

.userSettingsVoice-iwdUCU .inputDisabledWarning-3vvc9B a {
    color: #ed4245;
    font-weight: 700
}

.userSettingsVoice-iwdUCU .previewContainer-37c2Si {
    position: relative;
    overflow: hidden;
    height: 180px;
    width: 320px
}

.userSettingsVoice-iwdUCU .media-engine-video {
    background-color: #000;
    border-radius: 3px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -o-object-fit: cover;
    object-fit: cover
}

.userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    width: 320px;
    height: 180px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.userSettingsVoice-iwdUCU .previewOverlay-2O7_KC.dismiss-3tPbRc {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition: background-color .4s ease-in,-webkit-transform .4s ease-in;
    transition: background-color .4s ease-in,-webkit-transform .4s ease-in;
    transition: transform .4s ease-in,background-color .4s ease-in;
    transition: transform .4s ease-in,background-color .4s ease-in,-webkit-transform .4s ease-in
}

.userSettingsVoice-iwdUCU .previewOverlay-2O7_KC .previewOverlayInner-1WXURq.dismiss-3tPbRc {
    opacity: 0;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in
}

.deviceOption-o4yLlI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden
}

.deviceOptionLabel-22FM_u {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 8px
}

.deviceOptionCertified-38nQb8 {
    width: 84px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.micTest-cP1_6S {
    margin-bottom: 16px
}

.micTestHelpLink-2tQuwD {
    margin-left: 4px
}

.micTestButton-2Vwk4_ {
    width: 90px;
    padding: 0 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.Select-value-label .deviceOptionLabel-22FM_u {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 20px
}

.Select-value-label .deviceOptionCertified-38nQb8 {
    margin-right: 20px
}

.theme-light .userSettingsVoice-iwdUCU .inputSensitivityToggle-2LKb8o.manual-36Evg9 .microphone-2rtdHw {
    background-color: transparent
}

.theme-light .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
    background-color: #f6f6f7;
    border-color: #dcddde
}

.theme-light .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC.dismiss-3tPbRc {
    background-color: transparent
}

.beta-1WAFgA {
    color: var(--header-secondary);
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 2px
}

.theme-dark .userSettingsVoice-iwdUCU .inputSensitivityToggle-2LKb8o.manual-36Evg9 .microphone-2rtdHw {
    background-color: transparent
}

.theme-dark .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
    background-color: #2f3136;
    border-color: #202225
}

.theme-dark .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC.dismiss-3tPbRc {
    background-color: transparent
}

.premiumTabItem-1QTfBr[aria-selected=true] {
    color: #fff!important;
    background-color: var(--brand-experiment)!important
}

.premiumTabItem-1QTfBr[aria-selected=true] .icon-Zc-uZZ {
    fill: #fff!important
}

.container-1S6Mlq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    padding: 4px;
    margin: 4px 2px;
    background-color: var(--background-tertiary)
}

.input-1lKksk {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 48px;
    height: 20px;
    padding: 2px 4px;
    color: var(--text-normal);
    background: transparent;
    border: none;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.input-1lKksk::-webkit-input-placeholder {
    color: var(--text-muted);
    opacity: 1
}

.iconContainer-gnSl8w {
    position: relative;
    margin-right: 3px
}

.icon-1T3XuV,.iconContainer-gnSl8w {
    height: 18px;
    width: 18px
}

.iconClickable-3ZfMci {
    cursor: pointer
}

.button-14-BFJ {
    line-height: 0;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    position: relative;
    color: var(--interactive-normal)
}

.button-14-BFJ.enabled-2cQ-u7:hover {
    color: var(--interactive-hover);
    background-color: var(--background-modifier-selected)
}

.button-14-BFJ.disabled-2iW-fm {
    opacity: .4
}

.subtext-3CDbHg {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--header-secondary);
    line-height: 13px
}

.title-eS5yk3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--header-primary);
    line-height: 18px;
    font-weight: 600
}

.container-3baos1 {
    height: 52px;
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    margin-bottom: 1px
}

.container-3baos1,.container-3baos1 .avatar-SmRMf2 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.container-3baos1 .avatar-SmRMf2 {
    cursor: pointer
}

.container-3baos1 .avatar-SmRMf2:hover {
    opacity: .8
}

.container-3baos1 .redIcon-2uP7Ej {
    color: #ed4245
}

.avatarWrapper-2yR4wp {
    margin-right: 8px
}

.nameTag-3uD-yy {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 4px;
    min-width: 0
}

.nameTag-3uD-yy.canCopy-2VBT7N {
    cursor: pointer
}

.hasBuildOverride-dDIqaT {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 50%
}

.buildOverrideButton-1zWkwo {
    position: relative
}

.usernameContainer-1fp4nu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.copySuccess-2x83fA {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.copySuccess-2x83fA.godlike-2WYNj- {
    color: #ed4245
}

.statusTooltip-Zz6T1q {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.customStatus-3tC2ig {
    overflow: hidden;
    text-overflow: ellipsis
}

.strikethrough-1n4ekb {
    color: #ed4245
}

.emoji-1PSQtY {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.result-oB0z-- {
    position: relative;
    border-radius: 3px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
    height: 34px
}

.resultDefault-1ymv3u,.resultFocused-3aIoYe {
}

.resultFocused-3aIoYe {
    background: var(--background-modifier-selected)
}

.content-1jxX5g {
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 34px;
    line-height: 34px;
    overflow: hidden
}

.contentDefault-16dKSY,.contentUnread-3gTHvA {
}

.contentDefault-16dKSY {
    color: var(--interactive-normal)
}

.contentUnread-3gTHvA {
    color: var(--header-primary)
}

.iconContainer-3UxHn2 {
    width: 20px;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gameIcon-2hcrAo,.iconContainer-3UxHn2 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.gameIconSize-1Kq-T4 {
    width: 20px;
    height: 20px
}

.icon-30q1Or {
    display: block;
    color: var(--interactive-normal)
}

.name-2NBmhj {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-flex-align: center
}

.misc-1CT3G7,.name-2NBmhj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.misc-1CT3G7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-align: center;
    max-width: 140px;
    margin-left: 4px;
    color: var(--interactive-normal)
}

.match-38WbBN {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.badge-36LyGI,.match-38WbBN {
    margin-right: 4px
}

.note-S--UP5 {
    font-size: 10px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-muted)
}

.username-2hHyRL {
    font-weight: 300;
    opacity: .6
}

.header-13MUnb {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .025em;
    font-weight: 600;
    line-height: 30px;
    margin-top: 4px;
    color: var(--interactive-normal)
}

.dmIconContainer-2yFeX3,.guildIconContainer-1M95yt {
}

.dmIconContainer-2yFeX3 .guildIcon-Ripiyt,.guildIconContainer-1M95yt .guildIcon-Ripiyt {
    background-size: 100% 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: block;
    margin: 0;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    border-radius: 3px
}

.avatarSizeOverride-2KySyz {
    width: 20px!important;
    height: 20px!important
}

.score-HzQK9w {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 2px;
    background-color: rgba(0,0,0,.2);
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace
}

.wrapper-EG0WaC {
    z-index: 1;
    width: 500px;
    height: 400px
}

.modalSize-FMC6FT {
    width: 500px;
    height: auto;
    max-height: 400px
}

.header-1DHqOG {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.closeButton-3-P7ti {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3
}

.noResults-24KNHj {
    height: 200px;
    background: no-repeat 50% 40%
}

.queryInput-1mXTvF {
    margin-top: 4px
}

.miscContainer-2uOgaa {
    font-weight: 500;
    opacity: .6;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.theme-dark .noResults-24KNHj {
    background-image: url(../../assets/0b298968e0a756e25677771fd6b58b34.html)
}

.theme-light .noResults-24KNHj {
    background-image: url(../../assets/0900c33038a1b28283644e5870de552f.html)
}

.modal-LD5FRI {
    padding-bottom: 20px
}

.icon-3Oovq9 {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-transform: uppercase;
    text-align: center;
    line-height: 34px;
    width: 32px;
    height: 32px;
    border-radius: 3px;
    font-weight: 700;
    color: #fff
}

.badge-1JXQev {
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 14px;
    height: 14px;
    padding: 2px;
    background-color: var(--background-secondary-alt);
    color: var(--header-primary);
    border-radius: 50%
}

.panel-24C3ux {
    padding: 8px;
    border-bottom: 1px solid var(--background-modifier-accent);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.body-GmmuPm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.liveBadge-yuNuMC {
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 14px;
    height: 14px;
    padding: 2px;
    background-color: var(--background-secondary-alt);
    color: var(--header-primary);
    border-radius: 50%
}

.gameWrapper-1jIQAX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0
}

.gameWrapper-1jIQAX .liveIndicator-3ALYHg {
    padding: 0 4px
}

.clickableGameWrapper-2fpjdx {
    cursor: pointer
}

.gameIconWrapper-1YByCI {
    position: relative
}

.gameIcon-2YB8Et {
    width: 32px;
    height: 32px
}

.info-WdNIDE {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 8px
}

.clickableGameWrapper-2fpjdx:hover .gameName-13va7o {
    color: var(--interactive-active)
}

.actions-aUdUfC {
    margin-left: 4px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.userList-1kLH8B {
    position: relative;
    border: 1px solid;
    min-width: 250px;
    border-radius: 3px
}

.userList-1kLH8B:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    -webkit-transform: translate3d(4px,-4px,0) rotate(45deg);
    transform: translate3d(4px,-4px,0) rotate(45deg);
    border: 1px solid;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
    box-shadow: 2px 2px 4px rgba(0,0,0,.2)
}

.header-2B7Ri8 {
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 12px
}

.content-2KAjC9 {
    max-height: 260px
}

.user-3rmWHs {
    padding: 10px
}

.discriminator-1fGEDN,.user-3rmWHs {
}

.tag-2S-Z1b {
    margin-left: 8px
}

.avatar-2snyZH {
    width: 20px!important;
    height: 20px!important
}

.theme-dark .userList-1kLH8B {
    border-color: #202225
}

.theme-dark .userList-1kLH8B:before {
    background-color: #2f3136;
    border-color: transparent #202225 #202225 transparent
}

.theme-dark .header-2B7Ri8 {
    background-color: #202225;
    color: #fff
}

.theme-dark .content-2KAjC9 {
    background-color: #2f3136
}

.theme-dark .username-2lEtrk {
    color: #dcddde
}

.theme-dark .discriminator-1fGEDN {
    color: #72767d
}

.theme-light .userList-1kLH8B {
    border-color: #f6f6f7
}

.theme-light .userList-1kLH8B:before {
    background-color: #fff;
    border-color: transparent #f6f6f7 #f6f6f7 transparent
}

.theme-light .header-2B7Ri8 {
    background-color: #f6f6f7;
    color: #4f545c
}

.theme-light .content-2KAjC9 {
    background-color: #fff
}

.theme-light .username-2lEtrk {
    color: #4f545c
}

.theme-light .discriminator-1fGEDN {
    color: #b9bbbe
}

.listeningAlong-30wH70 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid var(--background-modifier-accent);
    padding: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.party-2cIOyb {
    margin-left: 8px
}

.overflow-1VTquN {
    cursor: pointer
}

.icons-2uekgw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 4px
}

.avatar-2fD4wn {
    width: 20px!important;
    height: 20px!important;
    cursor: pointer
}

.container-2x5lvQ {
    width: 250px;
    border-radius: 4px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    background: var(--background-primary)
}

.container-2x5lvQ section {
    padding: 14px 20px
}

.container-2x5lvQ section p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.container-2x5lvQ section p strong {
    font-weight: 700
}

.container-2x5lvQ section p+p {
    margin-top: 3px
}

.container-2x5lvQ section a {
    color: var(--text-link);
    text-decoration: none
}

.container-2x5lvQ section a:hover {
    text-decoration: underline
}

.container-2x5lvQ hr {
    border-bottom: none;
    margin: 14px -15px
}

.container-2x5lvQ .debugButton-1Zec0y {
    font-size: 12px;
    cursor: pointer;
    font-weight: 500
}

.header-2C89wJ {
    color: #fff;
    padding: 13px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 3px 3px 0 0
}

.header-2C89wJ:last-child {
    border-radius: 3px
}

.theme-light .header-2C89wJ {
    background-color: var(--brand-experiment)
}

.oldBrand .header-2C89wJ {
    text-transform: uppercase
}

.secured-1Yihly {
    font-size: 12px;
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.secured-1Yihly:before {
    content: " ";
    background: url(../../assets/9d817c6b23267c30d63b2979684a42c2.html) 50% no-repeat;
    width: 9px;
    height: 12px;
    background-size: 9px 12px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: bottom
}

.popoutBottom-31rU82 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 14px
}

.theme-light .container-2x5lvQ section {
    background-color: #fff
}

.theme-light .container-2x5lvQ section p {
    color: #8a8e94
}

.theme-light .container-2x5lvQ hr {
    border: 1px solid #f0f0f0
}

.theme-light .debugButton-1Zec0y {
    color: #99aab5
}

.theme-light .secured-1Yihly {
    color: var(--text-positive)
}

.theme-dark .container-2x5lvQ section {
    background-color: #36393f
}

.theme-dark .container-2x5lvQ section p {
    color: hsla(0,0%,100%,.4)
}

.theme-dark .container-2x5lvQ section strong {
    color: #b9bbbe
}

.theme-dark .container-2x5lvQ section:after {
    border-top-color: #36393f
}

.theme-dark .container-2x5lvQ .header-2C89wJ {
    background-color: #2f3136
}

.theme-dark .container-2x5lvQ hr {
    border: none
}

.theme-dark .debugButton-1Zec0y {
    color: #99aab5
}

.theme-dark .secured-1Yihly {
    color: var(--text-positive)
}

.ping-2NgC8E {
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 4px;
    margin-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: var(--text-muted)
}

.ping-2NgC8E.smallPing-R4na2o {
    width: 14px;
    height: 14px
}

.rtcConnectionStatus-2-jIsi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 2px
}

.rtcConnectionStatusLabel-1wk4tH {
    font-weight: 600
}

.rtcConnectionStatusConnected-VRZDjy {
    color: var(--text-positive)
}

.rtcConnectionStatusConnecting-3322Pa {
    color: var(--text-warning)
}

.rtcConnectionStatusError-2hLzrL {
    color: #ed4245
}

.rtcConnectionQualityFine-2J6i8z .pingForeground-2uAOZ3 {
    color: var(--text-positive)
}

.rtcConnectionQualityAverage-3KV0u- .pingForeground-2uAOZ3:not(:last-child) {
    color: var(--text-warning)
}

.rtcConnectionQualityBad-1J7mUU .pingForeground-2uAOZ3:first-child {
    color: #ed4245
}

.labelWrapper-Pniq53 {
    overflow: hidden
}

.menu-1O51-Y {
    width: 200px
}

.activityItem-1pRGhE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-radius: 2px;
    padding: 8px;
    margin: 2px 0
}

.activityItem-1pRGhE:hover {
    background: var(--background-modifier-hover)
}

.activityIcon-1bhjuo {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    margin-right: 10px
}

.activityHeader-6FCdZD {
    font-weight: 600;
    color: var(--interactive-active)
}

.subtitle-2yubBS {
    color: var(--interactive-normal)
}

.beta-1zTBai {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    margin-bottom: 2px
}

.betaTag-F_ncuo {
    margin-right: 10px
}

.content-2tpvCi {
    background: var(--brand-experiment);
    position: relative;
    text-align: center;
    padding: 32px 10px 16px;
    max-width: 280px;
    border-radius: 8px
}

.art-OwuVY4 {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateY(-65%) translateX(-50%);
    transform: translateY(-65%) translateX(-50%);
    width: 259px;
    height: 126px;
    background-image: url(../../assets/3fdc74526ba7d5f23c59d9e6642c7663.html)
}

.headerText-3gIyzb {
    color: #fff;
    font-weight: 600;
    margin-top: 24px
}

.bodyText-Qx99aN {
    color: #fff;
    margin-top: 4px
}

.button-1ojJ0N {
    margin-top: 16px;
    height: 32px
}

.content-2tpvCi .button-1ojJ0N {
    color: var(--brand-experiment)
}

.pointer-3iL_va {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 5px solid var(--brand-experiment);
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px
}

.scroller-2n3G0k {
    margin-left: -3px;
    margin-right: -7px;
    padding: 4px 0 4px 4px;
    min-height: 24px;
    max-height: 132px
}

.scroller-2n3G0k.expanded-1DTre4 {
    margin-bottom: 4px
}

.voiceUsers-2V7vuh {
    display: grid;
    grid-template-columns: repeat(8,24px);
    gap: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.expandButton-2hkuXA {
    grid-row: 1;
    grid-column: 8
}

.avatarContainer-2LLZwy {
    border-radius: 50%;
    overflow: hidden
}

.avatar-3Heyg_ {
    display: block;
    width: 24px;
    height: 24px;
    background-size: 100%;
    border-radius: 50%;
    cursor: pointer
}

.speaking-3dBKhR {
    -webkit-box-shadow: inset 0 0 0 2px #3ba55c,inset 0 0 0 3px var(--background-secondary);
    box-shadow: inset 0 0 0 2px #3ba55c,inset 0 0 0 3px var(--background-secondary)
}

.avatarIconOverlay-2nbU5G {
    padding: 4px;
    background-color: rgba(0,0,0,.3);
    color: #fff
}

.avatarIconRed-2sn-Up {
    color: #ed4245
}

.container-1giJp5 {
    color: var(--header-primary);
    font-size: 14px;
    font-weight: 500;
    padding: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.inner-tyMogq {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.channel-1TmDQ6:hover {
    text-decoration: underline
}

.statusWithPopout-3ZfFol {
    cursor: pointer
}

.statusWithPopout-3ZfFol:hover {
    text-decoration: underline
}

.hotspot-2bOhC8 {
    position: absolute;
    top: 1px;
    right: 1px
}

.customStatusContainer-3MngWi {
    position: relative
}

.noiseCancellationPopout-iRK2A0 {
    background: var(--background-floating);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    width: 239px;
    border-radius: 4px;
    padding: 16px
}

.noiseCancellationTooltip-h4yuQJ {
    max-width: 150px;
    text-align: center
}

.krispLogo-a9msDI {
    width: 44px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.krispLink-2mtfLU {
    font-size: 14px
}

.micTestButton-m2rQFo {
    width: 60px;
    padding: 0 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.beta-27QNCS {
    color: var(--header-secondary);
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 2px
}

.connection-3KRENF,.voiceUsers-YsH5Db {
    padding-bottom: 4px
}

.voiceUsers-YsH5Db {
    padding-top: 2px
}

.actionButtons-14eAc_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 4px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.actionButtons-14eAc_>* {
    margin: 0 4px
}

.actionButtons-14eAc_>:last-child {
    margin-right: 0
}

.actionButtons-14eAc_>:first-child {
    margin-left: 0
}

.button-1YfofB {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: auto
}

.button-1YfofB.disabled-158sUq {
    width: 100%
}

.button-1YfofB.buttonColor-7qQbGO,.button-1YfofB .buttonColor-7qQbGO {
    background-color: var(--background-primary);
    color: var(--interactive-active)
}

.button-1YfofB.buttonColor-7qQbGO:hover,.button-1YfofB .buttonColor-7qQbGO:hover {
    background-color: var(--background-secondary)
}

.button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp,.button-1YfofB .buttonColor-7qQbGO.buttonActive-3FrkXp {
    background-color: #3ba55c;
    color: #fff
}

.button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp:hover,.button-1YfofB .buttonColor-7qQbGO.buttonActive-3FrkXp:hover {
    background-color: #46c46d
}

.button-1YfofB.buttonColor-7qQbGO.fauxDisabled-2ik0Vw,.button-1YfofB .buttonColor-7qQbGO.fauxDisabled-2ik0Vw,.button-1YfofB.buttonColor-7qQbGO:disabled,.button-1YfofB .buttonColor-7qQbGO:disabled {
    background-color: var(--background-primary);
    color: var(--interactive-active);
    opacity: .3
}

.buttonIcon-Od8mYw {
    width: 20px;
    height: 20px
}

.buttonIcon-Od8mYw.withText-10pQhr {
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.voicePanelIntroductionHeader-1R3enj,.voicePanelIntroductionText-ruw2P6 {
    text-align: center
}

.voicePanelIntroductionHeader-1R3enj {
    color: var(--header-primary)
}

.voicePanelIntroductionText-ruw2P6 {
    margin-top: 4px;
    font-weight: 400;
    color: var(--header-secondary)
}

.voicePanelIntroductionButton-LMjabZ {
    margin: 16px auto 0;
    width: 100%
}

.voicePanelIntroductionWrapper-jPLJ0T {
    max-width: 280px;
    padding: 16px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.voicePanelIntroductionWrapper-jPLJ0T:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top-color: #fff
}

.wrapper-24pKcD {
    position: relative;
    overflow: visible
}

.viewAsRolesWarning-11eD70 {
    position: absolute;
    bottom: 96px;
    left: 6px;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-radius: 4px;
    background-color: var(--background-floating);
    padding: 16px;
    max-width: 196px
}

.viewAsRolesWarning-11eD70 .viewAsRolesWarningText-2rok0U {
    margin-bottom: 16px
}

.viewAsRolesWarning-11eD70 .viewAsRolesWarningButton-2LQjqD {
    padding: 8px 16px
}

.theme-light .krispLogo-a9msDI {
    background-image: url(../../assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.html)
}

.theme-dark .krispLogo-a9msDI {
    background-image: url(../../assets/c28317e203e00b2d7390d5ece2399228.html)
}

.container-2lgZY8 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.downloadProgressCircle-2hBlsA {
    width: 24px;
    height: 24px;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.guilds-1SWlCJ {
    position: relative;
    width: 72px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.base-3dtUhz {
    flex-direction: column;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.base-3dtUhz,.sidebar-2K8pFh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    overflow: hidden
}

.sidebar-2K8pFh {
    flex-direction: column;
    min-height: 0;
    width: 240px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: var(--background-secondary)
}

.sidebar-2K8pFh.hidden-3iamF5 {
    width: 0;
    visibility: hidden
}

.platform-win .sidebar-2K8pFh {
    border-radius: 8px 0 0;
    overflow: hidden
}

.sidebar-2K8pFh.hasNotice-1XRy4h,.platform-win .sidebar-2K8pFh.hasNotice-1XRy4h {
    border-radius: 0
}

.panels-j1Uci_ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: var(--background-secondary-alt);
    z-index: 1
}

.content-98HsJk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.activityPanel-28dQGo {
    border-bottom: 1px solid var(--background-modifier-accent)
}

@media (max-width: 760px) {
    .hiddenOnMobileStore-1DIxbw {
        display:none
    }
}

.root-3JVdIJ {
    border-radius: 8px;
    padding: 16px;
    background: var(--background-floating);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    min-width: 232px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.root-3JVdIJ,.root-3JVdIJ.previewCamera-3PmGhD {
    -webkit-box-orient: vertical
}

.root-3JVdIJ.previewCamera-3PmGhD {
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    overflow: hidden
}

.previewRoot-14s8Ig {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--background-secondary-alt)
}

.preview-376i63,.preview-376i63:after,.previewRoot-14s8Ig {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.preview-376i63:after {
    content: "";
    background: linear-gradient(#18191c,transparent 84px,transparent 183px,#18191c)
}

.mainChannelInfo-1vd795 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%
}

.mainChannelInfo-1vd795 .titleGroup-1ZtXoq {
    max-width: 100%
}

.mainChannelInfo-1vd795 .icon-16X0RM {
    margin: 16px 0
}

.mainChannelInfo-1vd795 .subtitle-1rNV3n,.mainChannelInfo-1vd795 .title-8sgFLx {
    text-align: center
}

.mainChannelInfo-1vd795 .title-8sgFLx {
    margin-bottom: 2px;
    color: var(--header-primary);
    min-width: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow-wrap: break-word
}

.mainChannelInfo-1vd795 .subtitle-1rNV3n {
    margin-bottom: 24px;
    color: var(--header-secondary)
}

.previewChannelHeader-1TL6h2 {
    position: absolute;
    top: 16px;
    left: 0;
    padding-left: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%
}

.previewChannelHeader-1TL6h2 .titleGroup-1ZtXoq {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: 0
}

.previewChannelHeader-1TL6h2 .icon-16X0RM {
    margin-right: 16px
}

.previewChannelHeader-1TL6h2 .subtitle-1rNV3n,.previewChannelHeader-1TL6h2 .title-8sgFLx {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--header-primary)
}

.wrapper-3lJCnD {
    z-index: 10;
    pointer-events: all
}

.title-8sgFLx {
    font-weight: 600
}

.actions-19uIvN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.actionButton-3CLkPB {
    margin-right: 16px;
    line-height: 0
}

.actionButton-3CLkPB.last-3WKR_s {
    margin-right: 0
}

.previewButton-1vdHBp {
    margin-top: 16px
}

.container-VSDcQc {
    border-radius: 5px;
    width: 250px;
    overflow: hidden
}

.container-VSDcQc .sectionTag-pXyto9 {
    padding: 0
}

.container-VSDcQc .sectionTag-pXyto9:before {
    display: none
}

.container-VSDcQc .headerText-3i6A8K {
    color: var(--header-secondary);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0;
    margin-right: 5px
}

.container-VSDcQc .input-1ppKdn {
    font-size: 16px;
    font-weight: 500;
    border: none;
    background: none;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 1px
}

.container-VSDcQc .header-2bNvm4 {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 54px;
    padding: 0 20px;
    position: relative
}

.container-VSDcQc .header-2bNvm4:before {
    display: none
}

.autocompleteShadow-iiGWFU {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    overflow: hidden
}

.autocompleteArrowWrapper-3Z7OuM {
    position: absolute;
    margin-left: -8px;
    overflow: hidden;
    width: 16px;
    height: 12px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 50%
}

.autocompleteArrow-Zxoy9H {
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.autocompleteHeaderBackground-30T70q {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    z-index: -1
}

.autocompleteScroller-iInVqR {
    height: 280px;
    padding: 8px 0
}

.empty-3hoe1g,.section-sfKw6q {
    padding: 0 20px;
    line-height: 44px
}

.empty-3hoe1g:last-of-type,.section-sfKw6q:last-of-type {
    border-radius: 0 0 3px 3px
}

.section-sfKw6q {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700
}

.row-rrHHJU {
    color: var(--interactive-normal);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 0 8px
}

.row-rrHHJU:focus .rowInner-1vvRiF,.row-rrHHJU:hover .rowInner-1vvRiF {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.row-rrHHJU.selected-1pIgLL .rowInner-1vvRiF {
    background-color: var(--background-modifier-selected);
    color: var(--interactive-active)
}

.rowInner-1vvRiF {
    border-radius: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 12px
}

.empty-3hoe1g .noResultsHeader-pqW4H- {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 15px 0 0
}

.empty-3hoe1g p {
    font-size: 16px;
    text-align: center;
    margin: -20px 0 18px
}

.positionBottom-3oo9L9 .autocompleteArrowWrapper-3Z7OuM {
    top: 0;
    -webkit-transform-origin: top;
    transform-origin: top
}

.positionBottom-3oo9L9 .autocompleteArrow-Zxoy9H {
    position: absolute;
    top: -4px;
    left: 4px
}

.positionTop-3e-X1p .autocompleteArrowWrapper-3Z7OuM {
    bottom: 0;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.positionTop-3e-X1p .autocompleteArrow-Zxoy9H {
    position: absolute;
    bottom: -4px;
    left: 4px
}

.positionTop-3e-X1p .autocompleteHeaderBackground-30T70q {
    border-radius: 0 0 5px 5px
}

.positionTop-3e-X1p .sectionTag-pXyto9 {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.theme-dark .container-VSDcQc .input-1ppKdn {
    color: #f6f6f7
}

.theme-dark .container-VSDcQc .input-1ppKdn::-webkit-input-placeholder {
    color: #72767d
}

.theme-dark .container-VSDcQc .input-1ppKdn::-moz-placeholder {
    color: #72767d
}

.theme-dark .container-VSDcQc .input-1ppKdn:-ms-input-placeholder {
    color: #72767d
}

.theme-dark .container-VSDcQc .input-1ppKdn::placeholder {
    color: #72767d
}

.theme-dark .container-VSDcQc .sectionTag-pXyto9 {
    background-color: #2f3136;
    color: #72767d
}

.theme-dark .autocompleteArrow-Zxoy9H,.theme-dark .autocompleteShadow-iiGWFU {
    -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 .autocompleteArrow-Zxoy9H,.theme-dark .header-2bNvm4 {
    background-color: #202225
}

.theme-dark .empty-3hoe1g .noResultsHeader-pqW4H- {
    color: #b9bbbe
}

.theme-dark .empty-3hoe1g p {
    color: #72767d
}

.theme-light .container-VSDcQc .input-1ppKdn {
    color: #4f545c
}

.theme-light .container-VSDcQc .input-1ppKdn::-webkit-input-placeholder {
    color: #b9bbbe
}

.theme-light .container-VSDcQc .input-1ppKdn::-moz-placeholder {
    color: #b9bbbe
}

.theme-light .container-VSDcQc .input-1ppKdn:-ms-input-placeholder {
    color: #b9bbbe
}

.theme-light .container-VSDcQc .input-1ppKdn::placeholder {
    color: #b9bbbe
}

.theme-light .container-VSDcQc .sectionTag-pXyto9 {
    background-color: #fff;
    color: #72767d
}

.theme-light .autocompleteArrow-Zxoy9H,.theme-light .autocompleteShadow-iiGWFU {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),0 0 0 1px rgba(185,187,190,.3);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1),0 0 0 1px rgba(185,187,190,.3)
}

.theme-light .autocompleteArrow-Zxoy9H,.theme-light .header-2bNvm4 {
    background-color: #f6f6f7
}

.theme-light .empty-3hoe1g .noResultsHeader-pqW4H- {
    color: #72767d
}

.theme-light .empty-3hoe1g p {
    color: #b9bbbe
}

.iconButton-3V4WS5 {
    position: relative;
    cursor: pointer;
    background-size: 100%;
    background-color: transparent
}

.iconButton-3V4WS5:disabled {
    pointer-events: none
}

.iconButtonDefault-2cKx7- {
    opacity: .6
}

.iconButtonDefault-2cKx7-:hover {
    opacity: 1
}

.iconButtonDefault-2cKx7-:disabled {
    opacity: .3
}

.iconButtonStatic-2cPMA6 {
    opacity: 1
}

.iconButtonStatic-2cPMA6:disabled {
    opacity: .6
}

.large-35qh5U {
    width: 36px;
    height: 36px
}

.medium-2JR8YY {
    width: 24px;
    height: 24px
}

.small--aHOfS {
    width: 18px;
    height: 18px
}

.xsmall-2ObGoR {
    width: 12px;
    height: 12px
}

.role-3wi9Tf {
    height: 32px;
    margin-top: 0;
    margin-bottom: 0!important
}

.role-3wi9Tf:focus-within .roleOverflow-1zjC9k,.role-3wi9Tf:hover .roleOverflow-1zjC9k {
    visibility: visible
}

.roleInner-1C_Scc {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.roleOverflow-1zjC9k {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    color: var(--interactive-normal);
    visibility: hidden;
    cursor: pointer
}

.roleOverflow-1zjC9k.open-1HQpYy {
    visibility: visible
}

.lock-2Nag5p {
    position: relative;
    top: -1px;
    margin-right: 4px;
    width: 18px;
    height: 18px
}

.dragged-2XvZ89 {
    height: 32px;
    background-size: 100% 100%
}

.theme-light .dragged-2XvZ89 {
    background-image: url(../../assets/5938438b22779696a9039caf262ff72b.html)
}

.theme-dark .dragged-2XvZ89 {
    background-image: url(../../assets/a8564dac0d728add0025be388f5ad7a2.html)
}

.container-SDBvD6 {
    min-height: 100vh;
    position: relative
}

.sidebarHeader-2uiNOo {
    opacity: .9;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.sidebarHeader-2uiNOo:hover,.sidebarHeader-2uiNOo:hover .addRoleIcon-1LaDEA {
    opacity: 1
}

.layoutStyle-2tuE18 {
    position: relative;
    padding: 24px 15px 80px 0;
    color: var(--text-normal)
}

.xsmallAvatar-3MTKjd {
    width: 20px!important;
    height: 20px!important
}

.smallAvatar-3ws-Fs {
    width: 30px!important;
    height: 30px!important
}

.sidebarHeaderDefault-euM02r {
    cursor: pointer
}

.sidebarHeaderLocked-3vDCdm {
    cursor: default
}

.addRoleIcon-1LaDEA {
    opacity: .8;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.username-1pvYDh {
    margin-left: 8px
}

.description-3wo_Uh {
}

.button-_5Uniy {
    margin: 0 auto
}

.advancedModeDivider-GJCGg1 {
    margin: 40px 0 31px
}

.advancedTitle-1CFkcU {
    cursor: pointer
}

.titleCaret-3b138P {
    vertical-align: bottom;
    margin-left: 14px
}

.cardContent-qqqwo8 {
    padding: 16px
}

.cardTitle-3TvHmZ {
    font-weight: 600
}

.cardDescription-1YvO0X {
    padding-top: 8px;
    padding-left: 4px
}

.card-4s8auQ {
    background: var(--background-secondary);
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px
}

.label-1M1EWS {
    margin: 0 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.easyModeContainer-27mxag {
    padding: 0
}

.settingCard-3w2mVL {
    margin-top: 16px;
    background: var(--background-secondary);
    border-radius: 8px
}

.settingCard-3w2mVL.active-1ytUzX {
    background: var(--background-secondary-alt)
}

.cardIcon-3mLabf {
    color: var(--text-normal)
}

.cardFolder-28dwxo {
    background: var(--background-secondary);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.adminWarning-3Ie8tf,.folderHeader-3eAh2M {
    padding: 16px
}

.folderTitle-1J5dgw {
    margin: 0;
    color: var(--text-normal)
}

.sectionTitle-3RJoUp {
    padding-bottom: 16px
}

.roleMemberList-3aPmJW {
    max-height: 400px;
    padding: 0 16px 8px
}

.divider-1O4dNT {
    padding-bottom: 16px
}

.memberRow-1LB6aT {
    padding: 0 4px 16px
}

.rowHeight-3zP7dP {
    height: 24px
}

.rowLabel-30ico_ {
    margin-left: 8px
}

.rowBotTag-2BdvS8 {
    margin-left: 4px
}

.rowLabelSubText-2yGOLI {
    margin-left: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px
}

.removeIconContainer-1paNBn {
    margin-left: 8px
}

.removeIcon-2httxG {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal);
    cursor: pointer
}

.disabledRemoveIcon-32MyIO {
    color: var(--interactive-muted);
    cursor: auto
}

.category-2ux-7P {
    margin-left: 4px;
    font-size: 10px;
    opacity: .6;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: nowrap
}

.channelIcon-3IJ4o7 {
    position: relative;
    margin-right: 2px;
    display: inline;
    vertical-align: top;
    top: 2px
}

.background-2EVvmU {
    opacity: .6
}

.channelName-1SzRNb {
    margin: 0 0 8px 8px
}

.username-34pxWC {
    padding-left: 4px
}

.item-30Gz8g {
}

.itemValue-JNy0LV {
}

.valueIcon-2LbNu6 {
    float: left;
    position: relative;
    top: -1px
}

.theme-dark .item-30Gz8g {
    color: #f6f6f7
}

.theme-dark .itemValue-JNy0LV {
    color: #b9bbbe
}

.theme-light .item-30Gz8g {
    color: #4f545c
}

.theme-light .itemValue-JNy0LV {
    color: #72767d
}

.title-3CR76z {
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: default;
    overflow: hidden;
    word-wrap: break-word
}

.graph-2xSPwT {
}

.divider-3kJiJM {
}

.videoWrapper-3XDj-F {
    width: 320px;
    height: 180px
}

.allowSelection-uK1q4t {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.channelItem-36SV7x {
    margin-left: -8px;
    margin-bottom: 8px
}

.avatar-1eTZ8m {
    width: 20px!important;
    height: 20px!important
}

.theme-dark .videoPreview-22khDR {
    background-color: #2f3136;
    border: 1px solid #202225
}

.theme-light .videoPreview-22khDR {
    background-color: #f6f6f7;
    border: 1px solid #dcddde
}

.layers-3iHuyZ {
    position: relative;
    overflow: hidden
}

.layers-3iHuyZ>.layer-3QrUeG {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.layers-3iHuyZ>.layer-3QrUeG.animating-rRxada {
    pointer-events: none;
    will-change: transform,opacity
}

.layers-3iHuyZ>.layer-3QrUeG.animating-rRxada * {
    pointer-events: none!important
}

.bg-h5JY_x {
    background-color: var(--background-tertiary);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.platform-win .layer-3QrUeG {
    top: -22px;
    padding-top: 22px
}

.platform-win .bg-h5JY_x {
    top: -22px
}

.stop-animations * {
    -webkit-transition-property: none!important;
    transition-property: none!important;
    -webkit-animation: none!important;
    animation: none!important
}

.layer-3QrUeG {
    background-color: var(--background-primary)
}

.layer-3QrUeG.baseLayer-35bLyl {
    background-color: transparent
}

.firefoxFixScrollFlex-cnI2ix {
    min-height: 0
}

.fixClipping-3qAKRb {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.container-16j22k {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--background-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3000;
    overflow: hidden
}

.container-16j22k img,.container-16j22k video {
    width: 200px;
    height: 200px
}

.container-16j22k video {
    visibility: hidden
}

.container-16j22k video.ready-36e6Vk {
    visibility: visible
}

.platform-win .container-16j22k {
    padding-top: 22px;
    top: -22px
}

.content-1-zrf2 {
    text-align: center
}

.problems-3mgf6w {
    color: var(--header-primary);
    padding-bottom: 32px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.problems-3mgf6w.slideIn-sCvzGz {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.problemsText-1Yx-Kl {
    font-size: 14px;
    color: var(--header-secondary);
    margin-bottom: 8px
}

.links-3Ldd4A {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px
}

.links-3Ldd4A:hover {
    opacity: .8
}

.links-3Ldd4A:before {
    display: inline-block;
    content: "";
    margin-right: 6px;
    vertical-align: bottom
}

.statusLink-gFXhrL,.twitterLink-3NsWMp {
}

.statusLink-gFXhrL {
    margin-left: 20px
}

.icon-3N9Bhy {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: auto;
    color: var(--text-link);
    margin-right: 4px
}

.contentBase-11jeVK {
    color: var(--header-secondary);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    max-width: 600px;
    line-height: 16px
}

.text-3c9Zq1 {
    position: relative;
    top: -20px
}

.tipTitle-GL9qAt {
    color: var(--header-primary);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 16px;
    margin-bottom: 8px
}

.tip-2cgoli,.tipTitle-GL9qAt {
    max-width: 300px
}

.tip-2cgoli {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px
}

.keybind-2jbzrT {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: -2px;
    margin-bottom: 0;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.body-2Vra9D,.title-3JMOhC {
}

.title-3JMOhC {
    margin-bottom: 10px;
    color: var(--header-primary);
    font-style: italic;
    font-size: 16px;
    line-height: 20px
}

.ragingDemon-bDcoXE {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff
}

.symbol-3ffeCr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.symbol-3ffeCr img {
    position: relative;
    max-height: 60vh;
    max-width: 80vw;
    width: 80%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0;
    -webkit-animation: symbolFadeIn-wkjQKf .3s ease-out forwards;
    animation: symbolFadeIn-wkjQKf .3s ease-out forwards
}

.symbolBackground-1w6i-M {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    opacity: 0;
    -webkit-animation: symbolBgFadeOut-YosnTk .3s ease-out;
    animation: symbolBgFadeOut-YosnTk .3s ease-out
}

.container-2Cu1o9 {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.explosion-379HJd {
    position: absolute;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.explosion-379HJd img {
    position: absolute;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.animate-2Dk3Iw .circleInner-1vlodX {
    -webkit-animation: explCircleInner-4eTA27 .3s ease-out .15s 1 forwards;
    animation: explCircleInner-4eTA27 .3s ease-out .15s 1 forwards;
    opacity: 0
}

.animate-2Dk3Iw .circleOuter-2XG8_d {
    -webkit-animation: explCircleOuter-20lecN .45s ease-out 1 forwards;
    animation: explCircleOuter-20lecN .45s ease-out 1 forwards;
    opacity: 0
}

.animate-2Dk3Iw .linesSecondary-2f45rn {
    -webkit-animation: explLinesSecondary-1Eag-K .375s ease-out .225s 1 forwards;
    animation: explLinesSecondary-1Eag-K .375s ease-out .225s 1 forwards;
    opacity: 0
}

.animate-2Dk3Iw .linesMain-3dQGy0 {
    -webkit-animation: explLinesMain-1D2qvD .3s ease-out .15s 1 forwards;
    animation: explLinesMain-1D2qvD .3s ease-out .15s 1 forwards;
    opacity: 0
}

.primaryExplosion-lHCiHZ {
    width: 178px;
    height: 175px;
    margin-left: -77px;
    margin-top: -102px
}

.primaryExplosion-lHCiHZ .circleInner-1vlodX {
    top: 69px;
    left: 43px
}

.primaryExplosion-lHCiHZ .circleOuter-2XG8_d {
    top: 56px;
    left: 30px
}

.primaryExplosion-lHCiHZ .linesSecondary-2f45rn {
    top: 59px;
    left: 0;
    -webkit-transform-origin: 77px 43px;
    transform-origin: 77px 43px
}

.primaryExplosion-lHCiHZ .linesMain-3dQGy0 {
    top: 0;
    left: 71px;
    -webkit-transform-origin: 3px 110px;
    transform-origin: 3px 110px
}

.secondaryExplosion-3nb9j5 {
    width: 170px;
    height: 300px;
    margin-left: -88px;
    margin-top: -156px
}

.secondaryExplosion-3nb9j5 .circleInner-1vlodX {
    top: 130px;
    left: 58px;
    -webkit-transform-origin: 30.5px 27.5px;
    transform-origin: 30.5px 27.5px
}

.secondaryExplosion-3nb9j5 .circleOuter-2XG8_d {
    top: 115px;
    left: 46px
}

.secondaryExplosion-3nb9j5 .linesSecondary-2f45rn {
    top: 68px;
    left: 19px;
    -webkit-transform-origin: 70px 91px;
    transform-origin: 70px 91px
}

.secondaryExplosion-3nb9j5 .linesMain-3dQGy0 {
    top: 6px;
    left: 5px;
    -webkit-transform-origin: 87px 150px;
    transform-origin: 87px 150px
}

@-webkit-keyframes symbolFadeIn-wkjQKf {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes symbolFadeIn-wkjQKf {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes symbolBgFadeOut-YosnTk {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes symbolBgFadeOut-YosnTk {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes explCircleInner-4eTA27 {
    0% {
        -webkit-transform: scale(.2) translateZ(0);
        transform: scale(.2) translateZ(0);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        opacity: 0
    }
}

@keyframes explCircleInner-4eTA27 {
    0% {
        -webkit-transform: scale(.2) translateZ(0);
        transform: scale(.2) translateZ(0);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        opacity: 0
    }
}

@-webkit-keyframes explCircleOuter-20lecN {
    0% {
        -webkit-transform: scale(.2) translateZ(0);
        transform: scale(.2) translateZ(0);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(.9) translateZ(0);
        transform: scale(.9) translateZ(0);
        opacity: 0
    }
}

@keyframes explCircleOuter-20lecN {
    0% {
        -webkit-transform: scale(.2) translateZ(0);
        transform: scale(.2) translateZ(0);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(.9) translateZ(0);
        transform: scale(.9) translateZ(0);
        opacity: 0
    }
}

@-webkit-keyframes explLinesSecondary-1Eag-K {
    0% {
        -webkit-transform: scale(0) translateZ(0);
        transform: scale(0) translateZ(0);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

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

@keyframes explLinesSecondary-1Eag-K {
    0% {
        -webkit-transform: scale(0) translateZ(0);
        transform: scale(0) translateZ(0);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

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

@-webkit-keyframes explLinesMain-1D2qvD {
    0% {
        -webkit-transform: scale(0) translateZ(0);
        transform: scale(0) translateZ(0);
        opacity: 0
    }

    30% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

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

@keyframes explLinesMain-1D2qvD {
    0% {
        -webkit-transform: scale(0) translateZ(0);
        transform: scale(0) translateZ(0);
        opacity: 0
    }

    30% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

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

.keyboardShortcutsModal-3piNz7 {
    position: relative;
    width: 80vw;
    max-height: 80vh;
    max-width: 950px;
    min-width: 800px;
    border-radius: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.keyboardShortcutsModal-3piNz7,.modalTitle-37O4n6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.modalTitle-37O4n6 {
    margin: 0 0 5px;
    padding: 20px 40px 0;
    font-size: 26px;
    line-height: 34px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0
}

.modalTitle-37O4n6 .content-2Add9f {
    margin-right: 20px
}

.modalSubtitle-1Pj5nv {
    padding: 0 40px 20px;
    font-size: 16px;
    line-height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0
}

.ddrArrows-lSnH7P {
    position: absolute;
    overflow: hidden;
    top: 22px;
    right: 40px
}

.ddrArrows-lSnH7P .arrow-2enltQ {
    margin: 4px;
    width: 50px;
    height: 50px;
    float: left;
    overflow: hidden;
    text-indent: -9999em
}

.ddrArrows-lSnH7P .arrow-2enltQ.active-2X6Ewx {
    -webkit-animation: arrow-2enltQ .2s steps(2) 1;
    animation: arrow-2enltQ .2s steps(2) 1;
    background-position: 0 -100px
}

.ddrArrows-lSnH7P .arrow-2enltQ.left-21PxOi {
    background-image: url(../../assets/743ca46af146337e82c2873bfac05c03.html)
}

.ddrArrows-lSnH7P .arrow-2enltQ.down-2Ju7Q_ {
    background-image: url(../../assets/41b546a5b2935c29e058414aa65cecf9.html)
}

.ddrArrows-lSnH7P .arrow-2enltQ.up-fkTose {
    background-image: url(../../assets/81b7cbf80a447e4b8cdb0a00b9b63aca.html)
}

.ddrArrows-lSnH7P .arrow-2enltQ.right-1AEPK3 {
    background-image: url(../../assets/02435ae88c6d1605bfd3a0fa6620ab1d.html)
}

.keybindGroupDescription-3vhN3p,.keybindGroupDivider-1t_8zX {
    margin: 8px 0
}

.keyboardShortcutList-13cQ-8 {
    padding: 40px 20px 20px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.keyboardShortcutList-13cQ-8 .keybindGroup--6Qp-w {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 8px;
    overflow: hidden;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.keyboardShortcutList-13cQ-8 .keybindGroup--6Qp-w.groupEnd-1cdweh {
    margin-bottom: 40px
}

.keyboardShortcutList-13cQ-8 .keybindGroup--6Qp-w .keybindDescription-2RDbC2 {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 4px
}

.keyboardShortcutListGroup-1jHSlZ {
    padding: 8px;
    margin: 8px 0
}

.theme-dark .keyboardShortcutsModal-3piNz7 {
    background-color: #36393f
}

.theme-dark .modalTitle-37O4n6 {
    color: #fff
}

.theme-dark .modalSubtitle-1Pj5nv {
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: #dcddde
}

.theme-dark .keyboardShortcutList-13cQ-8 .keybindGroup--6Qp-w .keybindDescription-2RDbC2 {
    color: #b9bbbe;
    font-weight: 600
}

.firstGroup-2QOPL9 {
    margin-top: 0;
    padding-top: 0
}

.theme-light .keyboardShortcutsModal-3piNz7 {
    background-color: #fff
}

.theme-light .modalTitle-37O4n6 {
    color: #4f545c
}

.theme-light .modalSubtitle-1Pj5nv {
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: #737f8d
}

.theme-light .keyboardShortcutList-13cQ-8 .keybindGroup--6Qp-w .keybindDescription-2RDbC2 {
    color: #4f545c
}

@-webkit-keyframes arrow-2enltQ {
    0% {
        background-position: 0 -50px
    }

    to {
        background-position: 0 -150px
    }
}

@keyframes arrow-2enltQ {
    0% {
        background-position: 0 -50px
    }

    to {
        background-position: 0 -150px
    }
}

.container-2Yth53 {
    position: relative;
    height: 420px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-height: 600px) {
    .container-2Yth53 {
        margin-top:-20px
    }
}

.contentWrapper-3WC1ID {
    border-radius: 5px 0 0 5px;
    height: 100%
}

.contentWrapper-3WC1ID:only-child {
    border-radius: 5px
}

@media (max-width: 720px) {
    .contentWrapper-3WC1ID {
        border-radius:5px
    }
}

.theme-dark .contentWrapper-3WC1ID {
    background: #36393f
}

.theme-light .contentWrapper-3WC1ID {
    background: #f6f6f7
}

.scroller-3__pG8 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 400px;
    height: 420px;
    padding: 32px 32px 0
}

.noThanksButton-3mqg48 {
    height: 32px
}

.inviteContent-3R63XV {
    position: relative;
    height: 380px;
    text-align: center
}

.inviteSplash-40aHus {
    width: 520px;
    height: 420px;
    background-size: cover;
    background-position: 100%;
    border-radius: 0 5px 5px 0
}

@media (max-width: 940px) {
    .inviteSplash-40aHus {
        width:300px
    }
}

@media (max-width: 720px) {
    .inviteSplash-40aHus {
        display:none
    }
}

.buttonGroup-276hcG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buttonGroup-276hcG>* {
    margin: 4px
}

.experimentUpsellError-1B_dtk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    padding: 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: -6px
}

.experimentUpsellError-1B_dtk:hover {
    background-color: var(--background-floating)
}

.experimentUpsellIcon-3G0C9_ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px;
    min-width: 0
}

.experimentUpsellText-33hEF0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: left;
    min-width: 0;
    color: var(--text-normal)
}

.experimentGetNitro-2umQa7,.experimentUpsellText-33hEF0 {
    display: block;
    font-size: 12px;
    line-height: 16px
}

.experimentGetNitro-2umQa7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 106px;
    margin-left: 12px;
    color: var(--text-link);
    padding: 0 8px
}

.tutorial-3igfYb {
    position: absolute;
    top: -70px;
    left: -60px;
    right: -60px;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.tutorial-3igfYb.shown-3PNP1p {
    opacity: 1
}

.arrowGroup-2imezz {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.arrowGroup-2imezz.right-xllYXb {
    right: 0;
    left: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.arrowContainer-17eG6u {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.horizontal-3uU00t {
    top: 118px;
    -webkit-transition: none;
    transition: none
}

.diag1-2VcglJ {
    -webkit-transform: translate3d(10px,24px,0) rotate(40deg);
    transform: translate3d(10px,24px,0) rotate(40deg)
}

.diag2-3iVToU {
    -webkit-transform: translate3d(85px,0,0) rotate(70deg);
    transform: translate3d(85px,0,0) rotate(70deg)
}

.arrowIcon-1EMN73 {
    -webkit-animation: arrow-pulse-2BHQjw .82s ease-in-out infinite;
    animation: arrow-pulse-2BHQjw .82s ease-in-out infinite
}

.tutorialMessages-12mfId {
    color: #fff;
    position: relative;
    top: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    padding-top: 30px;
    height: 60px;
    overflow: hidden
}

.message-3WE_vQ {
    position: absolute;
    width: 100%;
    -webkit-transition: opacity .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: opacity .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: opacity .15s ease-in-out,transform .15s ease-in-out;
    transition: opacity .15s ease-in-out,transform .15s ease-in-out,-webkit-transform .15s ease-in-out
}

.searchMessage-2dNwh2 {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.selectMessage-24T7Qk {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.hasQuery-2sgtk4 .diag1-2VcglJ,.hasQuery-2sgtk4 .diag2-3iVToU {
    opacity: 0
}

.hasQuery-2sgtk4 .diag1-2VcglJ {
    -webkit-transform: translate3d(0,12px,0) rotate(40deg);
    transform: translate3d(0,12px,0) rotate(40deg)
}

.hasQuery-2sgtk4 .diag2-3iVToU {
    -webkit-transform: translate3d(85px,-10px,0) rotate(70deg);
    transform: translate3d(85px,-10px,0) rotate(70deg)
}

.hasQuery-2sgtk4 .searchMessage-2dNwh2 {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

.hasQuery-2sgtk4 .selectMessage-24T7Qk {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes arrow-pulse-2BHQjw {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(3px,0,0);
        transform: translate3d(3px,0,0)
    }
}

@keyframes arrow-pulse-2BHQjw {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(3px,0,0);
        transform: translate3d(3px,0,0)
    }
}

.container-3qKHyN {
    width: 570px;
    height: 365px
}

.quickswitcher-3JagVE {
    position: relative;
    width: 570px;
    border-radius: 8px;
    padding: 20px 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2),0 0 0 1px rgba(28,36,43,.6);
    box-shadow: 0 2px 10px rgba(0,0,0,.2),0 0 0 1px rgba(28,36,43,.6);
    background-color: var(--background-secondary);
    color: var(--text-normal)
}

.quickswitcher-3JagVE,.quickswitcher-3JagVE * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.input-2VB9rf {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    padding: 0 12px;
    font-size: 22px;
    border-radius: 5px;
    border: none;
    height: 70px;
    line-height: 70px;
    background-color: var(--deprecated-quickswitcher-input-background);
    color: var(--text-normal);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.input-2VB9rf::-webkit-input-placeholder {
    color: var(--deprecated-quickswitcher-input-placeholder)
}

.input-2VB9rf::-moz-placeholder {
    color: var(--deprecated-quickswitcher-input-placeholder)
}

.input-2VB9rf:-ms-input-placeholder {
    color: var(--deprecated-quickswitcher-input-placeholder)
}

.input-2VB9rf::placeholder {
    color: var(--deprecated-quickswitcher-input-placeholder)
}

.autocompleteQuerySymbol-1kyGZ5 {
    background-color: var(--background-tertiary);
    padding: 2px;
    border-radius: 4px;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace
}

.scroller-zPkAnE {
    z-index: 0;
    margin-right: -17px;
    margin-top: -5px;
    max-height: 236px;
    background-color: var(--background-secondary)
}

.scroller-zPkAnE::-webkit-scrollbar-track {
    background-color: var(--background-secondary-alt)!important
}

.protip-1b9XPC {
    padding: 10px 0;
    border-top: 1px solid var(--background-modifier-accent)
}

.emptyState-2gL-9T {
    padding-top: 150px;
    padding-bottom: 20px;
    background: no-repeat 50% 20px;
    text-align: center;
    font-weight: 500
}

.emptyStateNote-ZYTetQ {
    font-size: 16px;
    line-height: 20px;
    color: var(--text-muted)
}

.emptyStateCTA-veJ2Cu {
    font-size: 14px;
    line-height: 16px;
    opacity: .6
}

.emptyStateCTA-veJ2Cu:hover {
    opacity: 1
}

.miscContainer-2ptJ_C {
    font-weight: 500;
    opacity: .6;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.theme-dark .emptyState-2gL-9T {
    background-image: url(../../assets/0b298968e0a756e25677771fd6b58b34.html)
}

.theme-light .emptyState-2gL-9T {
    background-image: url(../../assets/0900c33038a1b28283644e5870de552f.html)
}

.modal-DRZfgq {
    width: 520px;
    border-radius: 5px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(185,187,190,.3),0 2px 10px 0 rgba(0,0,0,.1)
}

.container-1nPf-D {
    margin: 32px 40px
}

.title-3Fa4Po {
    font-weight: 700;
    color: var(--brand-experiment-500);
    text-transform: uppercase
}

.description-vvVtO_ {
    margin-left: 40px;
    margin-right: 40px
}

.link-1q2Osy {
}

.ack-2yIUvY {
    color: #4f545c
}

.buttonContainer-3S_miP {
    background-color: #f9f9f9;
    padding-right: 30px
}

.button-1TiC1S {
}

.root-SR8cQa {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    width: 600px;
    background-color: var(--background-secondary)
}

.topSectionNormal-2-vo2m {
    background-color: var(--background-tertiary)
}

.topSectionStreaming-1Tpf5X {
    background: #593695
}

.topSectionSpotify-1lI0-P {
    background: #1db954
}

.topSectionXbox-3fWLjS {
    background: #107c10
}

.topSectionPlaying-1J5E4n {
    background: var(--brand-experiment)
}

.header-QKLPzZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
}

.customStatusText-39gdCI {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.customStatus-154i-H .customStatusEmoji-3BvdMX {
    width: 20px;
    height: 20px
}

.customStatus-154i-H .customStatusEmoji-3BvdMX:not(:last-child) {
    margin-right: 8px
}

.customStatus-154i-H .customStatusEmoji-3BvdMX.customStatusSoloEmoji-192Z_4 {
    width: 48px;
    height: 48px
}

.topSectionNormal-2-vo2m .activityHeader-1PExlk,.topSectionNormal-2-vo2m .customStatusText-39gdCI {
    color: var(--header-secondary)
}

.activityHeader-1PExlk {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-weight: 600
}

.headerInfo-30uryT {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding-right: 16px
}

.nameTag-2IFDfL {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: normal;
    word-break: break-word;
    line-height: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px
}

.botTag-ymWxY6 {
    position: relative;
    bottom: 1px
}

.avatar-3EQepX {
    margin-right: 20px
}

.username-3gJmXY {
    font-size: 18px;
    font-weight: 600;
    color: #fff
}

.topSectionNormal-2-vo2m .username-3gJmXY {
    color: var(--header-primary)
}

.nameTag-2IFDfL .botTag-ymWxY6,.nameTag-2IFDfL .discriminator-xUhQkU,.nameTag-2IFDfL .username-3gJmXY {
    white-space: normal
}

.discriminator-xUhQkU {
    font-size: 14px;
    color: #fff;
    opacity: 1
}

.topSectionNormal-2-vo2m .discriminator-xUhQkU {
    color: var(--header-secondary);
    opacity: 1
}

.profileBadges-2vWUYb {
    margin-top: 8px
}

.actionButton-3W1xZa {
    min-height: 32px
}

.actionRightButton-2vQaa9 {
    margin-left: 10px
}

.buttonInvertedPurple-WtBglX {
    background-color: var(--brand-experiment-100);
    color: #593695
}

.buttonInvertedPurple-WtBglX:active {
    background-color: var(--brand-experiment-200)
}

.headerFill-adLl4x {
    background-color: rgba(0,0,0,.05)
}

.additionalActionsIcon-1FoUlE {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    opacity: 1;
    color: #fff
}

.additionalActionsIcon-1FoUlE:hover {
    opacity: 1
}

.topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE {
    color: var(--interactive-normal)
}

.topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE:hover {
    color: var(--interactive-hover)
}

.topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE:active {
    color: var(--interactive-active)
}

.tabBarContainer-1s1u-z {
    border-top: 1px solid hsla(0,0%,100%,.1);
    padding-left: 20px
}

.topSectionNormal-2-vo2m .tabBarContainer-1s1u-z {
    border-top-color: var(--background-secondary)
}

.tabBar-2MuP6- {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 55px
}

.tabBar-2MuP6-,.tabBarItem-1b8RUP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabBarItem-1b8RUP {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid transparent;
    margin-right: 40px;
    font-size: 14px
}

.activity-1ythUs {
    padding: 20px
}

.body-3ND3kc {
    height: 240px;
    background-color: var(--background-secondary)
}

.listScroller-2_vlfo {
    padding: 8px 0;
    height: 100%
}

.infoScroller-3EYYns {
    padding: 0 20px;
    height: 100%
}

.userInfoSection-2acyCx {
    padding: 20px 0
}

.userInfoSection-2acyCx+.userInfoSection-2acyCx {
    border-top: 1px solid var(--background-modifier-accent)
}

.userInfoSectionHeader-CBvMDh {
    font-weight: 700;
    font-size: 12px;
    color: var(--channels-default);
    margin-bottom: 10px;
    text-transform: uppercase
}

.note-QfFU8y {
    margin: -4px
}

.note-QfFU8y textarea {
    border-radius: 3px;
    font-size: 14px;
    line-height: 16px;
    padding: 4px
}

.connectedAccounts-repVzS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -20px
}

.connectedAccount-36nQx7 {
    border-radius: 3px;
    margin-top: 20px;
    padding: 8px 14px 8px 8px;
    width: 240px;
    border: 1px solid;
    border-color: var(--background-modifier-accent)
}

.connectedAccountIcon-3P3V6F {
    width: 30px;
    height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.connectedAccountNameInner-1phBvE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.connectedAccountName-f8AEe2,.connectedAccountNameInner-1phBvE {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.connectedAccountName-f8AEe2 {
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    color: var(--text-normal)
}

.connectedAccountVerifiedIcon-3aZz_K {
    margin: 0 5px
}

.connectedAccountOpenIcon-2cNbq5 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: var(--interactive-normal);
    display: block
}

.connectedAccountOpenIcon-2cNbq5:hover {
    color: var(--interactive-hover)
}

.connectedAccountOpenIcon-2cNbq5:active {
    color: var(--interactive-active)
}

.listAvatar-1NlAhb {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.guildAvatarWithoutIcon-1sTmE_ {
    background-color: var(--brand-experiment);
    color: #fff
}

.listRow-hutiT_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    line-height: 30px;
    padding: 4px 8px;
    color: var(--text-normal);
    border-radius: 4px;
    margin: 1px 0 1px 8px
}

.listRow-hutiT_:hover {
    background-color: var(--background-modifier-hover)
}

.listRowContent-3Kih4Q {
    overflow: hidden
}

.listName-3w10cx {
    font-size: 16px;
    line-height: 16px
}

.guildNick-3uAm3i,.listName-3w10cx {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.guildNick-3uAm3i {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: var(--header-secondary)
}

.listDiscriminator-253zfw {
    font-size: 12px;
    opacity: .6
}

.empty-2WtT5s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 100%;
    padding: 20px 0
}

.emptyIcon-pGTAhd {
    width: 240px;
    height: 130px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.emptyIconFriends-BrjhY9,.emptyIconGuilds-3OViNh,.emptyIconStreamerMode-3RfWOW {
}

.emptyText-6tYmO5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-top: 12px;
    text-transform: uppercase;
    color: var(--header-secondary)
}

.theme-dark .emptyIconStreamerMode-3RfWOW {
    background-image: url(../../assets/e18336bc1141d8a5e88379e41e91cacb.html)
}

.theme-dark .emptyIconGuilds-3OViNh {
    background-image: url(../../assets/f49d47ca5489f7d20c6dc53953cfe60c.html)
}

.theme-dark .emptyIconFriends-BrjhY9 {
    background-image: url(../../assets/51dfef72c56e5e77b91109553bdefb76.svg)
}

.theme-light .emptyIconStreamerMode-3RfWOW {
    background-image: url(../../assets/40311479d87be9ab59aef9571750cd5f.html)
}

.theme-light .emptyIconGuilds-3OViNh {
    background-image: url(../../assets/55df85915c4da9f5d21869db7258c72c.html)
}

.theme-light .emptyIconFriends-BrjhY9 {
    background-image: url(../../assets/f7921d97c0a2b6f01cf58d15a87ef986.html)
}

.gamepadButtonText-3oiVZ3 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-right: 30px
}

.gamepadButtonContainer-1LwN57 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.leftPanel-9cRl50 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 100px;
    width: 40%;
    max-width: 650px;
    padding-top: 36px;
    margin: auto 0
}

.sectionTitle-337Owh {
    font-size: 48px;
    font-weight: 700;
    color: #fff
}

.sectionSubtitle-3oof5F {
    font-size: 32px;
    margin-top: 32px;
    font-weight: 300;
    line-height: 1.25;
    color: #fff
}

@media (max-height: 720px) {
    .sectionTitle-337Owh {
        font-size:32px
    }

    .sectionSubtitle-3oof5F {
        font-size: 24px;
        margin-top: 20px
    }
}

.pageWrapper-3F6owx {
    width: 100vw;
    height: 100vh;
    background-image: linear-gradient(114deg,#738ef5,#9295e2);
    overflow: auto
}

.container-1r0Ael {
    height: 100%;
    width: 100%
}

.logo-2apZa6 {
    height: 80px;
    margin-left: 94px;
    margin-top: 40px;
    position: absolute
}

.linkButton-3aQMjF {
    height: auto;
    font-size: 20px;
    margin-top: 20px;
    padding: 16px 40px
}

.rightPanel-3v0DYb {
    position: relative;
    width: 60%;
    overflow: hidden;
    padding-top: 15%
}

.image-22sO6Y {
    width: 70%;
    height: auto;
    position: fixed;
    right: -11%;
    z-index: 0;
    pointer-events: none
}

.xboxButtonContainer-1fnVjR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gamepadButton-_uzDVK {
    margin-right: 8px;
    width: 30px;
    height: 30px
}

.errorMessageContainer-3tPaYl {
    border-radius: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f6f6f7;
    border: 1px solid #dcddde;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
}

.errorMessage-3H97Nb {
    color: #4f545c
}

.errorMessageIcon-1ToWng {
    color: #ed4245;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

@media (max-height: 720px) {
    .logo-2apZa6 {
        height:46px
    }

    .linkButton-3aQMjF {
        font-size: 16px;
        padding: 2px 24px
    }

    .gamepadButton-_uzDVK {
        width: 30px;
        height: 30px
    }

    .errorMessageIcon-1ToWng {
        width: 24px;
        height: 24px
    }
}

.leftPanel-2l1T5i {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 100px;
    width: 40%;
    margin: auto 0
}

.sectionTitle-2nPEF4 {
    font-size: 32px;
    margin-bottom: 20px;
    margin-top: 48px;
    color: #fff
}

.sectionSubheader-rwzZ1d {
    margin-bottom: 4px
}

.sectionSubheader-rwzZ1d,.sectionSubtitle-c6uxj- {
    font-size: 24px;
    line-height: 1.25;
    color: #fff
}

.sectionSubtitle-c6uxj- {
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 300
}

.pinNumber-2Y-fxV {
    font-size: 80px;
    line-height: 1.25;
    letter-spacing: 6px;
    margin-top: 60px;
    color: #fff;
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
    font-weight: 300
}

.pinExpiresText-2kOhgQ {
    font-size: 20px;
    margin-top: 13px;
    color: #fff
}

@media (max-height: 720px) {
    .pinNumber-2Y-fxV {
        font-size:60px;
        margin-top: 60px
    }

    .pinExpiresText-2kOhgQ {
        font-size: 16px;
        margin-top: 12px
    }

    .sectionTitle-2nPEF4 {
        font-size: 24px;
        margin-bottom: 16px;
        margin-top: 24px
    }

    .sectionSubheader-rwzZ1d {
        font-size: 20px;
        line-height: 1.25;
        margin-bottom: 4px
    }

    .sectionSubtitle-c6uxj- {
        font-size: 18px;
        margin-bottom: 4px
    }

    .linkButton-c8TCnB {
        font-size: 16px;
        padding: 2px 24px
    }
}

.elevated-26QCAo {
    -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-2nxwjH {
    margin: 12px auto 20px;
    width: 85%
}

.buttonTitle-3i-bDM {
    text-align: center;
    margin: 20px 20px 0
}

.text-YvEHPh {
    text-align: left
}

.buttonLogin-2oCPEH {
    font-weight: 600;
    font-size: 12px
}

.card-naSvY_ {
    margin: 16px;
    background: #202225;
    border-color: #202225
}

.cardContents-3WbWvB {
    max-width: 400px;
    margin: 0 auto
}

.cardAccentLeft-21rdcy {
    left: 0
}

.cardAccentLeft-21rdcy,.cardAccentRight-2fDjxG {
    position: absolute;
    bottom: 0;
    opacity: .3
}

.cardAccentRight-2fDjxG {
    right: 0
}

.clock-bm1xfG {
    margin-right: 8px
}

.container-zpj2Le {
    margin-top: 16px
}

.container-zpj2Le,.expirationContainer-2kThAV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.expirationContainer-2kThAV {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 100px;
    padding: 8px 16px;
    background-color: var(--background-tertiary)
}

.acceptButton-1JKJrE {
    margin-top: 8px
}

@media (min-height: 720px) {
    .acceptButton-1JKJrE {
        margin-top:12px
    }
}

@media (min-height: 960px) {
    .acceptButton-1JKJrE {
        margin-top:24px
    }
}

.valueProps-MQU5k3 {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin: 8px 0;
    padding: 0 16px;
    border-radius: 8px;
    background: #2f3136
}

@media (min-height: 720px) {
    .valueProps-MQU5k3 {
        margin:12px 0
    }
}

@media (min-height: 960px) {
    .valueProps-MQU5k3 {
        margin:24px 0
    }
}

.valuePropItem-2ampWu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    text-align: left;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.valuePropItem-2ampWu:last-child {
    border-bottom: none
}

@media (min-height: 640px) {
    .valuePropItem-2ampWu {
        padding:12px 0
    }
}

.valuePropIcon-1Hgw0u {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #202225;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-left: -4px;
    margin-right: 12px
}

.valuePropLabel-29Vitw {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 20px;
    color: #b9bbbe
}

.valuePropLabel-29Vitw strong {
    color: #fff;
    font-weight: 600
}

.expirationNotice-2HQEq8 {
    margin-top: 16px
}

.container-I6Klu5 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.guildBadge-2loz2D {
    position: relative;
    margin-right: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25px;
    height: 25px
}

.appIcon-8pI_Ye {
    display: inline-block
}

.appIconSize-1WQ9nz {
    width: 100px;
    height: 100px
}

.appIcon-8pI_Ye,.avatar-5lWvma,.guildIcon-3w0Hwc {
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 16px
}

.title-36_Qng {
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--header-primary);
    font-weight: 600
}

@media (min-height: 640px) {
    .title-36_Qng {
        margin-top:8px
    }
}

.activityCount-A89d7s {
    margin-top: 4px
}

@media (min-height: 640px) {
    .activityCount-A89d7s {
        margin-top:8px
    }
}

.description-1Rx3bM {
    margin: 4px 0;
    color: #b9bbbe;
    font-size: 14px;
    line-height: 18px
}

@media (min-height: 640px) {
    .description-1Rx3bM {
        margin:8px 0
    }
}

.guildContainer-3U-BXz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.appIn-3Fa6lj {
    margin: 4px 0
}

.appGuildName-3nA7vq {
    color: var(--header-primary)
}

.inviteJoinContainer-3XnqFF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.inviterIconWrapper-ti3YTR {
    padding-right: 8px
}

.inviteJoinText-3CUNHu {
    color: var(--header-secondary)
}

.acceptButton-3IVn3J {
    margin-top: 28px;
    width: 100%
}

.splashBackground-1xe4jJ {
    --background-mobile-primary: #202225 center/cover no-repeat url(../../assets/a49f55e96d5786e4da4935a993d7f796.html);
    width: 100%;
    height: 100%
}

.centerFlex-2UU8gh,.splashBackground-1xe4jJ {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.centerAuthBoxContent-2AJUs_ {
    margin-top: -50px
}

.inviteCard-bGLA09 {
    border-radius: 8px;
    background: var(--background-primary);
    width: calc(100vw - 72px);
    max-width: 480px;
    min-height: 200px;
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.2);
    box-shadow: 0 8px 16px rgba(0,0,0,.2);
    padding: 20px;
    margin: auto 8px
}

@media (max-height: 640px) {
    .inviteCard-bGLA09 {
        width:100vw;
        padding: 16px;
        margin: 0
    }
}

.inviteCardInner-2QLrMQ {
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.inviteCardInner-2QLrMQ,.inviteCardInnerError-2yrg2f {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.inviteCardInnerError-2yrg2f {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 -4px;
    padding-bottom: 0;
    padding-top: 24px
}

@media (max-height: 640px) {
    .inviteCardInnerError-2yrg2f {
        padding:0;
        margin: 0 -12px
    }
}

.inviteCardInnerLoading-X5GXa7 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.expirationNotice-2aFd-k {
    margin-top: 32px
}

.mobileTitle-cQGC5T {
    margin-top: 32px;
    margin-bottom: 8px
}

.desktopSubtitle-3A_2Ie {
    margin-top: 8px;
    margin-bottom: 40px
}

.container-1qX8H5 {
    position: relative;
    display: inline-block;
    line-height: 0
}

.iconWrapper-3dFGl9 {
    padding: 12px;
    background-color: var(--background-tertiary);
    color: var(--interactive-normal);
    border-radius: 50%
}

.star-g655ws {
    right: 100%;
    margin-right: 4px;
    bottom: -8px
}

.sparkle-3izqUK,.star-g655ws {
    position: absolute
}

.sparkle-3izqUK {
    left: 100%;
    top: -8px
}

.authBox-OtSo8z {
    width: 960px
}

.createButton-2XJ7jN {
    margin-top: 12px
}

.header-2tghzW {
    text-align: center;
    margin-bottom: 32px
}

.formContainer-2ZWoPq {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: start
}

.flex-32dgJs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-3qymWa {
    text-align: start;
    margin-top: 16px
}

.speakers-kEGflI {
    grid-gap: 8px 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
    margin-bottom: -16px
}

.speaker-1HW9IK,.speakers-kEGflI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.speaker-1HW9IK {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 34%;
    flex-basis: 34%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.label-3jnO6p {
    margin-left: 8px
}

.background-2vw-bh {
    border-radius: 12px;
    padding: 4px 8px
}

.background-2vw-bh,.icon-1kl4sN {
    background-color: var(--background-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-1kl4sN {
    border-radius: 50%;
    height: 24px;
    width: 24px
}

.guild-1H1MQY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 8px 0
}

.guildInfo-3bTId5 {
    margin-left: 12px;
    text-align: start
}

.dot-38181A {
    width: 8px;
    height: 8px;
    background-color: #57f287;
    border-radius: 50%;
    margin-right: 4px
}

.alignStart-2FQjAH {
    text-align: start
}

.image-vn9QOh {
    height: 100px
}

.wrapper-1V4Ofx {
    background: repeat 108% 103% url(../../assets/8eba753f8b6d02be1013c5e659b0fc2f.html);
    width: 100vw;
    height: 100vh;
    background-color: #202225;
    overflow: auto
}

.lottieStickerTest-1hKOyj {
    width: 100%;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: scroll
}

.actions-1Z2JKm,.lottieStickerTest-1hKOyj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.actionUpload-3jLwSx {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 8px
}

.lists-v2EVz_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-2dzxSI,.lists-v2EVz_ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.darkList-3LdH9J {
    background-color: #36393f
}

.lightList-IANdV6 {
    background-color: #fff
}

.stickerWrapper-35XsuF {
    height: 160px;
    width: 160px
}

.key-3j3-mG {
    display: inline-block;
    background-color: var(--brand-experiment-500);
    color: #fff;
    border-bottom: 2px solid var(--brand-experiment-600);
    border-radius: 3px;
    padding: 3px 9px;
    margin-left: 8px;
    margin-right: 8px
}

.container-fEIfjO {
    position: relative;
    color: #fff;
    border-radius: 5px;
    width: 300px;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3
}

.container-fEIfjO+.container-fEIfjO {
    margin-top: 8px
}

.clickBlocker-fnG15u {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    cursor: auto
}

.content-15zTcI {
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top
}

.content-15zTcI,.details-2gEcEs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.details-2gEcEs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.hintText-2g1c9G {
    font-weight: 500;
    text-align: center
}

.clickable-2NoTM3 {
    cursor: pointer
}

.dismissButton-AdNfLV {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 5px;
    right: 5px;
    line-height: 0;
    visibility: hidden;
    cursor: pointer
}

.dismissButton-AdNfLV .dismissIcon-37THWD {
    opacity: .5
}

.dismissButton-AdNfLV:hover .dismissIcon-37THWD {
    opacity: 1
}

.container-fEIfjO:hover .dismissButton-AdNfLV,.dismissButton-AdNfLV:hover {
    visibility: visible
}

.buttonContainer-1OF5r4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -5px;
    margin-right: -5px
}

.button-1_corF {
    margin-left: 5px;
    margin-right: 5px
}

.avatar-2DTGCj {
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.title-IU0YL0 {
    font-size: 16px;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.body-3iVSWA,.title-IU0YL0 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.body-3iVSWA {
    overflow-wrap: break-word
}

.divider-2SJIXw {
    width: 100%;
    height: 1px;
    margin-top: 12px;
    margin-bottom: 12px;
    position: relative
}

.footer-29jAtw {
    color: #b9bbbe
}

.keybindMessage-27rgH4 {
    font-weight: 500
}

.keybindMessage-27rgH4 .keybind-3thb0I {
    font-size: 13px;
    line-height: 14px;
    font-weight: 500;
    margin-left: 6px;
    margin-right: 6px
}

.hintSubtleText-mZJcbW {
    text-align: center;
    font-size: 12px
}

.themePrimary-18HFsc.container-fEIfjO {
    background-color: rgba(54,57,63,.95)
}

.themePrimary-18HFsc.container-fEIfjO.clickable-2NoTM3:hover {
    background-color: #36393f
}

.themePrimary-18HFsc.container-fEIfjO.clickable-2NoTM3:hover .hintText-2g1c9G {
    color: #fff
}

.themePrimary-18HFsc .body-3iVSWA,.themePrimary-18HFsc .hintSubtleText-mZJcbW,.themePrimary-18HFsc .hintText-2g1c9G,.themePrimary-18HFsc .keybindMessage-27rgH4 {
    color: #b9bbbe
}

.themePrimary-18HFsc .divider-2SJIXw {
    background-color: #4f545c
}

.themePrimary-18HFsc .dismissButton-AdNfLV {
    background-color: #36393f;
    -webkit-box-shadow: 0 0 7px 3px #36393f;
    box-shadow: 0 0 7px 3px #36393f
}

.themeBrand-2qTyWV.container-fEIfjO {
    background-color: var(--brand-experiment-95a)
}

.themeBrand-2qTyWV.container-fEIfjO.clickable-2NoTM3:hover {
    background-color: var(--brand-experiment-500)
}

.themeBrand-2qTyWV.container-fEIfjO.clickable-2NoTM3:hover .hintText-2g1c9G {
    color: #fff
}

.themeBrand-2qTyWV .body-3iVSWA,.themeBrand-2qTyWV .hintText-2g1c9G,.themeBrand-2qTyWV .keybindMessage-27rgH4 {
    color: var(--brand-experiment-200)
}

.themeBrand-2qTyWV .footer-29jAtw {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.themeBrand-2qTyWV .divider-2SJIXw {
    background-color: hsla(0,0%,100%,.15)
}

.themeBrand-2qTyWV .dismissButton-AdNfLV {
    background-color: var(--brand-experiment-500);
    -webkit-box-shadow: 0 0 7px 3px var(--brand-experiment-500);
    box-shadow: 0 0 7px 3px var(--brand-experiment-500)
}

.themeBrand-2qTyWV .keybind-3thb0I {
    background-color: #fff;
    border-bottom-color: var(--brand-experiment-300)
}

.themeBrand-2qTyWV .button-1_corF .innerText-2pcwrI,.themeBrand-2qTyWV .keybind-3thb0I {
    color: var(--brand-experiment-500)
}

.themeDanger-2d-qs2.container-fEIfjO {
    background-color: rgba(237,66,69,.95)
}

.themeDanger-2d-qs2.container-fEIfjO.clickable-2NoTM3:hover {
    background-color: #ed4245
}

.themeDanger-2d-qs2.container-fEIfjO.clickable-2NoTM3:hover .hintText-2g1c9G {
    color: #fff
}

.themeDanger-2d-qs2 .body-3iVSWA,.themeDanger-2d-qs2 .hintText-2g1c9G,.themeDanger-2d-qs2 .keybindMessage-27rgH4 {
    color: #fbd9da
}

.themeDanger-2d-qs2 .footer-29jAtw {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.themeDanger-2d-qs2 .divider-2SJIXw {
    background-color: #f1686a
}

.themeDanger-2d-qs2 .dismissButton-AdNfLV {
    background-color: rgba(237,66,69,.8);
    -webkit-box-shadow: 0 0 7px 3px rgba(237,66,69,.8);
    box-shadow: 0 0 7px 3px rgba(237,66,69,.8)
}

.themeDanger-2d-qs2 .dismissButton-AdNfLV .dismissIcon-37THWD {
    opacity: .8;
    color: #fff
}

.themeDanger-2d-qs2 .dismissButton-AdNfLV:hover .dismissIcon-37THWD {
    opacity: 1
}

.themeDanger-2d-qs2 .keybind-3thb0I {
    background-color: #fff;
    color: #ed4245;
    border-bottom-color: #f8b3b5
}

.themeDanger-2d-qs2 .button-1_corF .innerText-2pcwrI {
    color: #ed4245
}

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

.staticSize-60Tgeg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.widget-2M7wFU {
    color: #fff;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    max-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px
}

.widget-2M7wFU.inGame-2jyo39,.widget-2M7wFU.inGameActive-2sV6GI,.widget-2M7wFU.inGameText-O5ZnCQ {
    -webkit-box-shadow: none;
    box-shadow: none
}

.widget-2M7wFU.default-3DQdjh {
    background-color: #2f3136
}

.widget-2M7wFU.unpinned-yEO9eb {
    background-color: #36393f
}

.bar-223pc1 {
    font-size: 16px;
    line-height: 1.25;
    padding: 12px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: rgba(54,57,63,.85)
}

.bar-223pc1,.bar-223pc1 .content-3NKj2i {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.bar-223pc1 .content-3NKj2i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600
}

.bar-223pc1:first-child {
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.1)
}

.background-opacity-low .bar-223pc1:first-child {
    -webkit-box-shadow: inset 0 -1px 0 0 hsla(0,0%,100%,.1);
    box-shadow: inset 0 -1px 0 0 hsla(0,0%,100%,.1)
}

.bar-223pc1:last-child {
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,.1)
}

.bar-223pc1:last-child.inGame-2jyo39,.bar-223pc1:last-child.inGameActive-2sV6GI,.bar-223pc1:last-child.inGameText-O5ZnCQ {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bar-223pc1.default-3DQdjh {
    background-color: #282b30
}

.bar-223pc1.unpinned-yEO9eb {
    background-color: #36393f
}

.body-Mv1Pg8 {
    font-size: 16px;
    line-height: 1.25;
    padding: 4px 0 4px 4px;
    color: #fff
}

.body-Mv1Pg8:first-child {
    border-radius: 5px 5px 0 0
}

.body-Mv1Pg8:last-child {
    border-radius: 0 0 5px 5px
}

.body-Mv1Pg8.default-3DQdjh {
    background-color: #2f3136
}

.body-Mv1Pg8.unpinned-yEO9eb {
    background-color: #36393f
}

.body-Mv1Pg8.pinned-3n-jtZ {
    background-color: rgba(54,57,63,.75)
}

.body-Mv1Pg8.inGame-2jyo39 {
    background-color: hsla(0,0%,100%,0)
}

.icon-15v2QJ {
    color: #fff;
    opacity: .6;
    margin-left: 8px;
    cursor: pointer
}

.icon-15v2QJ.toggledIconOn-1A0KDh,.icon-15v2QJ:hover {
    opacity: 1
}

.tutorialTip-3dJd0e {
    text-align: center
}

.container-3DGuwk {
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px
}

.stackTrace-1C2h4v {
    position: absolute;
    left: 10px;
    top: 140px
}

.stackTraceCode-h5MUsb {
    font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace
}

.code-1Y2ppX {
    padding: 15px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.errorMessage-1N2oXW {
    font-weight: 600;
    margin-left: 30px;
    font-size: 18px
}

.notificationButton-2FRzIZ {
    border: 1px solid #fff
}

.notificationIcon-iCU6Y0 {
    fill: #fff
}

.footer-33N2Qf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ctaButton-3WP2JB {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.animationContainer-1cdP1K {
    position: absolute;
    padding: 10px
}

.container-O6k7qM {
    position: absolute;
    z-index: 100
}

.topLeft-2Lcaww {
    top: 0;
    left: 0
}

.topRight-3gPcod {
    top: 0;
    right: 0
}

.bottomLeft-t5CsTb {
    bottom: 0;
    left: 0
}

.bottomRight-1T9V4C {
    bottom: 0;
    right: 0
}

.wrapper-3GhqwF {
    position: absolute
}

.wrapper-3GhqwF,.wrapper-3GhqwF>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wrapper-3GhqwF>* {
    position: relative;
    width: 100%;
    height: 100%
}

.operation-3mRRRz>* {
    pointer-events: none
}

.handle-uxnyYH {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.resizeNorth-1rGeFd {
    top: 2px - 8px;
    bottom: auto
}

.resizeNorth-1rGeFd,.resizeSouth-OBIjD0 {
    height: 8px
}

.resizeSouth-OBIjD0 {
    bottom: 2px - 8px;
    top: auto
}

.resizeNSCursor-1lS9F0 {
    cursor: ns-resize
}

.resizeWest-1E67qS {
    left: 2px - 8px;
    right: auto
}

.resizeEast-2-Ljsv,.resizeWest-1E67qS {
    width: 8px;
    cursor: ew-resize
}

.resizeEast-2-Ljsv {
    right: 2px - 8px;
    left: auto
}

.resizeEWCursor-ARVQXd {
    cursor: ew-resize
}

.resizeNorthWest-3Q21ZU {
    left: 2px - 8px;
    right: auto;
    cursor: nwse-resize
}

.resizeNorthEast-2gXday,.resizeNorthWest-3Q21ZU {
    width: 16px;
    height: 16px;
    top: 2px - 8px;
    bottom: auto
}

.resizeNorthEast-2gXday {
    right: 2px - 8px;
    left: auto;
    cursor: nesw-resize
}

.resizeSouthWest-mlbRRD {
    left: 2px - 8px;
    right: auto;
    cursor: nesw-resize
}

.resizeSouthEast-385fJH,.resizeSouthWest-mlbRRD {
    width: 16px;
    height: 16px;
    bottom: 2px - 8px;
    top: auto
}

.resizeSouthEast-385fJH {
    right: 2px - 8px;
    left: auto
}

.resizeNWSECursor-2mXwZU,.resizeSouthEast-385fJH {
    cursor: nwse-resize
}

.resizeNESWCursor-1EQZf_ {
    cursor: nesw-resize
}

.header-GGVVMy {
    padding: 14px 20px 0;
    z-index: 1;
    -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)
}

.headerTitle-7BNint {
    font-size: 14px
}

.headerClose-2ZfpDO {
    right: -7px
}

.tabBarItem-3HJRqN {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.2px;
    padding: 13px 0
}

.tabBarItem-3HJRqN+.tabBarItem-3HJRqN {
    margin-left: 12px
}

.content-2PHP2E {
    padding-top: 20px
}

.sidebar-sfP6x6 {
    width: 240px;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
    background: var(--background-secondary)
}

.children-kVL7da,.sidebar-sfP6x6 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    min-height: 0
}

.children-kVL7da {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-3UON5h {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0!important;
    z-index: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary)!important
}

.sidebar-sfP6x6 .header-3UON5h {
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.draggableStartArea-37VeBj {
    cursor: move
}

.headerTitle-2YD2DN {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.guildHeader-1aEy0W {
    cursor: move
}

.guildHeaderInner-TcEnyk {
    padding: 12px
}

.panels-Etdz3E {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: var(--background-secondary-alt)
}

.privateChannels-1ysLLR {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.privateChannels-1ysLLR,.searchBar-12D2Sr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.searchBar-12D2Sr {
    z-index: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 10px;
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.searchBar-12D2Sr .searchBarComponent-3Wvrbl {
    width: 100%;
    height: 28px;
    overflow: hidden;
    border-radius: 4px;
    background-color: var(--background-tertiary);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--text-muted);
    text-align: left;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap
}

.panels-Iu7NZz {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: var(--background-secondary-alt)
}

.base-zsjlUl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 312px;
    background: var(--background-tertiary)!important
}

.widget-1O6tyl {
    border-radius: 5px!important;
    overflow: hidden
}

.container-pkXooo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 2px
}

.title-2zTLTo {
    margin-right: 10px;
    margin-left: 2px
}

.sliderContainer-1ypX9f {
    width: 200px;
    padding-right: 10px;
    position: relative;
    top: -12px
}

.contained-1li2eZ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #36393f;
    overflow: hidden;
    min-width: 0
}

.contained-1li2eZ,.header-2yGCVu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-2yGCVu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.headerDefault-1qHUFF {
    background-color: #36393f
}

.activateContainer-2X6KOg {
    height: 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.activateKeybind-1oKNW5 {
    padding: 10px 16px;
    border-radius: 5px;
    line-height: 20px;
    font-weight: 600;
    text-shadow: 0 0 1px #4f545c,1px 1px 0 #4f545c
}

.inGame-2RplaV .headerDefault-1qHUFF {
    background-color: rgba(54,57,63,.2)
}

.inGameActive-36BUM7 {
    pointer-events: auto
}

.inGameActive-36BUM7 .footerContent-2Hkx-f {
    visibility: visible
}

.inGameActive-36BUM7 .messages-3lF2UY {
    border-radius: 5px 5px 0 0
}

.headerPinned-93Uwgl {
    background-color: rgba(54,57,63,.3)
}

.widget-Ap3cJh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    height: 100%
}

.widget-Ap3cJh:after {
    border: none
}

.widgetWrapper-1EaQdn,.widgetWrapperPinned-_8KLrR {
}

.draggableStartArea-1UY-rN {
    cursor: move
}

.footer-2Ijhzu {
    height: auto
}

.typingWrapper-24QP4N {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: -8px;
    margin-left: -16px
}

.typing-hkqjXx,.typingWrapper-24QP4N {
    height: 24px;
    overflow: hidden
}

.typing-hkqjXx {
    background: none
}

.messagesContainer-2i76Bw {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0
}

.messagesContainer-2i76Bw.disableHoverStates-2pKqy8 {
    pointer-events: none
}

.background-opacity-low .isDragging-RjSza0 {
    -webkit-box-shadow: inset 0 0 2px hsla(0,0%,100%,.5);
    box-shadow: inset 0 0 2px hsla(0,0%,100%,.5)
}

.theme-dark .pinned-3CXiuy:not(.locked-e70j-9) .footerContent-2Hkx-f,.theme-dark .pinned-3CXiuy:not(.locked-e70j-9) .messages-3lF2UY,.theme-dark .pinned-3CXiuy:not(.locked-e70j-9) .typing-hkqjXx {
    background-color: transparent
}

.theme-dark .pinned-3CXiuy:not(.locked-e70j-9) .footerContent-2Hkx-f,.theme-dark .pinned-3CXiuy:not(.locked-e70j-9) .messagesContainer-2i76Bw {
    background-color: rgba(54,57,63,.8)
}

.theme-dark .scroller-3t2qeU::-webkit-scrollbar {
    width: 0;
    height: 0
}

.theme-dark .inGame-2RplaV .footerContentPinned-2M6JEM {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 5px;
    position: absolute;
    top: 8px;
    text-shadow: 0 1px 1px #72767d,0 1px 0 #72767d;
    font-weight: 500
}

.theme-dark .inGame-2RplaV:not(.inGameActive-36BUM7) .messages-3lF2UY,.theme-dark .inGame-2RplaV:not(.inGameActive-36BUM7) .messages-3lF2UY .scroller-3t2qeU {
    background-color: transparent
}

.theme-dark .inGame-2RplaV:not(.inGameActive-36BUM7) .footerContent-2Hkx-f {
    background-color: transparent;
    padding: 0;
    border-radius: 5px
}

.theme-dark .inGame-2RplaV:not(.inGameActive-36BUM7) .draggableStartArea-1UY-rN {
    cursor: default
}

.theme-dark .inGame-2RplaV:not(.inGameActive-36BUM7) .messagesContainer-2i76Bw:not(.looksLocked-1Mis4S) {
    border-radius: 0 0 5px 5px
}

.theme-dark .inGame-2RplaV:not(.inGameActive-36BUM7) .footer-2Ijhzu:before,.theme-dark .inGame-2RplaV:not(.inGameActive-36BUM7) .footerContent-2Hkx-f:before,.theme-dark .inGame-2RplaV:not(.inGameActive-36BUM7) .typing-hkqjXx:before {
    content: none
}

.theme-dark .inGameActive-36BUM7 .messagesContainer-2i76Bw {
    background-color: rgba(54,57,63,.4)
}

.theme-dark .inGameActive-36BUM7 .messages-3lF2UY .scroller-3t2qeU::-webkit-scrollbar-thumb {
    background-color: #36393f;
    border-color: transparent
}

.theme-dark .inGameActive-36BUM7 .messages-3lF2UY .scroller-3t2qeU::-webkit-scrollbar-track-piece {
    background-color: rgba(47,49,54,.3);
    border-color: transparent
}

.footer-2Ijhzu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    border-radius: 0 0 5px 5px
}

.footer-2Ijhzu,.footerContent-2Hkx-f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footerContent-2Hkx-f {
    background-color: #36393f;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0
}

.resizeIcon-2xSgbl {
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 24px;
    height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../../assets/424e19296e4f30c0c8424f8407512b94.html);
    background-size: 16px;
    background-repeat: no-repeat;
    cursor: nwse-resize;
    z-index: 1
}

.headerContainer-1FBNKq {
    position: relative;
    z-index: 2;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 1px 0 rgba(32,34,37,.7),0 2px 0 rgba(0,0,0,.06);
    box-shadow: 0 1px 0 rgba(32,34,37,.7),0 2px 0 rgba(0,0,0,.06)
}

.background-opacity-high .headerContainer-1FBNKq {
    -webkit-box-shadow: 0 1px 0 rgba(32,34,37,.4);
    box-shadow: 0 1px 0 rgba(32,34,37,.4)
}

.background-opacity-medium .headerContainer-1FBNKq {
    -webkit-box-shadow: 0 1px 0 rgba(32,34,37,.2);
    box-shadow: 0 1px 0 rgba(32,34,37,.2)
}

.background-opacity-low .headerContainer-1FBNKq {
    -webkit-box-shadow: 0 1px 0 rgba(32,34,37,.05);
    box-shadow: 0 1px 0 rgba(32,34,37,.05)
}

.opacityHeader-1wUrEK {
    height: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #36393f;
    -webkit-box-shadow: 0 1px 0 rgba(32,34,37,.7),0 2px 0 rgba(0,0,0,.06);
    box-shadow: 0 1px 0 rgba(32,34,37,.7),0 2px 0 rgba(0,0,0,.06);
    overflow: visible;
    cursor: default
}

.leaveCall-3Dgc1L {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.status-m0kzwG {
    margin-left: 4px
}

.dragIcon-29nDeZ {
    color: #b9bbbe;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.wrapper-3K6RqB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.controls-2NrGNJ {
    background: rgba(32,34,37,.85);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 0 0 5px
}

.controls-2NrGNJ.unpinned-1hnzhe {
    background: #202225
}

.content-3AhxhY {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.strikethrough-jo9Zr4 {
    color: #ed4245
}

.icon-2v7mcp {
    width: 16px;
    height: 16px;
    padding: 2px 0;
    margin-left: 3px
}

.icon-2v7mcp,.voiceIcon-1DSD_T {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.voiceIcon-1DSD_T {
    color: var(--interactive-hover);
    padding: 2px
}

.voiceList-2_nc4r {
    padding: 4px 0 4px 4px
}

.dragIcon-1tH5OP {
    margin-right: 4px;
    margin-left: -4px
}

.draggableStartArea-3BsD3u {
    cursor: move
}

.content-27MLsY {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.speakerIcon-XtTKrG {
    margin-right: 3px
}

.interactive-2o5ouo:hover {
    opacity: 1
}

.username-2FGs2B {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    padding: 2px 4px;
    max-width: 158px
}

.voiceUserWrapper-1eV-Yy .username-2FGs2B {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.locked-3PIhFd {
    border-radius: 4px
}

.theme-dark .username-2FGs2B,.theme-light .username-2FGs2B {
    color: #fff
}

.theme-dark .locked-3PIhFd,.theme-light .locked-3PIhFd {
    background-color: rgba(0,0,0,.4);
    color: #fff
}

.faded-NBF6ah {
    opacity: .6
}

.draggingHeader-QORSVE {
    opacity: .4
}

.preview-2iPwI6 {
    opacity: .3
}

.hidden-1HFzIV {
    display: none
}

.priority-20RaiF {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #72767d;
    margin-top: 3px;
    margin-left: 3px
}

.prioritySpeaking-2lsGo- {
    background-color: #3ba55c
}

.topMargin-3X2K9E {
    margin-top: 20px + 24px
}

.bottomMargin-28bbBf {
    margin-bottom: 52px
}

.title-2njKBu {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.voiceUserList-13SpfF {
    width: 272px
}

.streamerControls-3DE0AK {
    background: rgba(32,34,37,.85);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 1px solid #36393f
}

.streamerControls-3DE0AK.hidden-1HFzIV {
    display: none
}

.streamerControls-3DE0AK.unpinned-2Bknns {
    background: #202225
}

.streamerContent-Y2-D91 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.streamerInner-2PhE1d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.gameIcon-3N9FYK {
    width: 30px;
    height: 30px
}

.streamerInfo-3bsfw3 {
    margin-left: 8px;
    overflow: hidden
}

.streaming-2y5EXU {
    font-size: 14px;
    line-height: 16px;
    color: #f6f6f7
}

.streamerIconWrapper-HkFRbT {
    width: 32px;
    height: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.streamerIcon-urajq1,.streamerIconWrapper-HkFRbT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.streamerIcon-urajq1 {
    width: 20px;
    height: 20px;
    color: #b9bbbe;
    opacity: .9
}

.streamerIcon-urajq1:hover {
    color: #fff
}

.videoDev-1wRRjc {
    position: absolute;
    z-index: -1
}

.overlay-2zxlBT,.videoDev-1wRRjc {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.overlay-2zxlBT {
    position: fixed;
    cursor: auto;
    color: #fff
}

.overlayBackground-2Ja_LP {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.overlayActive-1zNgFQ {
    background-color: rgba(79,86,96,.8)
}

.overlayLocked-KYWBH4 {
    z-index: 1
}

.previewMode-1ZDwlY {
    opacity: 0
}

.closeContainer-2Bq3S5 {
    position: absolute;
    top: 26px;
    right: 26px;
    z-index: 1
}

.invalidContainer-3NuUTB {
    background-color: rgba(79,86,96,.8);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.inactiveContainer-3yv21J {
    text-align: center;
    width: 300px;
    background-color: #202225;
    border-radius: 5px;
    padding: 20px 20px 25px;
    font-size: 18px;
    line-height: 30px
}

.layoutLocked-1ID4te {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.layoutLocked-1ID4te>* {
    pointer-events: auto
}

.layoutUnlocked-1DzZ9H {
    pointer-events: none
}

.layoutUnlocked-1DzZ9H>* {
    pointer-events: auto
}

.previewingInGameHeader-2cMdLJ {
    width: 33.33333vw;
    position: absolute;
    top: 0;
    left: 33.33333vw;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -.1px;
    text-align: center;
    color: #fff;
    background-color: rgba(32,34,37,.9);
    border-radius: 0 0 10px 10px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.wrapper-2AQieU {
    width: auto
}

.saturation-1FDvtn {
    position: relative;
    width: auto;
    height: 150px
}

.saturation-1FDvtn>div,.saturation-1FDvtn>div>div {
    border-radius: 3px
}

.hue-13HAGb {
    height: 8px;
    margin: 8px 0;
    position: relative
}

.hue-13HAGb>div>div {
    border-radius: 3px
}

.hue-13HAGb>div>div>div>div {
    height: 16px!important;
    width: 8px!important;
    margin-top: -3px!important;
    border-radius: 3px!important
}

.container-3sNMIc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-right: -10px
}

.customContainer-3fZxdw,.defaultContainer-Z8qCJn {
    margin-top: 10px;
    margin-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 60px;
    max-width: 70px
}

.custom-2SJn4n .preset-10Y8Fc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: vertical;
    flex-direction: vertical
}

.colorPickerCustom-2CWBn2,.custom-2SJn4n .preset-10Y8Fc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.colorPickerCustom-2CWBn2 {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    border: 1px solid transparent;
    width: 220px
}

.colorPickerCustom-2CWBn2 .customColorPickerInput-14pB0r .input-GfazGc {
    text-transform: uppercase;
    height: 24px
}

.colorPickerRow-1LgLnl {
    margin-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.colorPickerRow-1LgLnl,.colorPickerSwatch-5GX3Ve {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px
}

.colorPickerSwatch-5GX3Ve {
    background-color: transparent;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    border-radius: 3px;
    margin-right: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 0
}

.colorPickerSwatch-5GX3Ve.custom-2SJn4n,.colorPickerSwatch-5GX3Ve.default-cS_caM {
    margin-right: 0;
    width: 100%;
    height: 50px;
    border-radius: 4px
}

.colorPickerSwatch-5GX3Ve.disabled-1C4eHl {
    opacity: .3;
    cursor: not-allowed;
    pointer-events: none
}

.colorPickerSwatch-5GX3Ve .colorPickerDropper-3c2mIf {
    position: absolute;
    top: 4px;
    right: 4px
}

.theme-dark .colorPickerSwatch-5GX3Ve.noColor-1pdBDm {
    border-color: hsla(0,0%,100%,.1)
}

.theme-dark .colorPickerSwatch-5GX3Ve.noColor-1pdBDm .colorPickerDropperFg-3jYKWI {
    fill: #fff
}

.theme-dark .colorPickerCustom-2CWBn2 {
    background: #36393f;
    border-color: #202225
}

.theme-light .colorPickerSwatch-5GX3Ve.noColor-1pdBDm {
    border-color: rgba(79,84,92,.1)
}

.theme-light .colorPickerSwatch-5GX3Ve.noColor-1pdBDm .colorPickerDropperFg-3jYKWI {
    fill: #4f545c
}

.theme-light .colorPickerCustom-2CWBn2 {
    background: #fff;
    border-color: #dcddde
}

.footer-je22K2 {
    position: relative;
    padding: 80px 160px 48px;
    font-weight: 400;
    overflow: hidden
}

.footerPrimary-KxrtlY {
    background: #18191c
}

.footerBackgroundPrimary-3ouTtT {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.footerBackgroundAnimate-1CHJYi {
    -webkit-animation: footer-blob-animation-_I95Dt 100s linear infinite alternate;
    animation: footer-blob-animation-_I95Dt 100s linear infinite alternate
}

.footerBackgroundPaused-1Qgmbn {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.footerBackgroundPlay-YykCNn {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.footerContent-_U2enW {
    position: relative;
    max-width: 1600px;
    margin: 0 auto
}

.navigation-18zSA- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navigationHeader-2Vp4n_ {
    color: #fff;
    font-size: 14px;
    margin-bottom: 13px
}

.route-MFNjyu {
    color: hsla(0,0%,100%,.6);
    font-size: 14px;
    line-height: 20px
}

.route-MFNjyu:hover {
    color: #fff
}

.navigationSection-1CjCJZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 16px
}

.logo-28n2Vu,.logoWrap-1rGDvB {
    width: 36px;
    height: 36px
}

.separator-xZsY5U {
    height: 1px;
    width: 100%;
    background: url(../../assets/ffa0a8d74568beaa8ec72dd51951685c.html);
    opacity: .1;
    margin: 34px 0
}

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

.stats-2t3ZLa {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.readyToJoin-3kZFcp {
    font-size: 26px;
    color: #fff;
    line-height: 34px
}

.joinOtherPlayers-370EmJ {
    font-size: 14px;
    color: hsla(0,0%,100%,.6);
    font-weight: 500;
    margin-top: 4px
}

.button-2A8AGi {
    position: relative;
    padding: 16px;
    height: 15px;
    border-radius: 3px;
    font-size: 15px;
    line-height: 15px;
    cursor: pointer
}

.button-2A8AGi:hover {
    top: -1px;
    -webkit-box-shadow: 0 4px 14px 0 rgba(28,30,34,.4);
    box-shadow: 0 4px 14px 0 rgba(28,30,34,.4)
}

.button-2A8AGi:active {
    top: 1px
}

.buttonPrimary-3RahU_ {
    background-color: #7289da;
    color: #fff
}

.buttonPrimary-3RahU_:hover {
    color: #fff
}

.buttonBlurple-1kuusH {
    background: #fff;
    color: #7289da
}

.footerBackgroundBlurple-3m2rFK {
}

.footerBackgroundBlurple-3m2rFK>path {
    fill: rgba(106,127,203,.6)
}

.footerBlurple-1BSoUN {
    background: #7289da
}

@media screen and (max-width: 848px) {
    .footer-je22K2 {
        padding-left:8px;
        padding-right: 8px
    }

    .footerBackgroundPrimary-3ouTtT {
        display: none;
        -webkit-animation: none;
        animation: none
    }

    .navigation-18zSA- {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .navigationSection-1CjCJZ {
        text-align: center;
        margin: 16px 0;
        width: 45%
    }

    .joinDiscord-3gZEG_ {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .logoWrap-1rGDvB {
        width: 45%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 16px 0
    }

    .logo-28n2Vu {
        margin: 0 auto;
        width: 50px;
        height: 50px
    }

    .button-2A8AGi {
        background-color: #fff;
        margin-top: 16px;
        -ms-flex-item-align: center;
        align-self: center
    }

    .button-2A8AGi,.button-2A8AGi:hover {
        color: #7289da
    }
}

@-webkit-keyframes footer-blob-animation-_I95Dt {
    0% {
        d: path("M140.881198,194.260295 C257.600568,129.32862 342.939626,119.84993 418.009939,203.154617 C493.080251,286.459305 545.728689,70.9046172 636.439626,63.9593047 C727.150564,57.0139922 768.99822,139.670242 858.802907,119.431961 C948.607595,99.1936797 1071.91228,-32.9977266 1243.91228,7.75227342 C1415.91228,48.5022734 1404.10369,208.584305 1508.27166,178.709305 C1612.43963,148.834305 1633.73291,79.913472 1711.63588,98.8569055 C1776.28676,114.577866 1819.96778,221.391836 1889.37253,185.808108 C2017.32661,120.206212 2004.01952,336.769569 2004.01952,336.769569 L271.635881,337 L-149.063338,337 C-149.063338,337 -245.850307,175.637635 -58.0633382,228.867188 C33.8652851,254.92501 64.1722713,236.933925 140.881198,194.260295 Z")
    }

    50% {
        d: path("M-60.13579,199.189799 C-33.8674767,-71.7287911 170.194454,11.9640675 274.985105,83.0972992 C379.775756,154.230531 409.072181,161.653171 521.54913,124.460269 C634.026079,87.2673683 645.348165,219.42808 735.152853,199.189799 C824.95754,178.951518 948.262228,46.7601116 1120.26223,87.5101116 C1292.26223,128.260112 1309.89513,321.347957 1414.0631,291.472957 C1518.23106,261.597957 1580.53259,89.5639434 1732.07052,88.5665294 C1892.57296,87.5101116 1897.70372,225.708266 2049.59054,199.189799 C2201.47736,172.671332 2002.94707,336.794682 2002.94707,336.794682 L270.563429,337.025114 L-60.13579,337.025114 C-60.13579,337.025114 -469.886827,134.917309 -282.099858,188.146862 C-190.171235,214.204685 -65.9645849,259.30515 -60.13579,199.189799 Z")
    }

    to {
        d: path("M-160.553381,263.533987 C-124.4955,243.377988 -18.6139605,181.080724 56.456352,264.385412 C131.526664,347.690099 165.148428,226.409513 223.668826,168.5 C282.189224,110.590487 372.68516,208.331261 462.489847,188.09298 C552.294535,167.854699 723.262827,-40.1656225 847.424394,40.7522734 C971.58596,121.670169 1156.59375,252.295176 1300.40314,228.958726 C1444.21253,205.622277 1478.90991,106.221579 1563.51957,124.699258 C1655.80276,144.85274 1595.69955,250.007434 1832.41793,206.740235 C2069.1363,163.473036 2002.94707,336.794682 2002.94707,336.794682 L270.563429,337.025114 L-60.13579,337.025114 C-60.13579,337.025114 -495.794798,256.512987 -308.007829,309.74254 C-216.079206,335.800362 -208.740043,290.469854 -160.553381,263.533987 Z")
    }
}

@keyframes footer-blob-animation-_I95Dt {
    0% {
        d: path("M140.881198,194.260295 C257.600568,129.32862 342.939626,119.84993 418.009939,203.154617 C493.080251,286.459305 545.728689,70.9046172 636.439626,63.9593047 C727.150564,57.0139922 768.99822,139.670242 858.802907,119.431961 C948.607595,99.1936797 1071.91228,-32.9977266 1243.91228,7.75227342 C1415.91228,48.5022734 1404.10369,208.584305 1508.27166,178.709305 C1612.43963,148.834305 1633.73291,79.913472 1711.63588,98.8569055 C1776.28676,114.577866 1819.96778,221.391836 1889.37253,185.808108 C2017.32661,120.206212 2004.01952,336.769569 2004.01952,336.769569 L271.635881,337 L-149.063338,337 C-149.063338,337 -245.850307,175.637635 -58.0633382,228.867188 C33.8652851,254.92501 64.1722713,236.933925 140.881198,194.260295 Z")
    }

    50% {
        d: path("M-60.13579,199.189799 C-33.8674767,-71.7287911 170.194454,11.9640675 274.985105,83.0972992 C379.775756,154.230531 409.072181,161.653171 521.54913,124.460269 C634.026079,87.2673683 645.348165,219.42808 735.152853,199.189799 C824.95754,178.951518 948.262228,46.7601116 1120.26223,87.5101116 C1292.26223,128.260112 1309.89513,321.347957 1414.0631,291.472957 C1518.23106,261.597957 1580.53259,89.5639434 1732.07052,88.5665294 C1892.57296,87.5101116 1897.70372,225.708266 2049.59054,199.189799 C2201.47736,172.671332 2002.94707,336.794682 2002.94707,336.794682 L270.563429,337.025114 L-60.13579,337.025114 C-60.13579,337.025114 -469.886827,134.917309 -282.099858,188.146862 C-190.171235,214.204685 -65.9645849,259.30515 -60.13579,199.189799 Z")
    }

    to {
        d: path("M-160.553381,263.533987 C-124.4955,243.377988 -18.6139605,181.080724 56.456352,264.385412 C131.526664,347.690099 165.148428,226.409513 223.668826,168.5 C282.189224,110.590487 372.68516,208.331261 462.489847,188.09298 C552.294535,167.854699 723.262827,-40.1656225 847.424394,40.7522734 C971.58596,121.670169 1156.59375,252.295176 1300.40314,228.958726 C1444.21253,205.622277 1478.90991,106.221579 1563.51957,124.699258 C1655.80276,144.85274 1595.69955,250.007434 1832.41793,206.740235 C2069.1363,163.473036 2002.94707,336.794682 2002.94707,336.794682 L270.563429,337.025114 L-60.13579,337.025114 C-60.13579,337.025114 -495.794798,256.512987 -308.007829,309.74254 C-216.079206,335.800362 -208.740043,290.469854 -160.553381,263.533987 Z")
    }
}

.logo-1U_ovC {
    fill: #fff
}

.clyde-2-VPBZ {
    width: 33px
}

.clyde-2-VPBZ,.type-1G6S2n {
    height: 36px
}

.type-1G6S2n {
    width: 98px
}

@media screen and (max-width: 1024px) {
    .type-1G6S2n {
        display:none
    }
}

.flex-21ywRf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-21ywRf,.flex-21ywRf .flexChild-FMspoG {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flex-21ywRf .flexChild-FMspoG {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-21ywRf.flexGutterSmall-qcUxro {
    margin-left: -10px;
    margin-right: -10px
}

.flex-21ywRf.flexGutterSmall-qcUxro .flexChild-FMspoG {
    padding: 0 10px
}

.flex-21ywRf.flexGutterLarge-2kUiyw {
    margin-left: -30px;
    margin-right: -30px
}

.flex-21ywRf.flexGutterLarge-2kUiyw .flexChild-FMspoG {
    padding: 0 30px
}

.flexVertical-3UlyGp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flexVertical-3UlyGp>.flexSpacer-GrNT7f {
    min-height: 1px
}

.flexHorizontal-2e8SIr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flexHorizontal-2e8SIr>.flexSpacer-GrNT7f {
    min-width: 1px
}

.flexHorizontalReverse-yA5GP2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flexHorizontalReverse-yA5GP2>.flexSpacer-GrNT7f {
    min-width: 1px
}

.flexSpacer-GrNT7f {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

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

.flexAlignStart-2qRj5J {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flexAlignEnd-3h-_AZ {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flexAlignCenter-3u30b3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flexAlignStretch-2lwI1M {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.flexJustifyStart-3Hopvt {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flexJustifyEnd-39vIgk {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flexJustifyCenter-1QqCti {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flexJustifyAround-duP4ew {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flexJustifyBetween-1E8--m {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flexNowrap-2g1HIq {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flexWrap-2YuKQk {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flexWrapReverse-2yt1q9 {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.localePicker-25NM64 {
    position: relative;
    padding: 13px 0
}

.opener-eS3TVz {
    opacity: .8
}

.opener-eS3TVz:hover,.openerOpen-3j31zR {
    opacity: 1
}

.line-eyazOv {
    width: 2px;
    height: 14px;
    border-radius: 1px;
    background-color: hsla(0,0%,100%,.2);
    margin-right: 12px
}

.icon-1xPIw1 {
    margin-left: 5px
}

.arrowIcon-1LteCS,.localeIcon-1lzrRW {
}

.hr-2P0HM7 {
    opacity: .1
}

.localeList-4Zmfi9 {
    position: absolute;
    top: 46px;
    right: -14px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 1px 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    min-width: 170px;
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto
}

.localeListClosed-2T1kCH {
    display: none
}

.localeListOpen-3UmwZe {
    display: block
}

.localeBase-27bssN {
    margin: 4px;
    padding: 10px 5px;
    color: #9099a4;
    opacity: .8;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: background-color .2s,color .2s;
    transition: background-color .2s,color .2s
}

.localeBase-27bssN a {
    color: inherit
}

.localeBase-27bssN:hover {
    opacity: 1;
    background-color: #f2f2f2
}

.locale-2fVnrF {
    opacity: .8
}

.localeCurrent-3CaiIC {
    opacity: 1
}

.localeImage-3HPI4s {
    width: 24px;
    height: 16px;
    margin-right: 8px
}

@media screen and (max-width: 848px) {
    .line-eyazOv {
        display:none
    }

    .localeIcon-1lzrRW {
        margin-left: 0
    }

    .opener-eS3TVz,.openerOpen-3j31zR {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .localePicker-25NM64 {
        cursor: pointer
    }

    .localeList-4Zmfi9 {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .locale-2fVnrF {
        padding: 10px;
        font-size: 14px;
        opacity: .8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

    .select-3Go1Du {
        position: absolute;
        left: 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        text-indent: -10000px;
        border: none;
        outline: none;
        cursor: pointer;
        height: calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .localeImage-3HPI4s {
        width: 18px;
        height: 14px;
        margin-right: 8px
    }
}

.divider-35ot9S {
    opacity: .1
}

.moreList-29ir-q {
    position: absolute;
    top: 30px;
    left: 0;
    font-size: 13px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    overflow: hidden;
    min-width: 122px;
    background: #fff;
    border-radius: 4px;
    padding: 2px 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: opacity .125s,visibility .125s,-webkit-transform .125s;
    transition: opacity .125s,visibility .125s,-webkit-transform .125s;
    transition: opacity .125s,transform .125s,visibility .125s;
    transition: opacity .125s,transform .125s,visibility .125s,-webkit-transform .125s
}

.moreListOpen-1gGlf8 {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible
}

.moreListClosed-2sZtk3 {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(.9) translateY(-10px);
    transform: scale(.9) translateY(-10px);
    visibility: hidden
}

.moreListItem-2_Z3Je {
    background-color: #fff;
    font-weight: 400;
    display: block
}

.moreListItemInactive-1v7PjS {
}

.moreListItemInactive-1v7PjS .moreListLink-3U23th {
    color: #9099a4
}

.moreListItemActive-MIosDj {
}

.moreListItemActive-MIosDj .moreListLink-3U23th {
    color: #4f545c
}

.moreListLink-3U23th {
    display: block;
    padding: 2px 4px
}

.moreListLink-3U23th:focus-within .moreListLinkCopy-1NEMj_,.moreListLink-3U23th:focus .moreListLinkCopy-1NEMj_,.moreListLink-3U23th:hover .moreListLinkCopy-1NEMj_ {
    background-color: #f2f2f2;
    color: #4f545c
}

.moreListLinkCopy-1NEMj_ {
    border-radius: 3px;
    display: block;
    padding: 5px 10px;
    -webkit-transition: background-color .2s,color .2s;
    transition: background-color .2s,color .2s
}

@media screen and (max-width: 848px) {
    .moreList-29ir-q {
        display:none
    }
}

.mobileMenuItem-z_D6aZ {
    cursor: pointer;
    display: block;
    padding: 17px 10px;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    text-align: center;
    opacity: .8;
    border-radius: 2px;
    border-top: 1px solid rgba(79,84,92,.4)
}

.mobileMenuItem-z_D6aZ:focus,.mobileMenuItem-z_D6aZ:focus-within,.mobileMenuItem-z_D6aZ:hover {
    opacity: 1
}

.mobileHeaderSubMenu-1ECibN {
    position: relative;
    margin: 0
}

.mobileSubMenuOpen-1H6ij6 {
    top: 0;
    display: initial
}

.mobileSubMenuClosed-DSXPlm {
    top: -500px;
    display: none
}

.subListItem-2vz0O6 {
    display: block;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    text-align: center
}

.subListItem-2vz0O6:focus+.subListItem-2vz0O6 .subListItemLink-qR-Pa1,.subListItem-2vz0O6:focus-within+.subListItem-2vz0O6 .subListItemLink-qR-Pa1,.subListItem-2vz0O6:hover+.subListItem-2vz0O6 .subListItemLink-qR-Pa1 {
    border-top: 1px solid hsla(0,0%,100%,.06)
}

.subListItemActive-2nnyFs {
}

.subListItemActive-2nnyFs .subListItemLink-qR-Pa1 {
    color: #fff
}

.subListItemInactive-2wcecZ {
}

.subListItemInactive-2wcecZ .subListItemLink-qR-Pa1 {
    color: #dcddde
}

.subListItemLink-qR-Pa1 {
    background-color: #18191c;
    border-top: 1px solid hsla(0,0%,100%,.03);
    color: #dcddde;
    display: block;
    padding: 17px 10px;
    -webkit-transition: background-color .2s,border-color .2s,color .2s;
    transition: background-color .2s,border-color .2s,color .2s
}

.subListItemLink-qR-Pa1:focus,.subListItemLink-qR-Pa1:focus-within,.subListItemLink-qR-Pa1:hover {
    background-color: #202225;
    color: #f6f6f7
}

.desktopSubMenuItem-1fMXMo {
    cursor: default;
    -webkit-font-smoothing: subpixel-antialiased;
    opacity: .8;
    position: relative;
    -webkit-transition: opacity .125s;
    transition: opacity .125s;
    will-change: opacity
}

.desktopSubMenuItem-1fMXMo:focus,.desktopSubMenuItem-1fMXMo:focus-within,.desktopSubMenuItem-1fMXMo:hover {
    opacity: 1
}

.desktopMenuMore-351jZB {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    padding: 15px 10px
}

.iconArrow-1Wc1CT {
    margin-left: 5px;
    position: relative;
    top: -1px
}

.header-1Zm1at {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 72px;
    padding: 8px 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 56
}

.headerInner-3WwzEA {
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1600px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.headerLogo-TcWpbY {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    margin-right: 12px;
    margin-top: 4px
}

.skipToContent-2u59mW {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin-top: 1em;
    padding: 4px;
    color: #fff;
    font-size: 16px
}

.skipToContent-2u59mW:focus {
    left: 0;
    width: auto;
    height: auto;
    opacity: 1
}

.logo-BkKbcr {
    width: 130px;
    height: 36px
}

.headerNav-IBNU4s {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 0;
    margin: 0;
    min-height: 56px
}

.headerNav-IBNU4s:after {
    content: "";
    display: block;
    min-height: inherit;
    font-size: 0
}

.headerNavRight-yKnar8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: auto
}

.listItem-1ra-Bk {
    display: inline-block;
    -webkit-font-smoothing: subpixel-antialiased;
    position: relative;
    -webkit-transition: opacity .125s;
    transition: opacity .125s;
    will-change: opacity
}

.listItemInactive-396Xk8 {
    cursor: pointer;
    opacity: .8
}

.listItemInactive-396Xk8:focus,.listItemInactive-396Xk8:focus-within,.listItemInactive-396Xk8:hover {
    opacity: 1
}

.listItemActive-3Vb7bW {
    opacity: 1
}

.navLink-DPGG6D {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    position: relative
}

.mainNavLink-Z3uwQ7 {
    padding: 15px 10px
}

.mainNavLink-Z3uwQ7,.rightNavLink-5uvsNo {
    margin-right: 8px
}

.rightNavLink-5uvsNo {
    top: 3px;
    padding: 15px 10px 15px 0
}

.appButton-3GZ9-9 {
    color: #fff;
    top: 0;
    border: 2px solid hsla(0,0%,100%,.8);
    padding: 5px 17px 7px;
    border-radius: 20px;
    line-height: 24px;
    margin-right: 18px
}

.desktopSubMenuItem-2CCvU9 {
    position: relative;
    opacity: .8
}

.desktopSubMenuItem-2CCvU9:focus,.desktopSubMenuItem-2CCvU9:focus-within,.desktopSubMenuItem-2CCvU9:hover {
    opacity: 1
}

.desktopMenuMore-vBoGnq {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    padding: 15px 10px
}

.iconArrow-3tdk9V {
    margin-left: 5px;
    position: relative;
    top: -1px
}

@media screen and (max-width: 1024px) {
    .listItemSocialMedia-RWHjN1 {
        display:none
    }
}

.btnHamburger-3grAP3 {
    width: 60px;
    height: 45px;
    position: relative;
    cursor: pointer;
    background: transparent;
    -webkit-transform: scale(.3);
    transform: scale(.3);
    margin-right: -20px;
    padding: 8px
}

.btnHamburger-3grAP3 span {
    display: block;
    position: absolute;
    height: 9px;
    width: 50%;
    background: #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.btnHamburger-3grAP3 span:nth-child(2n) {
    left: 50%;
    border-radius: 0 9px 9px 0
}

.btnHamburger-3grAP3 span:nth-child(odd) {
    left: 0;
    border-radius: 9px 0 0 9px
}

.btnHamburger-3grAP3 span:first-child,.btnHamburger-3grAP3 span:nth-child(2) {
    top: 0
}

.btnHamburger-3grAP3 span:nth-child(3),.btnHamburger-3grAP3 span:nth-child(4) {
    top: 18px
}

.btnHamburger-3grAP3 span:nth-child(5),.btnHamburger-3grAP3 span:nth-child(6) {
    top: 36px
}

.btnHamburgerOpen-5Ig7r6 span:first-child,.btnHamburgerOpen-5Ig7r6 span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btnHamburgerOpen-5Ig7r6 span:nth-child(2),.btnHamburgerOpen-5Ig7r6 span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.btnHamburgerOpen-5Ig7r6 span:first-child {
    left: 5px;
    top: 7px
}

.btnHamburgerOpen-5Ig7r6 span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px
}

.btnHamburgerOpen-5Ig7r6 span:nth-child(3) {
    left: -50%;
    opacity: 0
}

.btnHamburgerOpen-5Ig7r6 span:nth-child(4) {
    left: 100%;
    opacity: 0
}

.btnHamburgerOpen-5Ig7r6 span:nth-child(5) {
    left: 5px;
    top: 29px
}

.btnHamburgerOpen-5Ig7r6 span:nth-child(6) {
    left: calc(50% - 5px);
    top: 29px
}

.header-3aRurq {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    min-height: 40px;
    height: 40px;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    margin: 0 auto;
    padding: 4px 10px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 56
}

.header-3aRurq,.headerInner-2w4ICT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerInner-2w4ICT {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hamburgerButton-3ewXOy,.headerLogo-tb03Nu {
    position: relative;
    z-index: 70
}

.headerLogo-tb03Nu {
    image-rendering: crisp-edges
}

.logoWrapper-3agQ6A {
    display: block;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.logo-3FcuSx {
    width: 86px;
    height: 24px
}

.headerNav-QStAAj {
    position: absolute;
    top: -2px;
    right: 0;
    left: 0;
    background-color: #000;
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: 40px 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    transition: opacity .2s,transform .2s,-webkit-transform .2s;
    z-index: 55
}

.headerNavOpen-3-xIDP {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.headerSubNavOpen-46T5Q_ {
    position: relative;
    display: block;
    opacity: 1;
    z-index: 55;
    margin-top: 8px
}

.mainNavLink-1SwQrC {
    color: #dcddde;
    display: block;
    padding: 17px 10px;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: color .2s;
    transition: color .2s;
    text-align: center;
    border-radius: 2px;
    border-top: 1px solid rgba(79,84,92,.4)
}

.mainNavLink-1SwQrC:hover {
    color: #f6f6f7
}

.localePicker-2GReqC {
    border-top: 1px solid rgba(79,84,92,.4)
}

.mobileHeader-2xB92D {
    display: none
}

.desktopHeader-3za0nJ {
    display: block
}

@media (max-width: 848px) {
    .mobileHeader-2xB92D {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .desktopHeader-3za0nJ {
        display: none
    }
}

.asi{
  pointer-events: none;
}