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

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

@-webkit-keyframes spinner-chasing-dots-bounce-1u5AiH {

    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@keyframes spinner-chasing-dots-bounce-1u5AiH {

    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@-webkit-keyframes spinner-pulsing-ellipsis-Zju_Ib {
    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-Zju_Ib {
    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-2PeSaO {
    0% {
        opacity: 1
    }

    50% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

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

    50% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

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

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

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

    50% {
        stroke-dasharray: 130, 200
    }

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

.spinner-2RT7ZC {
    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-26JK4f {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    contain: paint
}

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

.wanderingCubesItem-3Us-UG:last-child {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.chasingDots-6RmxOW {
    -webkit-animation: spinner-chasing-dots-rotate-1FNFlo 2s linear infinite;
    animation: spinner-chasing-dots-rotate-1FNFlo 2s linear infinite
}

.chasingDotsItem-1Dc20e {
    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-1u5AiH 2s ease-in-out infinite;
    animation: spinner-chasing-dots-bounce-1u5AiH 2s ease-in-out infinite
}

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

.pulsingEllipsis-10G8Z6 {
    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-3pNmEc {
    -webkit-animation: spinner-pulsing-ellipsis-Zju_Ib 1.4s ease-in-out infinite;
    animation: spinner-pulsing-ellipsis-Zju_Ib 1.4s ease-in-out infinite;
    width: 6px;
    height: 6px;
    margin-right: 2px;
    background-color: hsl(180, calc(var(--saturation-factor, 1)*7.7%), 97.5%);
    border-radius: 3px;
    display: inline-block;
    opacity: .3
}

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

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

.lowMotionItem-1sQl-q {
    -webkit-animation: spinner-low-motion-2PeSaO 1.4s ease-in-out infinite;
    animation: spinner-low-motion-2PeSaO 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-1sQl-q:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

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

.stopAnimation-3PsC01 .chasingDots-6RmxOW,
.stopAnimation-3PsC01 .chasingDotsItem-1Dc20e,
.stopAnimation-3PsC01 .circular-3Fmqjd,
.stopAnimation-3PsC01 .path-lhsLSV,
.stopAnimation-3PsC01 .pulsingEllipsisItem-3pNmEc,
.stopAnimation-3PsC01 .wanderingCubesItem-3Us-UG,
.stop-animation .pulsingEllipsisItem-3pNmEc {
    -webkit-animation: none;
    animation: none
}

.spinningCircle-CmRLnP {
    width: 100%
}

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

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

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

.path2-F-M5gP {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.path3-3tVOpU {
    -webkit-animation-delay: .23s;
    animation-delay: .23s
}

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

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

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

.theme-dark .path-lhsLSV,
.theme-dark .path2-F-M5gP {
    stroke: var(--brand-experiment)
}

.theme-dark .path2-F-M5gP {
    opacity: .6
}

.theme-dark .path3-3tVOpU {
    stroke: var(--brand-experiment-800)
}

.ring-370dIp {
    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-370dIp {
    display: block;
    background: none;
    margin: 0;
    padding: 0
}

.enable-forced-colors .ring-370dIp {
    outline: 4px solid Highlight
}

html.low-saturation .lowSaturationUnderline-Z6CW6z {
    text-decoration: underline !important
}

.desaturate-_Twf3u,
[data-accessibility*=desaturate] {
    -webkit-filter: saturate(var(--saturation-factor, 1));
    filter: saturate(var(--saturation-factor, 1))
}

.theme-dark {
    --brightness: calc(1.5 - var(--saturation-factor, 1)*0.5);
    --contrast: var(--saturation-factor, 1)
}

.theme-light {
    --brightness: calc(0.5 + var(--saturation-factor, 1)*0.5);
    --contrast: var(--saturation-factor, 1)
}

.desaturate-user-colors .desaturateUserColors-1O-G89 {
    -webkit-filter: saturate(var(--saturation-factor, 1)) contrast(var(--contrast, 1)) brightness(var(--brightness, 1));
    filter: saturate(var(--saturation-factor, 1)) contrast(var(--contrast, 1)) brightness(var(--brightness, 1))
}

.button-f2h6uQ {
    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-f2h6uQ:disabled {
    cursor: not-allowed;
    opacity: .5
}

.borderBrand-P_n17U {
    border-color: var(--brand-experiment) !important
}

.lookFilled-yCfaCM.colorBrand-I6CyqQ {
    color: #fff;
    background-color: var(--brand-experiment)
}

.lookFilled-yCfaCM.colorBrand-I6CyqQ:hover {
    background-color: var(--brand-experiment-560)
}

.lookFilled-yCfaCM.colorBrand-I6CyqQ:active {
    background-color: var(--brand-experiment-600)
}

.lookFilled-yCfaCM.colorBrand-I6CyqQ .spinnerItem-3dCJpG {
    background-color: #fff
}

.lookFilled-yCfaCM.colorBrand-I6CyqQ:disabled {
    background-color: var(--brand-experiment)
}

.lookInverted-2mDUMi.colorBrand-I6CyqQ {
    color: var(--brand-experiment);
    background-color: #fff
}

.lookInverted-2mDUMi.colorBrand-I6CyqQ:hover {
    background-color: var(--brand-experiment-100)
}

.lookInverted-2mDUMi.colorBrand-I6CyqQ:active {
    background-color: var(--brand-experiment-200)
}

.lookInverted-2mDUMi.colorBrand-I6CyqQ:disabled {
    background-color: #fff
}

.lookInverted-2mDUMi.colorBrand-I6CyqQ .spinnerItem-3dCJpG {
    background-color: var(--brand-experiment)
}

.lookOutlined-3yKVGo.colorBrand-I6CyqQ {
    color: var(--button-outline-brand-text);
    border-color: var(--button-outline-brand-border)
}

.lookOutlined-3yKVGo.colorBrand-I6CyqQ:hover {
    background-color: var(--button-outline-brand-background-hover);
    border-color: var(--button-outline-brand-border-hover);
    color: var(--button-outline-brand-text-hover)
}

.lookOutlined-3yKVGo.colorBrand-I6CyqQ:active {
    background-color: var(--button-outline-brand-background-active);
    border-color: var(--button-outline-brand-border-active);
    color: var(--button-outline-brand-text-active)
}

.lookOutlined-3yKVGo.colorBrand-I6CyqQ:disabled {
    background-color: transparent
}

.lookOutlined-3yKVGo.colorBrand-I6CyqQ .spinnerItem-3dCJpG {
    background-color: var(--brand-experiment)
}

.lookLink-15mFoz.colorBrand-I6CyqQ {
    color: var(--brand-experiment)
}

.lookLink-15mFoz.colorBrand-I6CyqQ:hover .contents-3ca1mk {
    background-image: linear-gradient(0deg, transparent, transparent 1px, var(--brand-experiment) 0, var(--brand-experiment) 2px, transparent 0)
}

.lookLink-15mFoz.colorBrand-I6CyqQ:disabled .contents-3ca1mk {
    background-image: none
}

.lookLink-15mFoz.colorBrand-I6CyqQ .spinnerItem-3dCJpG {
    background-color: var(--brand-experiment)
}

.lookOutlined-3yKVGo.colorPrimary-2AuQVo {
    color: var(--button-outline-primary-text);
    border-color: var(--button-outline-primary-border)
}

.lookOutlined-3yKVGo.colorPrimary-2AuQVo:hover {
    background-color: var(--button-outline-primary-background-hover);
    border-color: var(--button-outline-primary-border-hover);
    color: var(--button-outline-primary-text-hover)
}

.lookOutlined-3yKVGo.colorPrimary-2AuQVo:active {
    background-color: var(--button-outline-primary-background-active);
    border-color: var(--button-outline-primary-border-active);
    color: var(--button-outline-primary-text-active)
}

.lookOutlined-3yKVGo.colorPrimary-2AuQVo:disabled {
    background-color: transparent
}

.lookOutlined-3yKVGo.colorPrimary-2AuQVo .spinnerItem-3dCJpG {
    background-color: #fff
}

.theme-dark .lookFilled-yCfaCM.hoverBrand-9W5Bs0.hasHover-26V98q:hover,
.theme-light .lookFilled-yCfaCM.hoverBrand-9W5Bs0.hasHover-26V98q:hover {
    background-color: var(--brand-experiment);
    color: #fff
}

.theme-dark .lookFilled-yCfaCM.hoverBrand-9W5Bs0.hasHover-26V98q:active,
.theme-light .lookFilled-yCfaCM.hoverBrand-9W5Bs0.hasHover-26V98q:active {
    background-color: var(--brand-experiment-560);
    color: #fff
}

.theme-dark .lookInverted-2mDUMi.hoverBrand-9W5Bs0.hasHover-26V98q:hover,
.theme-light .lookInverted-2mDUMi.hoverBrand-9W5Bs0.hasHover-26V98q:hover {
    color: var(--brand-experiment);
    background-color: var(--brand-experiment-100)
}

.theme-dark .lookInverted-2mDUMi.hoverBrand-9W5Bs0.hasHover-26V98q:active,
.theme-light .lookInverted-2mDUMi.hoverBrand-9W5Bs0.hasHover-26V98q:active {
    color: var(--brand-experiment);
    background-color: var(--brand-experiment-200)
}

.theme-dark .lookOutlined-3yKVGo.hoverBrand-9W5Bs0.hasHover-26V98q:hover,
.theme-light .lookOutlined-3yKVGo.hoverBrand-9W5Bs0.hasHover-26V98q:hover {
    color: var(--brand-experiment);
    border-color: var(--brand-experiment)
}

.theme-dark .lookOutlined-3yKVGo.hoverBrand-9W5Bs0.hasHover-26V98q:active,
.theme-light .lookOutlined-3yKVGo.hoverBrand-9W5Bs0.hasHover-26V98q:active {
    color: var(--brand-experiment);
    background-color: hsla(--brand-experiment, .1);
    border-color: var(--brand-experiment)
}

.theme-dark .lookLink-15mFoz.hoverBrand-9W5Bs0.hasHover-26V98q:hover .contents-3ca1mk,
.theme-light .lookLink-15mFoz.hoverBrand-9W5Bs0.hasHover-26V98q:hover .contents-3ca1mk {
    color: var(--brand-experiment);
    background-image: linear-gradient(0deg, transparent, transparent 1px, var(--brand-experiment) 0, var(--brand-experiment) 2px, transparent 0)
}

.borderYellow-3pQ4TY {
    border-color: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%) !important
}

.lookFilled-yCfaCM.colorYellow-Pgtmch {
    color: #fff;
    background-color: var(--status-warning)
}

.lookFilled-yCfaCM.colorYellow-Pgtmch:active,
.lookFilled-yCfaCM.colorYellow-Pgtmch:hover {
    background-color: null
}

.lookFilled-yCfaCM.colorYellow-Pgtmch .spinnerItem-3dCJpG {
    background-color: #fff
}

.lookFilled-yCfaCM.colorYellow-Pgtmch:disabled {
    background-color: var(--status-warning)
}

.lookInverted-2mDUMi.colorYellow-Pgtmch {
    color: var(--status-warning);
    background-color: #fff
}

.lookInverted-2mDUMi.colorYellow-Pgtmch:hover {
    background-color: hsl(38, calc(var(--saturation-factor, 1)*100%), 97.8%)
}

.lookInverted-2mDUMi.colorYellow-Pgtmch:active {
    background-color: hsl(37, calc(var(--saturation-factor, 1)*95.7%), 90.8%)
}

.lookInverted-2mDUMi.colorYellow-Pgtmch:disabled {
    background-color: #fff
}

.lookInverted-2mDUMi.colorYellow-Pgtmch .spinnerItem-3dCJpG {
    background-color: var(--status-warning)
}

.lookOutlined-3yKVGo.colorYellow-Pgtmch {
    color: var(--status-warning);
    border-color: var(--status-warning)
}

.lookOutlined-3yKVGo.colorYellow-Pgtmch:active {
    background-color: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, .1)
}

.lookOutlined-3yKVGo.colorYellow-Pgtmch:disabled {
    background-color: transparent
}

.lookOutlined-3yKVGo.colorYellow-Pgtmch .spinnerItem-3dCJpG {
    background-color: var(--status-warning)
}

.lookLink-15mFoz.colorYellow-Pgtmch {
    color: var(--status-warning)
}

.lookLink-15mFoz.colorYellow-Pgtmch:hover .contents-3ca1mk {
    background-image: linear-gradient(0deg, transparent, transparent 1px, var(--status-warning) 0, var(--status-warning) 2px, transparent 0)
}

.lookLink-15mFoz.colorYellow-Pgtmch:disabled .contents-3ca1mk {
    background-image: none
}

.lookLink-15mFoz.colorYellow-Pgtmch .spinnerItem-3dCJpG {
    background-color: var(--status-warning)
}

.theme-dark .lookFilled-yCfaCM.hoverYellow--uLfPr.hasHover-26V98q:hover,
.theme-light .lookFilled-yCfaCM.hoverYellow--uLfPr.hasHover-26V98q:hover {
    background-color: var(--status-warning);
    color: #fff
}

.theme-dark .lookFilled-yCfaCM.hoverYellow--uLfPr.hasHover-26V98q:active,
.theme-light .lookFilled-yCfaCM.hoverYellow--uLfPr.hasHover-26V98q:active {
    background-color: null;
    color: #fff
}

.theme-dark .lookInverted-2mDUMi.hoverYellow--uLfPr.hasHover-26V98q:hover,
.theme-light .lookInverted-2mDUMi.hoverYellow--uLfPr.hasHover-26V98q:hover {
    color: var(--status-warning);
    background-color: hsl(38, calc(var(--saturation-factor, 1)*100%), 97.8%)
}

.theme-dark .lookInverted-2mDUMi.hoverYellow--uLfPr.hasHover-26V98q:active,
.theme-light .lookInverted-2mDUMi.hoverYellow--uLfPr.hasHover-26V98q:active {
    color: var(--status-warning);
    background-color: hsl(37, calc(var(--saturation-factor, 1)*95.7%), 90.8%)
}

.theme-dark .lookOutlined-3yKVGo.hoverYellow--uLfPr.hasHover-26V98q:hover,
.theme-light .lookOutlined-3yKVGo.hoverYellow--uLfPr.hasHover-26V98q:hover {
    color: var(--status-warning);
    border-color: var(--status-warning)
}

.theme-dark .lookOutlined-3yKVGo.hoverYellow--uLfPr.hasHover-26V98q:active,
.theme-light .lookOutlined-3yKVGo.hoverYellow--uLfPr.hasHover-26V98q:active {
    color: var(--status-warning);
    background-color: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, .1);
    border-color: var(--status-warning)
}

.theme-dark .lookLink-15mFoz.hoverYellow--uLfPr.hasHover-26V98q:hover .contents-3ca1mk,
.theme-light .lookLink-15mFoz.hoverYellow--uLfPr.hasHover-26V98q:hover .contents-3ca1mk {
    color: var(--status-warning);
    background-image: linear-gradient(0deg, transparent, transparent 1px, var(--status-warning) 0, var(--status-warning) 2px, transparent 0)
}

.borderLink-3I8OeL {
    border-color: var(--text-link) !important
}

.lookFilled-yCfaCM.colorLink-1Md3RZ {
    color: #fff;
    background-color: var(--text-link)
}

.lookFilled-yCfaCM.colorLink-1Md3RZ:active,
.lookFilled-yCfaCM.colorLink-1Md3RZ:hover {
    background-color: null
}

.lookFilled-yCfaCM.colorLink-1Md3RZ .spinnerItem-3dCJpG {
    background-color: #fff
}

.lookFilled-yCfaCM.colorLink-1Md3RZ:disabled {
    background-color: var(--text-link)
}

.lookInverted-2mDUMi.colorLink-1Md3RZ {
    color: var(--text-link);
    background-color: #fff
}

.lookInverted-2mDUMi.colorLink-1Md3RZ:active,
.lookInverted-2mDUMi.colorLink-1Md3RZ:disabled,
.lookInverted-2mDUMi.colorLink-1Md3RZ:hover {
    background-color: #fff
}

.lookInverted-2mDUMi.colorLink-1Md3RZ .spinnerItem-3dCJpG {
    background-color: var(--text-link)
}

.lookOutlined-3yKVGo.colorLink-1Md3RZ {
    color: var(--text-link);
    border-color: var(--text-link)
}

.lookOutlined-3yKVGo.colorLink-1Md3RZ:active {
    background-color: hsla(--text-link, .1)
}

.lookOutlined-3yKVGo.colorLink-1Md3RZ:disabled {
    background-color: transparent
}

.lookOutlined-3yKVGo.colorLink-1Md3RZ .spinnerItem-3dCJpG {
    background-color: var(--text-link)
}

.lookLink-15mFoz.colorLink-1Md3RZ {
    color: var(--text-link)
}

.lookLink-15mFoz.colorLink-1Md3RZ:hover .contents-3ca1mk {
    background-image: linear-gradient(0deg, transparent, transparent 1px, var(--text-link) 0, var(--text-link) 2px, transparent 0)
}

.lookLink-15mFoz.colorLink-1Md3RZ:disabled .contents-3ca1mk {
    background-image: none
}

.lookLink-15mFoz.colorLink-1Md3RZ .spinnerItem-3dCJpG {
    background-color: var(--text-link)
}

.theme-dark .lookFilled-yCfaCM.hoverLink-3tFUy_.hasHover-26V98q:hover,
.theme-light .lookFilled-yCfaCM.hoverLink-3tFUy_.hasHover-26V98q:hover {
    background-color: var(--text-link);
    color: #fff
}

.theme-dark .lookFilled-yCfaCM.hoverLink-3tFUy_.hasHover-26V98q:active,
.theme-light .lookFilled-yCfaCM.hoverLink-3tFUy_.hasHover-26V98q:active {
    background-color: null;
    color: #fff
}

.theme-dark .lookInverted-2mDUMi.hoverLink-3tFUy_.hasHover-26V98q:active,
.theme-dark .lookInverted-2mDUMi.hoverLink-3tFUy_.hasHover-26V98q:hover,
.theme-light .lookInverted-2mDUMi.hoverLink-3tFUy_.hasHover-26V98q:active,
.theme-light .lookInverted-2mDUMi.hoverLink-3tFUy_.hasHover-26V98q:hover {
    color: var(--text-link);
    background-color: #fff
}

.theme-dark .lookOutlined-3yKVGo.hoverLink-3tFUy_.hasHover-26V98q:hover,
.theme-light .lookOutlined-3yKVGo.hoverLink-3tFUy_.hasHover-26V98q:hover {
    color: var(--text-link);
    border-color: var(--text-link)
}

.theme-dark .lookOutlined-3yKVGo.hoverLink-3tFUy_.hasHover-26V98q:active,
.theme-light .lookOutlined-3yKVGo.hoverLink-3tFUy_.hasHover-26V98q:active {
    color: var(--text-link);
    background-color: hsla(--text-link, .1);
    border-color: var(--text-link)
}

.theme-dark .lookLink-15mFoz.hoverLink-3tFUy_.hasHover-26V98q:hover .contents-3ca1mk,
.theme-light .lookLink-15mFoz.hoverLink-3tFUy_.hasHover-26V98q:hover .contents-3ca1mk {
    color: var(--text-link);
    background-image: linear-gradient(0deg, transparent, transparent 1px, var(--text-link) 0, var(--text-link) 2px, transparent 0)
}

.borderWhite-3ebM0n {
    border-color: #fff !important
}

.lookFilled-yCfaCM.colorWhite-1H92hK {
    color: #4f545c;
    background-color: #fff
}

.lookFilled-yCfaCM.colorWhite-1H92hK:active,
.lookFilled-yCfaCM.colorWhite-1H92hK:hover {
    background-color: null
}

.lookFilled-yCfaCM.colorWhite-1H92hK .spinnerItem-3dCJpG {
    background-color: #4f545c
}

.lookFilled-yCfaCM.colorWhite-1H92hK:disabled {
    background-color: #fff
}

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

.lookInverted-2mDUMi.colorWhite-1H92hK:active,
.lookInverted-2mDUMi.colorWhite-1H92hK:hover {
    background-color: #fff
}

.lookInverted-2mDUMi.colorWhite-1H92hK:disabled {
    background-color: #4f545c
}

.lookInverted-2mDUMi.colorWhite-1H92hK .spinnerItem-3dCJpG {
    background-color: #fff
}

.lookOutlined-3yKVGo.colorWhite-1H92hK {
    color: #fff;
    border-color: #fff
}

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

.lookOutlined-3yKVGo.colorWhite-1H92hK:disabled {
    background-color: transparent
}

.lookOutlined-3yKVGo.colorWhite-1H92hK .spinnerItem-3dCJpG {
    background-color: #fff
}

.lookLink-15mFoz.colorWhite-1H92hK {
    color: #fff
}

.lookLink-15mFoz.colorWhite-1H92hK:hover .contents-3ca1mk {
    background-image: linear-gradient(0deg, transparent, transparent 1px, #fff 0, #fff 2px, transparent 0)
}

.lookLink-15mFoz.colorWhite-1H92hK:disabled .contents-3ca1mk {
    background-image: none
}

.lookLink-15mFoz.colorWhite-1H92hK .spinnerItem-3dCJpG {
    background-color: #fff
}

.theme-dark .lookFilled-yCfaCM.hoverWhite-1CeNNr.hasHover-26V98q:hover,
.theme-light .lookFilled-yCfaCM.hoverWhite-1CeNNr.hasHover-26V98q:hover {
    background-color: #fff;
    color: #4f545c
}

.theme-dark .lookFilled-yCfaCM.hoverWhite-1CeNNr.hasHover-26V98q:active,
.theme-light .lookFilled-yCfaCM.hoverWhite-1CeNNr.hasHover-26V98q:active {
    background-color: null;
    color: #4f545c
}

.theme-dark .lookInverted-2mDUMi.hoverWhite-1CeNNr.hasHover-26V98q:active,
.theme-dark .lookInverted-2mDUMi.hoverWhite-1CeNNr.hasHover-26V98q:hover,
.theme-light .lookInverted-2mDUMi.hoverWhite-1CeNNr.hasHover-26V98q:active,
.theme-light .lookInverted-2mDUMi.hoverWhite-1CeNNr.hasHover-26V98q:hover {
    color: #fff;
    background-color: #fff
}

.theme-dark .lookOutlined-3yKVGo.hoverWhite-1CeNNr.hasHover-26V98q:hover,
.theme-light .lookOutlined-3yKVGo.hoverWhite-1CeNNr.hasHover-26V98q:hover {
    color: #fff;
    border-color: #fff
}

.theme-dark .lookOutlined-3yKVGo.hoverWhite-1CeNNr.hasHover-26V98q:active,
.theme-light .lookOutlined-3yKVGo.hoverWhite-1CeNNr.hasHover-26V98q:active {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    border-color: #fff
}

.theme-dark .lookLink-15mFoz.hoverWhite-1CeNNr.hasHover-26V98q:hover .contents-3ca1mk,
.theme-light .lookLink-15mFoz.hoverWhite-1CeNNr.hasHover-26V98q:hover .contents-3ca1mk {
    color: #fff;
    background-image: linear-gradient(0deg, transparent, transparent 1px, #fff 0, #fff 2px, transparent 0)
}

.borderBrandNew-W1AvIG {
    border-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%) !important
}

.lookFilled-yCfaCM.colorBrandNew-2-gGsS {
    color: #fff;
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.lookFilled-yCfaCM.colorBrandNew-2-gGsS:hover {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*51.4%), 52.4%)
}

.lookFilled-yCfaCM.colorBrandNew-2-gGsS:active {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*46.7%), 44.1%)
}

.lookFilled-yCfaCM.colorBrandNew-2-gGsS .spinnerItem-3dCJpG {
    background-color: #fff
}

.lookFilled-yCfaCM.colorBrandNew-2-gGsS:disabled {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.lookInverted-2mDUMi.colorBrandNew-2-gGsS {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    background-color: #fff
}

.lookInverted-2mDUMi.colorBrandNew-2-gGsS:hover {
    background-color: hsl(240, calc(var(--saturation-factor, 1)*77.8%), 98.2%)
}

.lookInverted-2mDUMi.colorBrandNew-2-gGsS:active {
    background-color: hsl(236, calc(var(--saturation-factor, 1)*83.3%), 92.9%)
}

.lookInverted-2mDUMi.colorBrandNew-2-gGsS:disabled {
    background-color: #fff
}

.lookInverted-2mDUMi.colorBrandNew-2-gGsS .spinnerItem-3dCJpG {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.lookOutlined-3yKVGo.colorBrandNew-2-gGsS {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    border-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.lookOutlined-3yKVGo.colorBrandNew-2-gGsS:active {
    background-color: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, .1)
}

.lookOutlined-3yKVGo.colorBrandNew-2-gGsS:disabled {
    background-color: transparent
}

.lookOutlined-3yKVGo.colorBrandNew-2-gGsS .spinnerItem-3dCJpG {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.lookLink-15mFoz.colorBrandNew-2-gGsS {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.lookLink-15mFoz.colorBrandNew-2-gGsS:hover .contents-3ca1mk {
    background-image: linear-gradient(0deg, transparent, transparent 1px, hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%) 0, hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%) 2px, transparent 0)
}

.lookLink-15mFoz.colorBrandNew-2-gGsS:disabled .contents-3ca1mk {
    background-image: none
}

.lookLink-15mFoz.colorBrandNew-2-gGsS .spinnerItem-3dCJpG {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.theme-dark .lookFilled-yCfaCM.hoverBrandNew-2zxGm3.hasHover-26V98q:hover,
.theme-light .lookFilled-yCfaCM.hoverBrandNew-2zxGm3.hasHover-26V98q:hover {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    color: #fff
}

.theme-dark .lookFilled-yCfaCM.hoverBrandNew-2zxGm3.hasHover-26V98q:active,
.theme-light .lookFilled-yCfaCM.hoverBrandNew-2zxGm3.hasHover-26V98q:active {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*51.4%), 52.4%);
    color: #fff
}

.theme-dark .lookInverted-2mDUMi.hoverBrandNew-2zxGm3.hasHover-26V98q:hover,
.theme-light .lookInverted-2mDUMi.hoverBrandNew-2zxGm3.hasHover-26V98q:hover {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    background-color: hsl(240, calc(var(--saturation-factor, 1)*77.8%), 98.2%)
}

.theme-dark .lookInverted-2mDUMi.hoverBrandNew-2zxGm3.hasHover-26V98q:active,
.theme-light .lookInverted-2mDUMi.hoverBrandNew-2zxGm3.hasHover-26V98q:active {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    background-color: hsl(236, calc(var(--saturation-factor, 1)*83.3%), 92.9%)
}

.theme-dark .lookOutlined-3yKVGo.hoverBrandNew-2zxGm3.hasHover-26V98q:hover,
.theme-light .lookOutlined-3yKVGo.hoverBrandNew-2zxGm3.hasHover-26V98q:hover {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    border-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.theme-dark .lookOutlined-3yKVGo.hoverBrandNew-2zxGm3.hasHover-26V98q:active,
.theme-light .lookOutlined-3yKVGo.hoverBrandNew-2zxGm3.hasHover-26V98q:active {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    background-color: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, .1);
    border-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.theme-dark .lookLink-15mFoz.hoverBrandNew-2zxGm3.hasHover-26V98q:hover .contents-3ca1mk,
.theme-light .lookLink-15mFoz.hoverBrandNew-2zxGm3.hasHover-26V98q:hover .contents-3ca1mk {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    background-image: linear-gradient(0deg, transparent, transparent 1px, hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%) 0, hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%) 2px, transparent 0)
}

.borderRed-2gxqqb {
    border-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%) !important
}

.lookFilled-yCfaCM.colorRed-rQXKgM {
    color: #fff;
    background-color: var(--button-danger-background)
}

.lookFilled-yCfaCM.colorRed-rQXKgM:hover {
    background-color: var(--button-danger-background-hover)
}

.lookFilled-yCfaCM.colorRed-rQXKgM:active {
    background-color: var(--button-danger-background-active)
}

.lookFilled-yCfaCM.colorRed-rQXKgM .spinnerItem-3dCJpG {
    background-color: #fff
}

.lookFilled-yCfaCM.colorRed-rQXKgM:disabled {
    background-color: var(--button-danger-background-disabled)
}

.lookInverted-2mDUMi.colorRed-rQXKgM {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    background-color: #fff
}

.lookInverted-2mDUMi.colorRed-rQXKgM:hover {
    background-color: hsl(0, calc(var(--saturation-factor, 1)*80%), 98%)
}

.lookInverted-2mDUMi.colorRed-rQXKgM:active {
    background-color: hsl(358, calc(var(--saturation-factor, 1)*81%), 91.8%)
}

.lookInverted-2mDUMi.colorRed-rQXKgM:disabled {
    background-color: #fff
}

.lookInverted-2mDUMi.colorRed-rQXKgM .spinnerItem-3dCJpG {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.lookOutlined-3yKVGo.colorRed-rQXKgM {
    color: var(--button-outline-danger-text);
    border-color: var(--button-outline-danger-border)
}

.lookOutlined-3yKVGo.colorRed-rQXKgM:hover {
    background-color: var(--button-outline-danger-background-hover);
    border-color: var(--button-outline-danger-border-hover);
    color: var(--button-outline-danger-text-hover)
}

.lookOutlined-3yKVGo.colorRed-rQXKgM:active {
    background-color: var(--button-outline-danger-background-active);
    border-color: var(--button-outline-danger-border-active);
    color: var(--button-outline-danger-text-active)
}

.lookOutlined-3yKVGo.colorRed-rQXKgM:disabled {
    background-color: transparent
}

.lookOutlined-3yKVGo.colorRed-rQXKgM .spinnerItem-3dCJpG {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.lookLink-15mFoz.colorRed-rQXKgM {
    color: var(--text-danger)
}

.lookLink-15mFoz.colorRed-rQXKgM:hover .contents-3ca1mk {
    background-image: linear-gradient(0deg, transparent, transparent 1px, var(--text-danger) 0, var(--text-danger) 2px, transparent 0)
}

.lookLink-15mFoz.colorRed-rQXKgM:disabled .contents-3ca1mk {
    background-image: none
}

.lookLink-15mFoz.colorRed-rQXKgM .spinnerItem-3dCJpG {
    background-color: var(--text-danger)
}

.theme-dark .lookFilled-yCfaCM.hoverRed-1gTvle.hasHover-26V98q:hover,
.theme-light .lookFilled-yCfaCM.hoverRed-1gTvle.hasHover-26V98q:hover {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    color: #fff
}

.theme-dark .lookFilled-yCfaCM.hoverRed-1gTvle.hasHover-26V98q:active,
.theme-light .lookFilled-yCfaCM.hoverRed-1gTvle.hasHover-26V98q:active {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*56.7%), 48%);
    color: #fff
}

.theme-dark .lookInverted-2mDUMi.hoverRed-1gTvle.hasHover-26V98q:hover,
.theme-light .lookInverted-2mDUMi.hoverRed-1gTvle.hasHover-26V98q:hover {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    background-color: hsl(0, calc(var(--saturation-factor, 1)*80%), 98%)
}

.theme-dark .lookInverted-2mDUMi.hoverRed-1gTvle.hasHover-26V98q:active,
.theme-light .lookInverted-2mDUMi.hoverRed-1gTvle.hasHover-26V98q:active {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    background-color: hsl(358, calc(var(--saturation-factor, 1)*81%), 91.8%)
}

.theme-dark .lookOutlined-3yKVGo.hoverRed-1gTvle.hasHover-26V98q:active,
.theme-dark .lookOutlined-3yKVGo.hoverRed-1gTvle.hasHover-26V98q:hover,
.theme-light .lookOutlined-3yKVGo.hoverRed-1gTvle.hasHover-26V98q:active,
.theme-light .lookOutlined-3yKVGo.hoverRed-1gTvle.hasHover-26V98q:hover {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    border-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.theme-dark .lookOutlined-3yKVGo.hoverRed-1gTvle.hasHover-26V98q:active,
.theme-light .lookOutlined-3yKVGo.hoverRed-1gTvle.hasHover-26V98q:active {
    background-color: hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .1)
}

.theme-dark .lookLink-15mFoz.hoverRed-1gTvle.hasHover-26V98q:hover .contents-3ca1mk,
.theme-light .lookLink-15mFoz.hoverRed-1gTvle.hasHover-26V98q:hover .contents-3ca1mk {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    background-image: linear-gradient(0deg, transparent, transparent 1px, hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%) 0, hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%) 2px, transparent 0)
}

.borderGreen-3MJerR {
    border-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%) !important
}

.lookFilled-yCfaCM.colorGreen-3y-Z79 {
    color: #fff;
    background-color: var(--button-positive-background)
}

.lookFilled-yCfaCM.colorGreen-3y-Z79:hover {
    background-color: var(--button-positive-background-hover)
}

.lookFilled-yCfaCM.colorGreen-3y-Z79:active {
    background-color: var(--button-positive-background-active)
}

.lookFilled-yCfaCM.colorGreen-3y-Z79 .spinnerItem-3dCJpG {
    background-color: #fff
}

.lookFilled-yCfaCM.colorGreen-3y-Z79:disabled {
    background-color: var(--button-positive-background-disabled)
}

.lookInverted-2mDUMi.colorGreen-3y-Z79 {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    background-color: #fff
}

.lookInverted-2mDUMi.colorGreen-3y-Z79:hover {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*83.8%), 92.7%)
}

.lookInverted-2mDUMi.colorGreen-3y-Z79:active {
    background-color: hsl(138, calc(var(--saturation-factor, 1)*86.1%), 85.9%)
}

.lookInverted-2mDUMi.colorGreen-3y-Z79:disabled {
    background-color: #fff
}

.lookInverted-2mDUMi.colorGreen-3y-Z79 .spinnerItem-3dCJpG {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.lookOutlined-3yKVGo.colorGreen-3y-Z79 {
    color: var(--button-outline-positive-text);
    border-color: var(--button-outline-positive-border)
}

.lookOutlined-3yKVGo.colorGreen-3y-Z79:hover {
    background-color: var(--button-outline-positive-background-hover);
    border-color: var(--button-outline-positive-border-hover);
    color: var(--button-outline-positive-text-hover)
}

.lookOutlined-3yKVGo.colorGreen-3y-Z79:active {
    background-color: var(--button-outline-positive-background-active);
    border-color: var(--button-outline-positive-border-active);
    color: var(--button-outline-positive-text-active)
}

.lookOutlined-3yKVGo.colorGreen-3y-Z79:disabled {
    background-color: transparent
}

.lookOutlined-3yKVGo.colorGreen-3y-Z79 .spinnerItem-3dCJpG {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
}

.lookLink-15mFoz.colorGreen-3y-Z79 {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.lookLink-15mFoz.colorGreen-3y-Z79:hover .contents-3ca1mk {
    background-image: linear-gradient(0deg, transparent, transparent 1px, hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%) 0, hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%) 2px, transparent 0)
}

.lookLink-15mFoz.colorGreen-3y-Z79:disabled .contents-3ca1mk {
    background-image: none
}

.lookLink-15mFoz.colorGreen-3y-Z79 .spinnerItem-3dCJpG {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.theme-dark .lookFilled-yCfaCM.hoverGreen-1KfT6K.hasHover-26V98q:hover,
.theme-light .lookFilled-yCfaCM.hoverGreen-1KfT6K.hasHover-26V98q:hover {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    color: #fff
}

.theme-dark .lookFilled-yCfaCM.hoverGreen-1KfT6K.hasHover-26V98q:active,
.theme-light .lookFilled-yCfaCM.hoverGreen-1KfT6K.hasHover-26V98q:active {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    color: #fff
}

.theme-dark .lookInverted-2mDUMi.hoverGreen-1KfT6K.hasHover-26V98q:hover,
.theme-light .lookInverted-2mDUMi.hoverGreen-1KfT6K.hasHover-26V98q:hover {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    background-color: hsl(139, calc(var(--saturation-factor, 1)*83.8%), 92.7%)
}

.theme-dark .lookInverted-2mDUMi.hoverGreen-1KfT6K.hasHover-26V98q:active,
.theme-light .lookInverted-2mDUMi.hoverGreen-1KfT6K.hasHover-26V98q:active {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    background-color: hsl(138, calc(var(--saturation-factor, 1)*86.1%), 85.9%)
}

.theme-dark .lookOutlined-3yKVGo.hoverGreen-1KfT6K.hasHover-26V98q:active,
.theme-dark .lookOutlined-3yKVGo.hoverGreen-1KfT6K.hasHover-26V98q:hover,
.theme-light .lookOutlined-3yKVGo.hoverGreen-1KfT6K.hasHover-26V98q:active,
.theme-light .lookOutlined-3yKVGo.hoverGreen-1KfT6K.hasHover-26V98q:hover {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    border-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.theme-dark .lookOutlined-3yKVGo.hoverGreen-1KfT6K.hasHover-26V98q:active,
.theme-light .lookOutlined-3yKVGo.hoverGreen-1KfT6K.hasHover-26V98q:active {
    background-color: hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .1)
}

.theme-dark .lookLink-15mFoz.hoverGreen-1KfT6K.hasHover-26V98q:hover .contents-3ca1mk,
.theme-light .lookLink-15mFoz.hoverGreen-1KfT6K.hasHover-26V98q:hover .contents-3ca1mk {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    background-image: linear-gradient(0deg, transparent, transparent 1px, hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%) 0, hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%) 2px, transparent 0)
}

.lookFilled-yCfaCM.colorPrimary-2AuQVo {
    color: #fff;
    background-color: var(--button-secondary-background)
}

.lookFilled-yCfaCM.colorPrimary-2AuQVo:hover {
    background-color: var(--button-secondary-background-hover)
}

.lookFilled-yCfaCM.colorPrimary-2AuQVo:active {
    background-color: var(--button-secondary-background-active)
}

.lookFilled-yCfaCM.colorPrimary-2AuQVo .spinnerItem-3dCJpG {
    background-color: #f6f6f7
}

.lookFilled-yCfaCM.colorPrimary-2AuQVo:disabled {
    background-color: var(--button-secondary-background-disabled)
}

.theme-dark .borderPrimary-1ygM7_ {
    border-color: #fff !important
}

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

.theme-dark .lookInverted-2mDUMi.colorPrimary-2AuQVo:hover {
    background-color: #f6f6f7
}

.theme-dark .lookInverted-2mDUMi.colorPrimary-2AuQVo:active {
    background-color: #dcddde
}

.theme-dark .lookInverted-2mDUMi.colorPrimary-2AuQVo:disabled {
    background-color: #f6f6f7
}

.theme-dark .lookInverted-2mDUMi.colorPrimary-2AuQVo .spinnerItem-3dCJpG {
    background-color: #4f545c
}

.theme-dark .lookLink-15mFoz.colorPrimary-2AuQVo {
    color: #fff
}

.theme-dark .lookLink-15mFoz.colorPrimary-2AuQVo:hover .contents-3ca1mk {
    background-image: linear-gradient(0deg, transparent, transparent 1px, #fff 0, #fff 2px, transparent 0)
}

.theme-dark .lookLink-15mFoz.colorPrimary-2AuQVo:disabled .contents-3ca1mk {
    background-image: none
}

.theme-dark .lookLink-15mFoz.colorPrimary-2AuQVo .spinnerItem-3dCJpG {
    background-color: #fff
}

.theme-dark .theme-dark .lookFilled-yCfaCM.hoverPrimary-2hqNIm.hasHover-26V98q:hover,
.theme-dark .theme-light .lookFilled-yCfaCM.hoverPrimary-2hqNIm.hasHover-26V98q:hover {
    background-color: #4f545c;
    color: #f6f6f7
}

.theme-dark .theme-dark .lookFilled-yCfaCM.hoverPrimary-2hqNIm.hasHover-26V98q:active,
.theme-dark .theme-light .lookFilled-yCfaCM.hoverPrimary-2hqNIm.hasHover-26V98q:active {
    background-color: #72767d;
    color: #f6f6f7
}

.theme-dark .theme-dark .lookInverted-2mDUMi.hoverPrimary-2hqNIm.hasHover-26V98q:hover,
.theme-dark .theme-light .lookInverted-2mDUMi.hoverPrimary-2hqNIm.hasHover-26V98q:hover {
    color: #4f545c;
    background-color: #f6f6f7
}

.theme-dark .theme-dark .lookInverted-2mDUMi.hoverPrimary-2hqNIm.hasHover-26V98q:active,
.theme-dark .theme-light .lookInverted-2mDUMi.hoverPrimary-2hqNIm.hasHover-26V98q:active {
    color: #4f545c;
    background-color: #dcddde
}

.theme-dark .theme-dark .lookOutlined-3yKVGo.hoverPrimary-2hqNIm.hasHover-26V98q:hover,
.theme-dark .theme-light .lookOutlined-3yKVGo.hoverPrimary-2hqNIm.hasHover-26V98q:hover {
    color: #fff;
    border-color: #fff
}

.theme-dark .theme-dark .lookOutlined-3yKVGo.hoverPrimary-2hqNIm.hasHover-26V98q:active,
.theme-dark .theme-light .lookOutlined-3yKVGo.hoverPrimary-2hqNIm.hasHover-26V98q:active {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    border-color: #4f545c
}

.theme-dark .theme-dark .lookLink-15mFoz.hoverPrimary-2hqNIm.hasHover-26V98q:hover .contents-3ca1mk,
.theme-dark .theme-light .lookLink-15mFoz.hoverPrimary-2hqNIm.hasHover-26V98q:hover .contents-3ca1mk {
    color: #fff;
    background-image: linear-gradient(0deg, transparent, transparent 1px, #fff 0, #fff 2px, transparent 0)
}

.theme-dark .borderTransparent-2P3AAk {
    border-color: #dcddde !important
}

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

.theme-dark .lookFilled-yCfaCM.colorTransparent-13Bvvi:hover {
    background-color: hsla(0, 0%, 100%, .05)
}

.theme-dark .lookFilled-yCfaCM.colorTransparent-13Bvvi:active {
    background-color: hsla(0, 0%, 100%, .01)
}

.theme-dark .lookFilled-yCfaCM.colorTransparent-13Bvvi .spinnerItem-3dCJpG {
    background-color: #f6f6f7
}

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

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

.theme-dark .lookInverted-2mDUMi.colorTransparent-13Bvvi:hover {
    background-color: hsla(0, 0%, 100%, .05)
}

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

.theme-dark .lookInverted-2mDUMi.colorTransparent-13Bvvi:disabled {
    background-color: #f6f6f7
}

.theme-dark .lookInverted-2mDUMi.colorTransparent-13Bvvi .spinnerItem-3dCJpG {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .lookOutlined-3yKVGo.colorTransparent-13Bvvi {
    color: #dcddde;
    border-color: #dcddde
}

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

.theme-dark .lookOutlined-3yKVGo.colorTransparent-13Bvvi:disabled {
    background-color: transparent
}

.theme-dark .lookOutlined-3yKVGo.colorTransparent-13Bvvi .spinnerItem-3dCJpG {
    background-color: #dcddde
}

.theme-dark .lookLink-15mFoz.colorTransparent-13Bvvi {
    color: #dcddde
}

.theme-dark .lookLink-15mFoz.colorTransparent-13Bvvi:hover .contents-3ca1mk {
    background-image: linear-gradient(0deg, transparent, transparent 1px, #dcddde 0, #dcddde 2px, transparent 0)
}

.theme-dark .lookLink-15mFoz.colorTransparent-13Bvvi:disabled .contents-3ca1mk {
    background-image: none
}

.theme-dark .lookLink-15mFoz.colorTransparent-13Bvvi .spinnerItem-3dCJpG {
    background-color: #dcddde
}

.theme-dark .theme-dark .lookFilled-yCfaCM.hoverTransparent-1F6BzX.hasHover-26V98q:hover,
.theme-dark .theme-light .lookFilled-yCfaCM.hoverTransparent-1F6BzX.hasHover-26V98q:hover {
    background-color: hsla(0, 0%, 100%, .1);
    color: #f6f6f7
}

.theme-dark .theme-dark .lookFilled-yCfaCM.hoverTransparent-1F6BzX.hasHover-26V98q:active,
.theme-dark .theme-light .lookFilled-yCfaCM.hoverTransparent-1F6BzX.hasHover-26V98q:active {
    background-color: hsla(0, 0%, 100%, .05);
    color: #f6f6f7
}

.theme-dark .theme-dark .lookInverted-2mDUMi.hoverTransparent-1F6BzX.hasHover-26V98q:hover,
.theme-dark .theme-light .lookInverted-2mDUMi.hoverTransparent-1F6BzX.hasHover-26V98q:hover {
    color: hsla(0, 0%, 100%, .1);
    background-color: hsla(0, 0%, 100%, .05)
}

.theme-dark .theme-dark .lookInverted-2mDUMi.hoverTransparent-1F6BzX.hasHover-26V98q:active,
.theme-dark .theme-light .lookInverted-2mDUMi.hoverTransparent-1F6BzX.hasHover-26V98q:active {
    color: hsla(0, 0%, 100%, .1);
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .theme-dark .lookOutlined-3yKVGo.hoverTransparent-1F6BzX.hasHover-26V98q:hover,
.theme-dark .theme-light .lookOutlined-3yKVGo.hoverTransparent-1F6BzX.hasHover-26V98q:hover {
    color: #dcddde;
    border-color: #dcddde
}

.theme-dark .theme-dark .lookOutlined-3yKVGo.hoverTransparent-1F6BzX.hasHover-26V98q:active,
.theme-dark .theme-light .lookOutlined-3yKVGo.hoverTransparent-1F6BzX.hasHover-26V98q:active {
    color: #dcddde;
    background-color: rgba(220, 221, 222, .1);
    border-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .theme-dark .lookLink-15mFoz.hoverTransparent-1F6BzX.hasHover-26V98q:hover .contents-3ca1mk,
.theme-dark .theme-light .lookLink-15mFoz.hoverTransparent-1F6BzX.hasHover-26V98q:hover .contents-3ca1mk {
    color: #dcddde;
    background-image: linear-gradient(0deg, transparent, transparent 1px, #dcddde 0, #dcddde 2px, transparent 0)
}

.theme-light .borderPrimary-1ygM7_ {
    border-color: #747f8d !important
}

.theme-light .lookInverted-2mDUMi.colorPrimary-2AuQVo {
    color: #747f8d;
    background-color: #fff
}

.theme-light .lookInverted-2mDUMi.colorPrimary-2AuQVo:hover {
    background-color: #4f5660
}

.theme-light .lookInverted-2mDUMi.colorPrimary-2AuQVo:active {
    background-color: #2e3338
}

.theme-light .lookInverted-2mDUMi.colorPrimary-2AuQVo:disabled {
    background-color: #fff
}

.theme-light .lookInverted-2mDUMi.colorPrimary-2AuQVo .spinnerItem-3dCJpG {
    background-color: #747f8d
}

.theme-light .lookLink-15mFoz.colorPrimary-2AuQVo {
    color: #747f8d
}

.theme-light .lookLink-15mFoz.colorPrimary-2AuQVo:hover .contents-3ca1mk {
    background-image: linear-gradient(0deg, transparent, transparent 1px, #747f8d 0, #747f8d 2px, transparent 0)
}

.theme-light .lookLink-15mFoz.colorPrimary-2AuQVo:disabled .contents-3ca1mk {
    background-image: none
}

.theme-light .lookLink-15mFoz.colorPrimary-2AuQVo .spinnerItem-3dCJpG {
    background-color: #747f8d
}

.theme-light .theme-dark .lookFilled-yCfaCM.hoverPrimary-2hqNIm.hasHover-26V98q:hover,
.theme-light .theme-light .lookFilled-yCfaCM.hoverPrimary-2hqNIm.hasHover-26V98q:hover {
    background-color: #747f8d;
    color: #fff
}

.theme-light .theme-dark .lookFilled-yCfaCM.hoverPrimary-2hqNIm.hasHover-26V98q:active,
.theme-light .theme-light .lookFilled-yCfaCM.hoverPrimary-2hqNIm.hasHover-26V98q:active {
    background-color: #9099a4;
    color: #fff
}

.theme-light .theme-dark .lookInverted-2mDUMi.hoverPrimary-2hqNIm.hasHover-26V98q:hover,
.theme-light .theme-light .lookInverted-2mDUMi.hoverPrimary-2hqNIm.hasHover-26V98q:hover {
    color: #747f8d;
    background-color: #4f5660
}

.theme-light .theme-dark .lookInverted-2mDUMi.hoverPrimary-2hqNIm.hasHover-26V98q:active,
.theme-light .theme-light .lookInverted-2mDUMi.hoverPrimary-2hqNIm.hasHover-26V98q:active {
    color: #747f8d;
    background-color: #2e3338
}

.theme-light .theme-dark .lookOutlined-3yKVGo.hoverPrimary-2hqNIm.hasHover-26V98q:hover,
.theme-light .theme-light .lookOutlined-3yKVGo.hoverPrimary-2hqNIm.hasHover-26V98q:hover {
    color: #747f8d;
    border-color: #747f8d
}

.theme-light .theme-dark .lookOutlined-3yKVGo.hoverPrimary-2hqNIm.hasHover-26V98q:active,
.theme-light .theme-light .lookOutlined-3yKVGo.hoverPrimary-2hqNIm.hasHover-26V98q:active {
    color: #747f8d;
    background-color: rgba(116, 127, 141, .1);
    border-color: #747f8d
}

.theme-light .theme-dark .lookLink-15mFoz.hoverPrimary-2hqNIm.hasHover-26V98q:hover .contents-3ca1mk,
.theme-light .theme-light .lookLink-15mFoz.hoverPrimary-2hqNIm.hasHover-26V98q:hover .contents-3ca1mk {
    color: #747f8d;
    background-image: linear-gradient(0deg, transparent, transparent 1px, #747f8d 0, #747f8d 2px, transparent 0)
}

.theme-light .borderTransparent-2P3AAk {
    border-color: #747f8d !important
}

.theme-light .lookFilled-yCfaCM.colorTransparent-13Bvvi {
    color: #747f8d;
    background-color: rgba(116, 127, 141, .01)
}

.theme-light .lookFilled-yCfaCM.colorTransparent-13Bvvi:hover {
    background-color: rgba(116, 127, 141, .2)
}

.theme-light .lookFilled-yCfaCM.colorTransparent-13Bvvi:active {
    background-color: rgba(116, 127, 141, .25)
}

.theme-light .lookFilled-yCfaCM.colorTransparent-13Bvvi .spinnerItem-3dCJpG {
    background-color: #747f8d
}

.theme-light .lookFilled-yCfaCM.colorTransparent-13Bvvi:disabled {
    background-color: rgba(116, 127, 141, .01)
}

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

.theme-light .lookInverted-2mDUMi.colorTransparent-13Bvvi:hover {
    background-color: rgba(116, 127, 141, .2)
}

.theme-light .lookInverted-2mDUMi.colorTransparent-13Bvvi:active {
    background-color: rgba(116, 127, 141, .25)
}

.theme-light .lookInverted-2mDUMi.colorTransparent-13Bvvi:disabled {
    background-color: #747f8d
}

.theme-light .lookInverted-2mDUMi.colorTransparent-13Bvvi .spinnerItem-3dCJpG {
    background-color: rgba(116, 127, 141, .01)
}

.theme-light .lookOutlined-3yKVGo.colorTransparent-13Bvvi {
    color: #747f8d;
    border-color: #747f8d
}

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

.theme-light .lookOutlined-3yKVGo.colorTransparent-13Bvvi:disabled {
    background-color: transparent
}

.theme-light .lookOutlined-3yKVGo.colorTransparent-13Bvvi .spinnerItem-3dCJpG {
    background-color: #747f8d
}

.theme-light .lookLink-15mFoz.colorTransparent-13Bvvi {
    color: #747f8d
}

.theme-light .lookLink-15mFoz.colorTransparent-13Bvvi:hover .contents-3ca1mk {
    background-image: linear-gradient(0deg, transparent, transparent 1px, #747f8d 0, #747f8d 2px, transparent 0)
}

.theme-light .lookLink-15mFoz.colorTransparent-13Bvvi:disabled .contents-3ca1mk {
    background-image: none
}

.theme-light .lookLink-15mFoz.colorTransparent-13Bvvi .spinnerItem-3dCJpG {
    background-color: #747f8d
}

.theme-light .theme-dark .lookFilled-yCfaCM.hoverTransparent-1F6BzX.hasHover-26V98q:hover,
.theme-light .theme-light .lookFilled-yCfaCM.hoverTransparent-1F6BzX.hasHover-26V98q:hover {
    background-color: rgba(116, 127, 141, .01);
    color: #747f8d
}

.theme-light .theme-dark .lookFilled-yCfaCM.hoverTransparent-1F6BzX.hasHover-26V98q:active,
.theme-light .theme-light .lookFilled-yCfaCM.hoverTransparent-1F6BzX.hasHover-26V98q:active {
    background-color: rgba(116, 127, 141, .2);
    color: #747f8d
}

.theme-light .theme-dark .lookInverted-2mDUMi.hoverTransparent-1F6BzX.hasHover-26V98q:hover,
.theme-light .theme-light .lookInverted-2mDUMi.hoverTransparent-1F6BzX.hasHover-26V98q:hover {
    color: rgba(116, 127, 141, .01);
    background-color: rgba(116, 127, 141, .2)
}

.theme-light .theme-dark .lookInverted-2mDUMi.hoverTransparent-1F6BzX.hasHover-26V98q:active,
.theme-light .theme-light .lookInverted-2mDUMi.hoverTransparent-1F6BzX.hasHover-26V98q:active {
    color: rgba(116, 127, 141, .01);
    background-color: rgba(116, 127, 141, .25)
}

.theme-light .theme-dark .lookOutlined-3yKVGo.hoverTransparent-1F6BzX.hasHover-26V98q:hover,
.theme-light .theme-light .lookOutlined-3yKVGo.hoverTransparent-1F6BzX.hasHover-26V98q:hover {
    color: #747f8d;
    border-color: #747f8d
}

.theme-light .theme-dark .lookOutlined-3yKVGo.hoverTransparent-1F6BzX.hasHover-26V98q:active,
.theme-light .theme-light .lookOutlined-3yKVGo.hoverTransparent-1F6BzX.hasHover-26V98q:active {
    color: #747f8d;
    background-color: rgba(116, 127, 141, .1);
    border-color: rgba(116, 127, 141, .01)
}

.theme-light .theme-dark .lookLink-15mFoz.hoverTransparent-1F6BzX.hasHover-26V98q:hover .contents-3ca1mk,
.theme-light .theme-light .lookLink-15mFoz.hoverTransparent-1F6BzX.hasHover-26V98q:hover .contents-3ca1mk {
    color: #747f8d;
    background-image: linear-gradient(0deg, transparent, transparent 1px, #747f8d 0, #747f8d 2px, transparent 0)
}

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

.lookOutlined-3yKVGo {
    -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-21BCro {
    background: transparent;
    color: currentColor;
    border: 0;
    padding: 0;
    margin: 0
}

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

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

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

.sizeLarge-3mScP9 {
    width: 130px;
    height: 44px;
    min-width: 130px;
    min-height: 44px
}

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

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

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

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

.grow-2sR_-F,
.sizeIcon-1kBo12 {
    width: auto
}

.fullWidth-fJIsjq {
    width: 100%
}

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

.lookFilled-yCfaCM .contents-3ca1mk,
.lookInverted-2mDUMi .contents-3ca1mk,
.lookLink-15mFoz .contents-3ca1mk,
.lookOutlined-3yKVGo .contents-3ca1mk {
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .lookFilled-yCfaCM .contents-3ca1mk,
    .lookInverted-2mDUMi .contents-3ca1mk,
    .lookLink-15mFoz .contents-3ca1mk,
    .lookOutlined-3yKVGo .contents-3ca1mk {
        margin: 0
    }
}

.submitting-3uDn4C .contents-3ca1mk {
    visibility: hidden
}

.spinner-3lTjTx {
    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-2Oz3aY {
    display: inline-block;
    position: relative
}

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

.enable-forced-colors.theme-dark .button-f2h6uQ,
.enable-forced-colors.theme-light .button-f2h6uQ {
    background-color: ButtonFace;
    -webkit-transition: none;
    transition: none
}

.enable-forced-colors.theme-dark .button-f2h6uQ .contents-3ca1mk,
.enable-forced-colors.theme-light .button-f2h6uQ .contents-3ca1mk {
    color: ButtonText
}

.enable-forced-colors.theme-dark .button-f2h6uQ .contents-3ca1mk svg,
.enable-forced-colors.theme-light .button-f2h6uQ .contents-3ca1mk svg {
    color: currentColor
}

.enable-forced-colors.theme-dark .button-f2h6uQ:hover,
.enable-forced-colors.theme-light .button-f2h6uQ:hover {
    background-color: ButtonFace
}

.enable-forced-colors.theme-dark .button-f2h6uQ:hover .contents-3ca1mk,
.enable-forced-colors.theme-light .button-f2h6uQ:hover .contents-3ca1mk {
    color: ButtonText;
    text-decoration: underline
}

.enable-forced-colors.theme-dark .button-f2h6uQ:disabled,
.enable-forced-colors.theme-light .button-f2h6uQ:disabled {
    background-color: Canvas;
    border-color: GrayText !important;
    opacity: 1
}

.enable-forced-colors.theme-dark .button-f2h6uQ:disabled .contents-3ca1mk,
.enable-forced-colors.theme-light .button-f2h6uQ:disabled .contents-3ca1mk {
    color: GrayText
}

.enable-forced-colors.theme-dark .button-f2h6uQ.lookLink-15mFoz .contents-3ca1mk,
.enable-forced-colors.theme-light .button-f2h6uQ.lookLink-15mFoz .contents-3ca1mk {
    text-decoration: underline
}

.enable-forced-colors.theme-dark .button-f2h6uQ.lookLink-15mFoz:not(:disabled),
.enable-forced-colors.theme-light .button-f2h6uQ.lookLink-15mFoz:not(:disabled) {
    background-color: Canvas
}

.enable-forced-colors.theme-dark .button-f2h6uQ.lookLink-15mFoz:not(:disabled) .contents-3ca1mk,
.enable-forced-colors.theme-light .button-f2h6uQ.lookLink-15mFoz:not(:disabled) .contents-3ca1mk {
    color: LinkText
}

.enable-forced-colors.theme-dark .button-f2h6uQ.lookLink-15mFoz:not(:disabled):hover,
.enable-forced-colors.theme-light .button-f2h6uQ.lookLink-15mFoz:not(:disabled):hover {
    background-color: Canvas
}

.enable-forced-colors.theme-dark .button-f2h6uQ.lookLink-15mFoz:not(:disabled):hover .contents-3ca1mk,
.enable-forced-colors.theme-light .button-f2h6uQ.lookLink-15mFoz:not(:disabled):hover .contents-3ca1mk {
    color: LinkText
}

.enable-forced-colors.theme-dark .button-f2h6uQ.lookFilled-yCfaCM,
.enable-forced-colors.theme-dark .button-f2h6uQ.lookInverted-2mDUMi,
.enable-forced-colors.theme-dark .button-f2h6uQ.lookOutlined-3yKVGo,
.enable-forced-colors.theme-light .button-f2h6uQ.lookFilled-yCfaCM,
.enable-forced-colors.theme-light .button-f2h6uQ.lookInverted-2mDUMi,
.enable-forced-colors.theme-light .button-f2h6uQ.lookOutlined-3yKVGo {
    border-width: 1px;
    border-style: solid
}

.enable-forced-colors.theme-dark .button-f2h6uQ.lookFilled-yCfaCM:not(:disabled),
.enable-forced-colors.theme-dark .button-f2h6uQ.lookInverted-2mDUMi:not(:disabled),
.enable-forced-colors.theme-dark .button-f2h6uQ.lookOutlined-3yKVGo:not(:disabled),
.enable-forced-colors.theme-light .button-f2h6uQ.lookFilled-yCfaCM:not(:disabled),
.enable-forced-colors.theme-light .button-f2h6uQ.lookInverted-2mDUMi:not(:disabled),
.enable-forced-colors.theme-light .button-f2h6uQ.lookOutlined-3yKVGo:not(:disabled) {
    border-color: CanvasText !important
}

.enable-forced-colors.theme-dark .button-f2h6uQ.lookFilled-yCfaCM:not(:disabled):hover,
.enable-forced-colors.theme-dark .button-f2h6uQ.lookInverted-2mDUMi:not(:disabled):hover,
.enable-forced-colors.theme-dark .button-f2h6uQ.lookOutlined-3yKVGo:not(:disabled):hover,
.enable-forced-colors.theme-light .button-f2h6uQ.lookFilled-yCfaCM:not(:disabled):hover,
.enable-forced-colors.theme-light .button-f2h6uQ.lookInverted-2mDUMi:not(:disabled):hover,
.enable-forced-colors.theme-light .button-f2h6uQ.lookOutlined-3yKVGo:not(:disabled):hover {
    border-color: ButtonText !important
}

.enable-forced-colors.theme-dark .button-f2h6uQ:active,
.enable-forced-colors.theme-dark .button-f2h6uQ[aria-expanded=true],
.enable-forced-colors.theme-dark .button-f2h6uQ[aria-selected=true],
.enable-forced-colors.theme-light .button-f2h6uQ:active,
.enable-forced-colors.theme-light .button-f2h6uQ[aria-expanded=true],
.enable-forced-colors.theme-light .button-f2h6uQ[aria-selected=true] {
    background-color: HighlightText
}

.enable-forced-colors.theme-dark .button-f2h6uQ:active .contents-3ca1mk,
.enable-forced-colors.theme-dark .button-f2h6uQ[aria-expanded=true] .contents-3ca1mk,
.enable-forced-colors.theme-dark .button-f2h6uQ[aria-selected=true] .contents-3ca1mk,
.enable-forced-colors.theme-light .button-f2h6uQ:active .contents-3ca1mk,
.enable-forced-colors.theme-light .button-f2h6uQ[aria-expanded=true] .contents-3ca1mk,
.enable-forced-colors.theme-light .button-f2h6uQ[aria-selected=true] .contents-3ca1mk {
    color: Highlight;
    text-decoration: underline
}

.enable-forced-colors.theme-dark .button-f2h6uQ:active:hover,
.enable-forced-colors.theme-dark .button-f2h6uQ[aria-expanded=true]:hover,
.enable-forced-colors.theme-dark .button-f2h6uQ[aria-selected=true]:hover,
.enable-forced-colors.theme-light .button-f2h6uQ:active:hover,
.enable-forced-colors.theme-light .button-f2h6uQ[aria-expanded=true]:hover,
.enable-forced-colors.theme-light .button-f2h6uQ[aria-selected=true]:hover {
    background-color: HighlightText
}

.enable-forced-colors.theme-dark .button-f2h6uQ:active:hover .contents-3ca1mk,
.enable-forced-colors.theme-dark .button-f2h6uQ[aria-expanded=true]:hover .contents-3ca1mk,
.enable-forced-colors.theme-dark .button-f2h6uQ[aria-selected=true]:hover .contents-3ca1mk,
.enable-forced-colors.theme-light .button-f2h6uQ:active:hover .contents-3ca1mk,
.enable-forced-colors.theme-light .button-f2h6uQ[aria-expanded=true]:hover .contents-3ca1mk,
.enable-forced-colors.theme-light .button-f2h6uQ[aria-selected=true]:hover .contents-3ca1mk {
    color: Highlight
}

.enable-forced-colors.theme-dark .button-f2h6uQ.lookFilled-yCfaCM:active,
.enable-forced-colors.theme-dark .button-f2h6uQ.lookFilled-yCfaCM[aria-expanded=true],
.enable-forced-colors.theme-dark .button-f2h6uQ.lookFilled-yCfaCM[aria-selected=true],
.enable-forced-colors.theme-dark .button-f2h6uQ.lookInverted-2mDUMi:active,
.enable-forced-colors.theme-dark .button-f2h6uQ.lookInverted-2mDUMi[aria-expanded=true],
.enable-forced-colors.theme-dark .button-f2h6uQ.lookInverted-2mDUMi[aria-selected=true],
.enable-forced-colors.theme-dark .button-f2h6uQ.lookOutlined-3yKVGo:active,
.enable-forced-colors.theme-dark .button-f2h6uQ.lookOutlined-3yKVGo[aria-expanded=true],
.enable-forced-colors.theme-dark .button-f2h6uQ.lookOutlined-3yKVGo[aria-selected=true],
.enable-forced-colors.theme-light .button-f2h6uQ.lookFilled-yCfaCM:active,
.enable-forced-colors.theme-light .button-f2h6uQ.lookFilled-yCfaCM[aria-expanded=true],
.enable-forced-colors.theme-light .button-f2h6uQ.lookFilled-yCfaCM[aria-selected=true],
.enable-forced-colors.theme-light .button-f2h6uQ.lookInverted-2mDUMi:active,
.enable-forced-colors.theme-light .button-f2h6uQ.lookInverted-2mDUMi[aria-expanded=true],
.enable-forced-colors.theme-light .button-f2h6uQ.lookInverted-2mDUMi[aria-selected=true],
.enable-forced-colors.theme-light .button-f2h6uQ.lookOutlined-3yKVGo:active,
.enable-forced-colors.theme-light .button-f2h6uQ.lookOutlined-3yKVGo[aria-expanded=true],
.enable-forced-colors.theme-light .button-f2h6uQ.lookOutlined-3yKVGo[aria-selected=true] {
    border-color: Highlight !important
}

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

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

.alignEnd-2awoY_ {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.alignCenter-14kD11 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

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

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

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

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

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

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

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

.wrap-7NZuTn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wrapReverse-jL3MY8 {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

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

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

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

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

.horizontal-1Piu5->.spacer-2upayl,
.horizontalReverse-2QssvL>.spacer-2upayl,
.vertical-3aLnqW>.spacer-2upayl {
    min-height: 1px
}

.horizontal-112GEH>.flex-2S1XBF,
.horizontal-112GEH>.flexChild-3PzYmX {
    margin-left: 10px;
    margin-right: 10px
}

.horizontal-112GEH>.flex-2S1XBF:first-child,
.horizontal-112GEH>.flexChild-3PzYmX:first-child {
    margin-left: 0
}

.horizontal-112GEH>.flex-2S1XBF:last-child,
.horizontal-112GEH>.flexChild-3PzYmX:last-child {
    margin-right: 0
}

.horizontalReverse-60Katr>.flex-2S1XBF,
.horizontalReverse-60Katr>.flexChild-3PzYmX {
    margin-left: 10px;
    margin-right: 10px
}

.horizontalReverse-60Katr>.flex-2S1XBF:first-child,
.horizontalReverse-60Katr>.flexChild-3PzYmX:first-child {
    margin-right: 0
}

.horizontalReverse-60Katr>.flex-2S1XBF:last-child,
.horizontalReverse-60Katr>.flexChild-3PzYmX:last-child {
    margin-left: 0
}

.horizontal-112GEH>.flexMarginReset-3iIFcE {
    margin: 0
}

.scrollerBase-_bVAAt {
    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-31rlnD {
    scrollbar-width: thin
}

.thin-31rlnD,
.thin-31rlnD.fade-1R6FHN:hover,
.thin-31rlnD.scrolling-20Of9p {
    scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track)
}

.thin-31rlnD::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

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

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

.thin-31rlnD::-webkit-scrollbar-corner {
    background-color: transparent
}

.auto-2K3UW5 {
    scrollbar-width: auto
}

.auto-2K3UW5,
.auto-2K3UW5.fade-1R6FHN:hover,
.auto-2K3UW5.scrolling-20Of9p {
    scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track)
}

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

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

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

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

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

.none-2-_0dP {
    scrollbar-width: none
}

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

.fade-1R6FHN {
    scrollbar-color: transparent transparent
}

.fade-1R6FHN::-webkit-scrollbar-thumb,
.fade-1R6FHN::-webkit-scrollbar-track {
    visibility: hidden
}

.fade-1R6FHN:hover::-webkit-scrollbar-thumb,
.fade-1R6FHN:hover::-webkit-scrollbar-track {
    visibility: visible
}

.content-2a4AW9 {
    position: relative
}

.scrolling-20Of9p .content-2a4AW9 {
    pointer-events: none
}

.scrolling-20Of9p.fade-1R6FHN:focus-within::-webkit-scrollbar-thumb,
.scrolling-20Of9p.fade-1R6FHN:focus-within::-webkit-scrollbar-track {
    visibility: visible
}

.disableScrollAnchor-6TwzvM {
    overflow-anchor: none
}

.managedReactiveScroller-1lEEh3 {
    overflow-y: scroll;
    overflow-x: hidden
}

.enable-forced-colors ::-webkit-scrollbar-track {
    border-radius: 0;
    border-width: 1px
}

.enable-forced-colors ::-webkit-scrollbar-thumb {
    background-color: CanvasText;
    border-width: 1px
}

.enable-forced-colors ::-webkit-scrollbar-thumb:horizontal:active,
.enable-forced-colors ::-webkit-scrollbar-thumb:horizontal:hover,
.enable-forced-colors ::-webkit-scrollbar-thumb:vertical:active,
.enable-forced-colors ::-webkit-scrollbar-thumb:vertical:hover {
    background-color: Highlight
}

.enable-forced-colors .auto-2K3UW5::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.enable-forced-colors .auto-2K3UW5::-webkit-scrollbar-track {
    border-width: 1px;
    border-radius: 0
}

.enable-forced-colors .scrollbar-3vVt8d::-webkit-scrollbar-track {
    background-color: Canvas;
    border-radius: 0;
    border-width: 1px
}

.enable-forced-colors .scrollbar-3vVt8d::-webkit-scrollbar-thumb {
    background-color: CanvasText;
    border-width: 1px
}

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

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

.embedded-1f1UqW {
    position: absolute
}

.leftSplit-hm3715 {
    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-1DjcEq {
    max-width: 1480px
}

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

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

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

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

.focusLock-2tveLW,
.root-g14mjS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.root-g14mjS {
    background-color: #fff;
    border-radius: 4px;
    margin: 0 auto;
    pointer-events: all;
    position: relative;
    max-height: 100%
}

.small-23Atuv {
    width: 440px;
    max-height: 720px;
    min-height: 200px
}

.medium-1ywRMv {
    width: 600px;
    max-height: 800px
}

.large-1XKv7D,
.medium-1ywRMv {
    min-height: 400px
}

.large-1XKv7D {
    min-width: 800px;
    max-width: 960px
}

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

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

    .fullscreenOnMobile-ixj0e3 .footer-31IekZ,
    .fullscreenOnMobile-ixj0e3 .header-1zd7se {
        border-radius: 0
    }
}

.theme-dark .root-g14mjS {
    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-g14mjS {
    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-31IekZ,
.header-1zd7se {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 16px;
    z-index: 1;
    overflow-x: hidden
}

.header-1zd7se {
    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-31IekZ {
    border-radius: 0 0 5px 5px
}

.theme-dark .separator-2lLxgC {
    -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-31IekZ {
    background-color: #2f3136
}

.theme-dark .footerSeparator-VzAYwb {
    -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-2lLxgC {
    -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-31IekZ {
    background-color: #f6f6f7
}

.theme-light .footerSeparator-VzAYwb {
    -webkit-box-shadow: inset 0 1px 0 rgba(246, 246, 247, .6);
    box-shadow: inset 0 1px 0 rgba(246, 246, 247, .6)
}

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

.close-1mLglB {
    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-1mLglB:hover {
    opacity: 1;
    color: var(--interactive-hover)
}

.closeWithCircleBackground-3JYDhN {
    width: 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: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .85);
    border-radius: 50%;
    padding: 0
}

.closeWithCircleBackground-3JYDhN .closeIcon-11LhXr {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal)
}

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

.spinnerContainer-3a92uf {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.enable-forced-colors .root-g14mjS {
    border: 2px solid CanvasText
}

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

.strong-3yEWQO {
    font-weight: 600
}

.colorStandard-21JIj7 {
    color: var(--text-normal)
}

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

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

.colorError-1H4THa {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.colorBrand-21Le_q {
    color: var(--text-brand)
}

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

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

.colorStatusYellow-2uTn4I {
    color: var(--text-warning)
}

.colorStatusGreen-2HKYOW {
    color: var(--text-positive)
}

.colorStatusRed-3FRrPF {
    color: var(--status-danger)
}

.colorInteractiveActive-30E9n8 {
    color: var(--interactive-active)
}

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

.colorWhite-2T3PGe {
    color: #fff
}

.enable-forced-colors .colorBrand-21Le_q,
.enable-forced-colors .colorError-1H4THa,
.enable-forced-colors .colorHeaderPrimary-jN_yGr,
.enable-forced-colors .colorHeaderSecondary-g5teka,
.enable-forced-colors .colorInteractiveActive-30E9n8,
.enable-forced-colors .colorInteractiveNormal-36ZhyZ,
.enable-forced-colors .colorMuted-20987_,
.enable-forced-colors .colorStandard-21JIj7,
.enable-forced-colors .colorStatusGreen-2HKYOW,
.enable-forced-colors .colorStatusRed-3FRrPF,
.enable-forced-colors .colorStatusYellow-2uTn4I,
.enable-forced-colors .colorWhite-2T3PGe {
    color: CanvasText
}

.enable-forced-colors .colorLink-2apWfY {
    color: LinkText
}

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

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

.size14-3fJ-ot {
    font-size: 14px;
    line-height: 18px
}

.size16-rrJ6ag {
    font-size: 16px;
    line-height: 20px
}

.size20-9iTTnl {
    font-size: 20px;
    line-height: 24px
}

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

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

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

.h1-34Txb0 {
    font-size: 20px;
    line-height: 24px
}

.h1-34Txb0,
.h2-1EaYVL {
    font-weight: 600
}

.h2-1EaYVL {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase
}

.h3-2Gh4ka {
    line-height: 24px;
    font-weight: 500
}

.h3-2Gh4ka,
.h4-1_f8j1 {
    font-size: 16px
}

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

.h4-1_f8j1,
.h5-2RwDNl {
    font-weight: 600;
    text-transform: uppercase
}

.h5-2RwDNl {
    font-size: 12px;
    line-height: 16px
}

.defaultMarginh4-3AyxzM {
    margin-top: 0;
    margin-bottom: 0
}

.defaultMarginh1-EURXsm,
.defaultMarginh2-t7G-2y {
    margin-bottom: 20px
}

.defaultMarginh3-2aILfT,
.defaultMarginh5-3Jxf6f {
    margin-bottom: 8px
}

.disabled-2DSdZK {
    opacity: .5;
    cursor: not-allowed
}

.required---V9PF {
    color: var(--status-danger);
    padding-left: 4px
}

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

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

.defaultColor-2cKwKo {
    color: var(--header-primary)
}

.h5-2RwDNl {
    color: var(--header-secondary)
}

.faded-Yd0FtY {
    opacity: .8
}

.error-3EBD81 {
    color: var(--text-danger)
}

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

.backdrop-2ByYRN.withLayer-2VVmpp {
    pointer-events: all
}

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

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

.emptyError-25DlMg:empty:before {
    content: "RENDERING NULL FOR A POPOUT/MODAL/LAYER WILL BREAK THE APP";
    word-break: break-word;
    display: block;
    background-color: red;
    color: #fff;
    font-size: 32px;
    max-width: 500px;
    padding: 8px;
    font-weight: 700;
    border: 10px dashed hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
}

.layerHidden-CyRnFF {
    visibility: hidden
}

.disabledPointerEvents-2AmYRc {
    pointer-events: none
}

.backdrop-1BR_bn {
    background-color: #000
}

.backdrop-1BR_bn,
.layer-1Ixpg3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.layer-1Ixpg3 {
    -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
}

.hidden-3PPAly * {
    pointer-events: none !important
}

.marginReset-28ZZyF {
    margin-top: 0;
    margin-bottom: 0
}


.marginBottom4-1fdMNe {
    margin-bottom: 4px
}

.marginTop8-24uXGp {
    margin-top: 8px
}

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

.marginTop20-2T8ZJx {
    margin-top: 20px
}

.marginBottom20-315RVT {
    margin-bottom: 20px
}

.marginTop40-Q4o1tS {
    margin-top: 40px
}

.marginBottom40-fvAlAV {
    margin-bottom: 40px
}

.marginTop60-38vAjL {
    margin-top: 60px
}

.marginBottom60-2XQEx8 {
    margin-bottom: 60px
}

.marginCenterHorz-574Oxy {
    margin-left: auto;
    margin-right: auto
}

.marginLeft8-3meqg8 {
    margin-left: 8px
}

.container-KJ38dt {
    word-wrap: break-word
}

.form-2oOOG9 {
    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-3YXA7I {
    padding-top: 20px;
    padding-bottom: 20px
}

.content-Z3Xihu {
    height: 100%
}

.title-1itth0 {
    text-align: center
}

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

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

.minorAction-194-_3:hover {
    text-decoration: underline
}

.body-_jWL8l {
    text-align: center
}

.primaryButton-361sHl,
.secondaryButton-rBY2Kw {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%
}

.gutter-3t0Erc {
    margin-left: 10px
}

.applicationDetails-3O3kc- {
    padding: 24px 0
}

.entry-2w47SK {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.entryIcon-2bcrKV {
    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
}

.entryIcon-2bcrKV,
.entryInner-1tOOER {
    color: var(--text-muted)
}

.entryInner-1tOOER {
    font-weight: 500
}

.redirectWarning-2tpnAI .entryInner-1tOOER {
    color: var(--text-warning)
}

.wrapper-1HSdhi {
    margin: 0
}

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

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

.base-21yXnu.muted-eZM05q {
    color: var(--header-secondary)
}

.uppercase-2unHJn {
    text-transform: uppercase
}

.scopes-uCLYQv {
    border-bottom: 1px solid var(--background-modifier-accent);
    padding: 24px 0
}

.scope-J9cQRk {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.scopeCheck-3trytX {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.scopeCheck-3trytX,
.scopeTimes-KsAOBb {
    margin-right: 12px;
    width: 24px;
    height: 24px;
    padding: 2px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scopeTimes-KsAOBb {
    background-color: hsl(214, calc(var(--saturation-factor, 1)*9.9%), 50.4%)
}

.scopeInner-13uy_j {
    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-1rTJwW {
    font-weight: 500
}

.sectionLabel-eOcIZ3 {
    margin-bottom: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--header-secondary)
}

.icon-hDztL8 {
    width: 20px;
    height: 20px;
    color: #fff
}

.checkboxWrapper-2fDzaA {
    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-2fDzaA.row-31nALW {
    background-color: var(--background-secondary);
    padding: 10px;
    border-radius: 3px
}

.checkboxWrapper-2fDzaA.row-31nALW.checked-1pZh2h {
    background-color: var(--background-tertiary);
    color: var(--interactive-active)
}

.checkboxWrapper-2fDzaA.row-31nALW:hover:not(.checked-1pZh2h) {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.checkboxWrapper-2fDzaA.row-31nALW:active:not(.checked-1pZh2h) {
    background-color: var(--background-modifier-active);
    color: var(--interactive-active)
}

.checkboxWrapperDisabled-2lYviP {
    opacity: .6
}

.checkboxWrapperDisabled-2lYviP.row-31nALW {
    opacity: .3
}

.alignTop-1Vjj8q {
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top
}

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

.input-3xr72x {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.inputDefault-2F39XG,
.inputDisabled-sYasHz {
    width: 100%;
    height: 100%;
    z-index: 1
}

.inputDefault-2F39XG {
    cursor: pointer
}

.inputDisabled-sYasHz {
    cursor: not-allowed
}

.inputReadonly-33V1FI {
    cursor: default;
    width: 0;
    height: 0;
    z-index: -1
}

.box-BHImcZ {
    border-radius: 6px
}

.round-1RSG-3 {
    border-radius: 50%
}

.checkbox-f1HnKB {
    -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-1xtMHH {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0
}

.labelClickable-eiZOrp {
    cursor: pointer
}

.labelDisabled-3boYd2 {
    cursor: not-allowed
}

.labelForward-2yqkcf {
    padding-left: 8px
}

.labelReversed-mhwuFY {
    padding-right: 8px
}

.theme-light .checkbox-f1HnKB {
    border-color: #b9bbbe
}

.theme-light.checked-1pZh2h {
    background: #fff
}

.theme-dark .checkbox-f1HnKB {
    border-color: #72767d
}

.theme-dark.checked-1pZh2h {
    border-color: #fff;
    background-color: #fff
}

.botPermissions-1j4evs {
    border-bottom: 1px solid var(--background-modifier-accent);
    padding: 16px 0 32px
}

.permissionsList-3ebykI {
    -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-1N-MQ3,
.permissionsList-3ebykI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.permission-1N-MQ3 {
    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-3HLgCy {
    font-weight: 500;
    margin-top: 8px
}

.disabledPermissionsLabel-e7hPos {
    font-weight: 500;
    margin-top: 24px
}

.disabledPermissionIcon-23JWfZ {
    margin-right: 8px;
    width: 18px;
    height: 18px;
    border-radius: 10%;
    background-color: var(--status-danger);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.icon-30ublm {
    width: 18px;
    height: 18px;
    color: #fff
}

.hiddenVisually-2ydA7k,
.showOnFocus-2hCPKT:not(:focus-within) {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.menu-1QACrS {
    position: relative;
    z-index: 1;
    -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-1bVxF5 {
    padding: 6px 8px
}

.styleFixed-2_NfVL {
    width: 220px
}

.styleFlexible-x0_sIC {
    min-width: 188px;
    max-width: 320px
}

.item-1OdjEX {
    -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-1OdjEX.hideInteraction-2jPGL_ {
    cursor: default
}

.customItem-2CxBSo {
    color: var(--interactive-normal);
    border-color: var(--interactive-normal);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

.labelContainer-2vJzYL {
    -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-2gNW3x {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.subtext-2GlkbE {
    margin-top: 2px;
    white-space: normal
}

.iconContainer-1-SsTR {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
    margin-left: 8px
}

.iconContainerLeft-2NHJgN {
    margin-left: 0;
    margin-right: 8px
}

.icon-E4cW1l {
    width: 18px;
    height: 18px
}

.hintContainer-2UwhLP,
.imageContainer-1wSPgI {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-height: 18px;
    margin-left: 8px
}

.caret-2MOQD6,
.image-21g2ca {
    height: 18px
}

.caret-2MOQD6 {
    width: 18px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.disabled-oOAXat {
    cursor: pointer;
    pointer-events: none;
    opacity: .5
}

.separator-1So4YB {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 4px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.submenuContainer-3EVTeH {
    position: relative
}

.submenuPaddingContainer-_k62dJ {
    padding: 0 8px
}

.submenu-1apzyU {
    min-width: 188px;
    max-width: 320px
}

.colorDefault-CDqZdO {
    color: var(--interactive-normal);
    border-color: var(--interactive-normal)
}

.colorDefault-CDqZdO .subtext-2GlkbE {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 16px
}

.colorDefault-CDqZdO .checkbox-hADx5o,
.colorDefault-CDqZdO .radioSelection-1UHp0b {
    color: var(--brand-experiment-500)
}

.colorDefault-CDqZdO .check-3HZJs4 {
    color: #fff
}

.colorDefault-CDqZdO.focused-3qFvc8 {
    background-color: var(--brand-experiment-560);
    color: #fff
}

.colorDefault-CDqZdO.focused-3qFvc8 .checkbox-hADx5o,
.colorDefault-CDqZdO.focused-3qFvc8 .radioSelection-1UHp0b,
.colorDefault-CDqZdO.focused-3qFvc8 .subtext-2GlkbE {
    color: #fff
}

.colorDefault-CDqZdO.focused-3qFvc8 .check-3HZJs4 {
    color: var(--brand-experiment-560)
}

.colorDefault-CDqZdO:active:not(.hideInteraction-2jPGL_) {
    background-color: var(--brand-experiment-600);
    color: #fff
}

.colorBrand-3cPPsm {
    color: var(--brand-experiment-360)
}

.theme-light .colorBrand-3cPPsm:not(.focused-3qFvc8) {
    color: var(--brand-experiment-500)
}

.colorDanger-3n-KnP,
.colorDanger-3n-KnP .checkbox-hADx5o,
.colorDanger-3n-KnP .radioSelection-1UHp0b {
    color: var(--status-danger)
}

.colorDanger-3n-KnP.focused-3qFvc8 {
    background-color: var(--button-danger-background);
    color: #fff
}

.colorDanger-3n-KnP.focused-3qFvc8 .check-3HZJs4 {
    color: var(--status-danger)
}

.colorDanger-3n-KnP:active:not(.hideInteraction-2jPGL_) {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*56.3%), 40.4%);
    color: #fff
}

.colorPremium-vwmYZQ .icon-E4cW1l {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.colorPremium-vwmYZQ.focused-3qFvc8 .icon-E4cW1l,
.colorPremium-vwmYZQ:active:not(.hideInteraction-2jPGL_) .icon-E4cW1l {
    color: #fff
}

.colorGreen-pAT2NS,
.colorGreen-pAT2NS .checkbox-hADx5o,
.colorGreen-pAT2NS .radioSelection-1UHp0b {
    color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
}

.colorGreen-pAT2NS.focused-3qFvc8 {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%);
    color: #fff
}

.colorGreen-pAT2NS.focused-3qFvc8 .check-3HZJs4 {
    color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
}

.colorGreen-pAT2NS:active:not(.hideInteraction-2jPGL_) {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    color: #fff
}

.groupLabel-16o1xl {
    text-transform: uppercase;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 0
}

.loader-2Pi-2t {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px
}

.enable-forced-colors .menu-1QACrS {
    background-color: ButtonFace;
    border: 2px solid CanvasText
}

.enable-forced-colors .colorDefault-CDqZdO {
    background-color: ButtonFace;
    border: 1px solid ButtonFace;
    color: ButtonText
}

.enable-forced-colors .colorDefault-CDqZdO .subtext-2GlkbE {
    color: inherit
}

.enable-forced-colors .colorDefault-CDqZdO.focused-3qFvc8,
.enable-forced-colors .colorDefault-CDqZdO:hover {
    background-color: HighlightText;
    border-color: Highlight;
    color: Highlight
}

.enable-forced-colors .groupLabel-16o1xl,
.enable-forced-colors .groupLabel-16o1xl:hover,
.enable-forced-colors .hideInteraction-2jPGL_,
.enable-forced-colors .hideInteraction-2jPGL_:hover {
    background-color: ButtonFace;
    border-color: ButtonFace;
    color: CanvasText
}

.enable-forced-colors .disabled-oOAXat {
    background-color: Canvas;
    color: GrayText;
    opacity: 1
}

.arrow-2HswgU {
    -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-2HswgU.open-3oj_jh {
    -webkit-transform: translate3d(0, -3px, 0) rotate(-180deg);
    transform: translate3d(0, -3px, 0) rotate(-180deg)
}

.listWrapper-321ZVQ {
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.listHeight-3LiElf {
    visibility: hidden
}

.listItems-6eZzQ1 {
    contain: layout;
    position: absolute
}

.scroller-2MALzE {
    height: 100%
}

.loadingPopout-1feYe_ {
    background-color: var(--background-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px
}

.full-motion .translate-PeW1wK.animatorTop-3ltI52 {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.full-motion .translate-PeW1wK.animatorBottom-L63-7D {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

.full-motion .translate-PeW1wK.animatorLeft-3yvG13 {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.full-motion .translate-PeW1wK.animatorRight-xAUgTY {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.full-motion .translate-PeW1wK.animatorCenter-3Jet_R {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.full-motion .translate-PeW1wK.didRender-2SiRlm {
    -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-3UGUBw {
    -webkit-transform: scale(.01);
    transform: scale(.01);
    opacity: 0
}

.full-motion .scale-3UGUBw.animatorTop-3ltI52 {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.full-motion .scale-3UGUBw.animatorBottom-L63-7D {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.full-motion .scale-3UGUBw.animatorLeft-3yvG13 {
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.full-motion .scale-3UGUBw.animatorRight-xAUgTY {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.full-motion .scale-3UGUBw.didRender-2SiRlm {
    -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-1ICjW8 {
    opacity: 0
}

.fade-1ICjW8.didRender-2SiRlm {
    -webkit-transition: opacity .08s ease-out;
    transition: opacity .08s ease-out;
    opacity: 1
}

.loader-3kMIG8 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.select-1Ia3hD {
    border: 1px solid transparent;
    padding: 8px 8px 8px 12px;
    cursor: pointer;
    -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
}

.select-1Ia3hD,
.wrapper-1b33hy {
    color: var(--text-normal);
    font-weight: 500
}

.searchable-22AIU7 {
    padding-top: 8px;
    padding-bottom: 8px
}

.searchInput-3pIoTy {
    cursor: pointer;
    background: inherit;
    color: inherit;
    border: none;
    font-size: 16px;
    padding: 0;
    width: 100%
}

.searchInput-3pIoTy.multi-1HXDiv {
    width: auto;
    height: 32px;
    margin-left: 4px
}

.editing-1dhWaY {
    font-weight: 400
}

.label-dyK79S {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 16px;
    left: 12px
}

.open-1FRZsK {
    border-radius: 4px 4px 0 0;
    border-bottom-color: transparent
}

.selectPositionTop-1Xy1Sp.open-1FRZsK {
    border-radius: 0 0 4px 4px
}

.disabled-28GpyJ,
.disabled-28GpyJ * {
    cursor: not-allowed;
    opacity: .6
}

.placeholder-2XdCpg,
.value-26hJ01 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.placeholder-2XdCpg {
    color: var(--text-muted)
}

.measurement-3UpG9x {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lookFilled-1GseHa.select-1Ia3hD {
    background-color: var(--input-background);
    border-color: var(--input-background)
}

.popout-1KHNAq {
    -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
}

.popout-1KHNAq.popoutPositionTop-1GenHR {
    border-radius: 4px 4px 0 0
}

.lookFilled-1GseHa.popout-1KHNAq {
    border-radius: 0 0 3px 3px
}

.lookFilled-1GseHa.popout-1KHNAq.popoutPositionTop-1GenHR {
    border-radius: 3px 3px 0 0
}

.lookFilled-1GseHa.option-2eIyOn,
.lookFilled-1GseHa.select-1Ia3hD:hover.option-2eIyOn {
    border-bottom-color: var(--brand-experiment);
    border-color: var(--brand-experiment) var(--brand-experiment) var(--background-tertiary)
}

.option-2eIyOn {
    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-2eIyOn.focused-ODgjnC,
.option-2eIyOn:focus,
.option-2eIyOn:hover {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.option-2eIyOn[aria-selected=true]:not(.option-2eIyOn.multi-1HXDiv) {
    color: var(--interactive-active);
    background-color: var(--background-modifier-selected)
}

.selectedIcon-19TbzU {
    color: var(--brand-experiment)
}

.icons-2dXYop {
    gap: 4px
}

.icons-2dXYop,
.value-26hJ01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.value-26hJ01 {
    gap: 8px
}

.clear-1k4nWg {
    display: block;
    cursor: pointer
}

.noResults-1LND8K {
    padding: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--background-secondary);
    width: 100%
}

.loading-k6z18Q,
.noResults-1LND8K {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.loading-k6z18Q {
    height: 40px
}

.loadingSpinner-3beGq2 {
    background-color: var(--interactive-active)
}

.wrapper-1b33hy {
    display: grid;
    grid-template-columns: 1fr auto
}

.wrapper-1b33hy .select-1Ia3hD {
    grid-column: 1/span 2;
    grid-row: 1;
    padding: 10px 12px;
    padding-right: calc(24px + var(--icons-width))
}

.wrapper-1b33hy .select-1Ia3hD.multi-1HXDiv {
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 0
}

.wrapper-1b33hy .icons-2dXYop {
    grid-column: 2;
    grid-row: 1;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px;
    pointer-events: none
}

.icons-2dXYop.multi-1HXDiv {
    height: 42px
}

.clear-1k4nWg {
    pointer-events: all
}

.wrapper-1b33hy .value-26hJ01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wrapper-1b33hy .value-26hJ01.multi-1HXDiv {
    display: block;
    white-space: normal
}

.wrapper-1b33hy .searchInput-3pIoTy {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.searchableSelect-3JyTyn .option-2eIyOn {
    display: grid;
    grid-template-areas: "prefix content suffix selectedIcon";
    grid-template-columns: auto 1fr auto auto;
    -ms-flex-line-pack: center;
    align-content: center
}

.searchableSelect-3JyTyn .prefix-2jUo7Z {
    grid-area: prefix;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.searchableSelect-3JyTyn .suffix-jMtlz5 {
    grid-area: suffix;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.searchableSelect-3JyTyn .content-2I4Lyb {
    grid-area: content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.searchableSelect-3JyTyn .selectedIcon-19TbzU {
    grid-area: selectedIcon
}

.optionPillWrapper-2JgA7V {
    padding: 0;
    min-width: auto;
    width: auto
}

.optionPillContainer-3J3PI_ {
    display: inline
}

.optionPillItem-3sx4uB {
    margin-right: 4px
}

.optionPill-3_uSHD,
.optionPillItem-3sx4uB {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.optionPill-3_uSHD {
    background: var(--background-primary);
    color: var(--interactive-active);
    padding: 6px 8px;
    border-radius: 2px;
    font-size: 16px;
    line-height: 20px
}

.optionPillBtn-3r5nCw {
    padding: 0;
    min-width: 0;
    height: auto;
    min-height: auto
}

.deleteOptionIcon-36xoR8 {
    color: var(--interactive-normal);
    margin-left: 8px
}

.optionPillItem-3sx4uB,
.searchInput-3pIoTy.multi-1HXDiv {
    margin-top: 4px
}

.noScrollbar-3FRBw7 {
    scrollbar-width: 0
}

.noScrollbar-3FRBw7::-webkit-scrollbar {
    width: 0;
    height: 0
}

.multiSelectCheckbox-3Z4-q7 {
    grid-area: selectedIcon;
    border-radius: 4px;
    width: 20px;
    height: 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
}

.multiSelectCheckbox-3Z4-q7.unchecked-4G-ZV0 {
    border: 2px solid var(--interactive-normal)
}

.multiSelectCheckbox-3Z4-q7.checked-2jVMtE {
    border: 1px solid hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    background: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.multiSelectCheck-MtJ2Pz {
    color: #fff
}

.optionPill-3_uSHD {
    display: grid;
    grid-template-areas: "prefix content suffix clearIcon";
    grid-template-columns: auto 1fr auto auto;
    -ms-flex-line-pack: center;
    align-content: center
}

.optionPill-3_uSHD .prefix-2jUo7Z {
    grid-area: prefix;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.optionPill-3_uSHD .suffix-jMtlz5 {
    grid-area: suffix;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.optionPill-3_uSHD .content-2I4Lyb {
    grid-area: content
}

.optionPill-3_uSHD .deleteOptionIcon-36xoR8 {
    grid-area: clearIcon
}

.enable-forced-colors .select-1Ia3hD {
    background-color: Canvas;
    border-color: ButtonText
}

.enable-forced-colors .open-1FRZsK {
    border-color: Highlight
}

.enable-forced-colors .disabled-28GpyJ,
.enable-forced-colors .disabled-28GpyJ * {
    border-color: GrayText;
    color: GrayText;
    opacity: 1
}

.enable-forced-colors .placeholder-2XdCpg {
    color: GrayText
}

.enable-forced-colors .option-2eIyOn {
    background-color: Canvas;
    border: 1px solid Canvas;
    color: CanvasText
}

.enable-forced-colors .option-2eIyOn.focused-ODgjnC,
.enable-forced-colors .option-2eIyOn:focus,
.enable-forced-colors .option-2eIyOn:hover {
    background-color: ButtonFace;
    border-color: ButtonText;
    color: ButtonText
}

.enable-forced-colors .option-2eIyOn[aria-selected=true] {
    background-color: HighlightText !important;
    color: Highlight !important
}

.enable-forced-colors .option-2eIyOn[aria-selected=true].focused-ODgjnC,
.enable-forced-colors .option-2eIyOn[aria-selected=true]:focus,
.enable-forced-colors .option-2eIyOn[aria-selected=true]:hover {
    border-color: Highlight !important
}

.enable-forced-colors .selectedIcon-19TbzU {
    color: Highlight
}


.label-3Vh14N {
    margin-top: 8px;
    font-weight: 500
}

.sectionLabel-3kYzE9 {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--header-secondary)
}
.theme-dark .tooltip-14MtrL,
.theme-light .tooltip-14MtrL {
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    color: var(--text-normal)
}

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

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

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

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

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

.theme-dark .tooltipGrey-lpLZjh .tooltipPointer-3L49xb,
.theme-light .tooltipGrey-lpLZjh .tooltipPointer-3L49xb {
    border-top-color: #202225
}

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

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

.theme-dark .tooltipRed-2z14Wl,
.theme-light .tooltipRed-2z14Wl {
    color: #fff;
    background-color: var(--status-danger)
}

.theme-dark .tooltipRed-2z14Wl .tooltipPointer-3L49xb,
.theme-light .tooltipRed-2z14Wl .tooltipPointer-3L49xb {
    border-top-color: var(--status-danger)
}

.theme-dark .tooltipGreen-oouJdx,
.theme-light .tooltipGreen-oouJdx {
    color: #fff;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.theme-dark .tooltipGreen-oouJdx .tooltipPointer-3L49xb,
.theme-light .tooltipGreen-oouJdx .tooltipPointer-3L49xb {
    border-top-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

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

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

.enable-forced-colors .tooltip-14MtrL {
    border: 1px solid CanvasText
}

.enable-forced-colors .tooltipPointer-3L49xb {
    background-color: CanvasText;
    border: none;
    border-radius: 100%;
    height: 10px;
    width: 10px
}

.botTag-7aX5WZ {
    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-MnE_OR.botTag-7aX5WZ {
    height: 15px;
    padding: 0 4px;
    margin-top: 1px;
    border-radius: 3px
}

.rem-3kT9wc.botTag-7aX5WZ {
    height: .9375rem;
    padding: 0 .275rem;
    margin-top: .075em;
    border-radius: .1875rem
}

.rem-3kT9wc.botTag-7aX5WZ.botTagOP-3pUTXu {
    border-radius: .4rem
}

.botTagRegular-kpctgU {
    background: var(--brand-experiment);
    color: #fff
}

.botTagInvert-1nKcq_ {
    background: #fff;
    color: var(--brand-experiment)
}

.botTagVerified-2KCPMa {
    display: inline-block
}

.px-MnE_OR .botTagVerified-2KCPMa {
    width: 15px;
    height: 15px;
    margin-left: -4px
}

.rem-3kT9wc .botTagVerified-2KCPMa {
    width: .9375rem;
    height: .9375rem;
    margin-left: -.25rem
}

.botText-1fD6Qk {
    position: relative;
    font-weight: 500;
    vertical-align: top
}

.px-MnE_OR .botText-1fD6Qk {
    font-size: 10px;
    line-height: 15px
}

.rem-3kT9wc .botText-1fD6Qk {
    line-height: .9375rem
}

.botTagOP-3pUTXu {
    color: hsl(235, calc(var(--saturation-factor, 1)*51.4%), 52.4%);
    background-color: hsl(235, calc(var(--saturation-factor, 1)*86.2%), 88.6%);
    border-radius: 8px
}

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

.dots-1BwzZQ.themed-3T-OPr {
    color: var(--text-normal)
}

.mask-2Me5HY {
    display: block
}

.status-2DiCMd {
    width: 100%;
    height: 100%
}

.wrapper-1VLyxH {
    position: relative;
    border-radius: 50%
}

.pointer-5RhfHK {
    cursor: pointer
}

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

.status-1CWzUb,
.svg-2azL_l {
    position: absolute
}

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

.cursorDefault--wfhy5 {
    cursor: default
}

.avatarStack-3vfSFa {
    display: grid;
    width: 100%;
    height: 100%
}

.avatar-b5OQ1N,
.avatarSpeaking-33RRJU {
    width: 100%;
    height: 100%;
    grid-area: 1/1
}

.avatar-b5OQ1N {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    border-radius: 50%;
}

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

.avatarSpeaking-33RRJU {
    -webkit-box-shadow: inset 0 0 0 2px hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%), inset 0 0 0 3px var(--background-secondary);
    box-shadow: inset 0 0 0 2px hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%), inset 0 0 0 3px var(--background-secondary);
    border-radius: 50%
}

.pointerEvents-9SZWKj {
    pointer-events: auto
}

.header-3cN3a_ {
    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-3zxKgu {
    font-weight: 700
}

.label-r9Wugd {
    margin: 8px 0
}

.currentUser-3wS6ED,
.label-r9Wugd {
    font-weight: 500
}

.currentUserTag-3zOVLJ {
    display: inline
}

.currentUserDiscriminator-3BLi9D {
    display: inline;
    color: var(--interactive-normal)
}

.logoutLink-mirmUT {
    margin-left: 8px;
    color: var(--brand-experiment)
}

.headerIcons-ICsYI5 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

.ellipseGroup-109a7Q,
.headerIcons-ICsYI5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ellipseGroup-109a7Q {
    margin: 0 24px
}

.ellipse-3ghlOA {
    width: 4px;
    height: 4px;
    margin: 0 2px;
    background-color: var(--header-primary);
    opacity: .1;
    border-radius: 50%
}

.botTag-UPkL8E {
    margin-top: 4px !important;
    margin-left: 8px
}

.image-3yFrLs {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .2s linear .2s;
    transition: opacity .2s linear .2s
}

.image-3yFrLs.loaded-208lqP {
    opacity: 1
}

.logo-2Rw1Ex {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 130px;
    height: 36px;
    background: url(/assets/22fd790491653d837422d80e3500cf92.svg) no-repeat
}

.canvas-2dBZRV {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.canvas-2dBZRV,
.fallbackImage-kwjEnv {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none
}

.fallbackImage-kwjEnv {
    width: 100%;
    height: 85%;
    min-width: 780px;
    min-height: 780px;
    max-width: 1000px;
    max-height: 1000px;
    background: url(/assets/c5c565a8b7cb84db7409e4052ead36fe.png) 0 0/contain no-repeat;
    border: none;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.visible-3f3yOU {
    opacity: 1
}

.embedded-2BXJus {
    position: absolute
}

.oauth2Wrapper-p_8bbd {
    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: 5px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    background-color: var(--background-floating)
}

.wrapper-3xpz8m {
    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-1Qp_Ej {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block
}

.text-1yBazx {
    margin-top: 24px;
    text-align: center
}

.headerSuccess-3n55Ht {
    width: 158px;
    height: 130px;
    background: url(/assets/490864169c9ad323ba882ed7a388ca64.svg) no-repeat
}

.headerFailure-tSGJRv {
    width: 92px;
    height: 92px;
    background: url(/assets/0465bf5dca08d42fb8b642ecba138d03.svg) no-repeat
}

.closeButton-aYuW2o {
    position: absolute;
    right: 12px;
    top: 12px;
    opacity: .8
}

.footer-3Gu_Tl {
    padding: 16px;
    border-radius: 0 0 5px 5px;
    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-3Gu_Tl {
        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-3Gu_Tl button {
        margin-top: 8px
    }
}

.authorize-2xTTr- {
    width: 100%;
    height: 100%;
    background-color: var(--background-floating)
}

.authorize-2xTTr-,
.captcha-1iq3Zi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.captcha-1iq3Zi {
    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-3tgZDU {
    font-weight: 500;
    margin-bottom: 20px
}

.recaptcha-37Nudl {
    height: 80px
}

.content-3oGIwf {
    padding: 0 16px
}

.scrollContent-_1I-44 {
    padding: 0 8px 0 16px !important
}

.anchor-1MIwyf {
    color: var(--text-link);
    text-decoration: none
}

.low-saturation .anchor-1MIwyf {
    color: LinkText;
    text-decoration: underline;
    color: var(--text-link-low-saturation)
}

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

.enable-forced-colors .anchor-1MIwyf,
.enable-forced-colors .anchorUnderlineOnHover-2qPutX {
    background-color: Canvas;
    color: LinkText;
    text-decoration: underline
}

.enable-forced-colors .anchor-1MIwyf svg,
.enable-forced-colors .anchorUnderlineOnHover-2qPutX svg {
    color: currentColor
}

.wrapper-3AZUiP {
    overflow: hidden;
    min-height: 100vh;
    background-size: cover;
    color: var(--text-normal);
    background-color: var(--background-secondary);
    background-position: 50% 0
}

.flexWrapper-2VyHoE {
    height: 100vh
}

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

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

.note-Ph806N {
    font-size: 16px;
    color: var(--text-muted)
}

.note-Ph806N,
.title-NjUt5y {
    text-align: center
}

.title-NjUt5y {
    font-size: 24px;
    line-height: 8px;
    margin-bottom: 24px;
    font-weight: 600;
    color: var(--header-primary)
}

.theme-light .wrapper-3AZUiP {
    background-image: url(/assets/86548cb347b5acfb41bcb328c89b9bdc.svg)
}

.theme-light .image-35kDIs {
    background-image: url(/assets/0a111abac0327b74a86ee380548ec5cd.svg)
}

.theme-dark .wrapper-3AZUiP {
    background-image: url(/assets/86548cb347b5acfb41bcb328c89b9bdc.svg)
}

.theme-dark .image-35kDIs {
    background-image: url(/assets/5656f17248cf747f56433a1d60c8c1bf.svg)
}

.titleBar-1it3bQ {
    z-index: 3001;
    -webkit-app-region: drag;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.withFrame-2dL45i {
    height: 18px;
    margin-top: 4px
}

.typeMacOS-3V4xXE {
    position: absolute;
    width: 72px
}

.typeMacOSWithFrame-1XEpN7 .macButtons-eIdy0e {
    margin-top: -2px;
    margin-right: -70px
}

.wordmark-2u86JB {
    pointer-events: none;
    font-size: 0
}

.wordmarkWindows-2dq6rw {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 9px 3px;
    color: var(--text-muted)
}

.wordmarkMacOS-2DZWaT {
    margin: 0 auto
}

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

.winButtonMinMax-3RsPUg:hover {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.winButtonMinMax-3RsPUg:active {
    background-color: var(--background-modifier-active);
    color: var(--interactive-active)
}

.winButtonClose-3Q8ZH5:hover {
    color: #fff;
    background-color: var(--status-danger)
}

.winButton-3UMjdg {
    color: var(--interactive-normal)
}

.macButtons-eIdy0e {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70px;
    padding: 10px
}

.macButtons-eIdy0e svg {
    display: block;
    visibility: hidden
}

.focused-Xb9BI5 .macButtons-eIdy0e:hover svg {
    visibility: visible
}

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

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

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

.macButtonMinimize-Q8clSI {
    background-color: #fdbc40
}

.macButtonMinimize-Q8clSI:active {
    background-color: #ca9633
}

.macButtonClose-3IXwAm {
    background-color: #fc615d
}

.macButtonClose-3IXwAm:active {
    background-color: #ca4e4a
}

.unfocused-1U-yOa .macButtonClose-3IXwAm,
.unfocused-1U-yOa .macButtonMaximize-1vTCwt,
.unfocused-1U-yOa .macButtonMinimize-Q8clSI {
    background-color: var(--background-modifier-accent)
}

.container-3ysAGy {
    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-3-Gngr {
    width: auto;
    min-height: auto
}

.content-2MSDVx {
    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-2D5YBQ {
    display: none
}

.notTracked-193AS6 {
    color: var(--text-muted)
}

.label-2AMd7f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.baseIcon-sFdzG1 {
    width: 12px;
    height: 12px
}

.iconNotTracked-apg9zn {
    color: hsl(210, calc(var(--saturation-factor, 1)*9.8%), 80%)
}

.iconTracked-f2LnPm {
    color: var(--status-positive)
}

.minimizeButton-2_AuqA {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    cursor: pointer
}

.jsonSection-3yB9ax {
    margin-left: 8px;
    margin-bottom: 8px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.stack-l3M26I {
    color: var(--text-muted)
}

.current-WzpAFB {
    color: var(--text-normal)
}

[data-popout-root],
html {
    --brand-experiment-100: hsl(240, calc(var(--saturation-factor, 1)*77.8%), 98.2%);
    --brand-experiment-130: hsl(236, calc(var(--saturation-factor, 1)*87.5%), 96.9%);
    --brand-experiment-160: hsl(235, calc(var(--saturation-factor, 1)*84.6%), 94.9%);
    --brand-experiment-200: hsl(236, calc(var(--saturation-factor, 1)*83.3%), 92.9%);
    --brand-experiment-230: hsl(236, calc(var(--saturation-factor, 1)*87%), 91%);
    --brand-experiment-260: hsl(235, calc(var(--saturation-factor, 1)*86.2%), 88.6%);
    --brand-experiment-300: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 85.9%);
    --brand-experiment-330: hsl(235, calc(var(--saturation-factor, 1)*85.1%), 81.6%);
    --brand-experiment-360: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%);
    --brand-experiment-400: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 71.8%);
    --brand-experiment-430: hsl(235, calc(var(--saturation-factor, 1)*85.7%), 69.8%);
    --brand-experiment-460: hsl(235, calc(var(--saturation-factor, 1)*85.5%), 67.5%);
    --brand-experiment: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --brand-experiment-500: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --brand-experiment-530: hsl(235, calc(var(--saturation-factor, 1)*66.7%), 58.8%);
    --brand-experiment-560: hsl(235, calc(var(--saturation-factor, 1)*51.4%), 52.4%);
    --brand-experiment-600: hsl(235, calc(var(--saturation-factor, 1)*46.7%), 44.1%);
    --brand-experiment-630: hsl(235, calc(var(--saturation-factor, 1)*46.7%), 38.2%);
    --brand-experiment-660: hsl(235, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    --brand-experiment-700: hsl(235, calc(var(--saturation-factor, 1)*47%), 25.9%);
    --brand-experiment-730: hsl(235, calc(var(--saturation-factor, 1)*46.8%), 24.3%);
    --brand-experiment-760: hsl(234, calc(var(--saturation-factor, 1)*46.9%), 22.2%);
    --brand-experiment-800: hsl(235, calc(var(--saturation-factor, 1)*47.5%), 19.4%);
    --brand-experiment-830: hsl(235, calc(var(--saturation-factor, 1)*47.4%), 14.9%);
    --brand-experiment-860: hsl(235, calc(var(--saturation-factor, 1)*46.9%), 9.6%);
    --brand-experiment-900: hsl(233, calc(var(--saturation-factor, 1)*50%), 3.1%);
    --brand-experiment-05a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.05);
    --brand-experiment-10a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.1);
    --brand-experiment-15a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.15);
    --brand-experiment-20a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.2);
    --brand-experiment-25a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.25);
    --brand-experiment-30a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.3);
    --brand-experiment-35a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.35);
    --brand-experiment-40a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.4);
    --brand-experiment-45a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.45);
    --brand-experiment-50a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.5);
    --brand-experiment-55a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.55);
    --brand-experiment-60a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.6);
    --brand-experiment-65a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.65);
    --brand-experiment-70a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.7);
    --brand-experiment-75a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.75);
    --brand-experiment-80a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.8);
    --brand-experiment-85a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.85);
    --brand-experiment-90a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.9);
    --brand-experiment-95a: hsla(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%, 0.95)
}

[data-popout-root].low-saturation,
html.low-saturation {
    --control-brand-foreground: var(--interactive-normal)
}

html.disable-forced-colors * {
    forced-color-adjust: none
}

.platform-osx .drag-2yz2Kd {
    -webkit-app-region: drag;
    position: absolute;
    width: 100%;
    padding-top: 32px
}

.root-2zfUH6 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    contain: strict;
    pointer-events: all
}

.enter-1dUUmT,
.enterReducedMotion-MMuKHV,
.exit-2o9TuE,
.exitReducedMotion-e6W1Hw {
    -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-1dUUmT {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.enter-1dUUmT,
.enterReducedMotion-MMuKHV {
    opacity: 0
}

.exit-2o9TuE {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.exit-2o9TuE,
.exitReducedMotion-e6W1Hw {
    opacity: 1
}

.enterActive-3VkCa2,
.enterDone-menWZ8 {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.enterActiveReducedMotion-3GenYC,
.enterDoneReducedMotion-31m4p5 {
    opacity: 1
}

.exitActive-30x53Q,
.exitDone-3ZOdrc {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.exitActiveReducedMotion-TnDyft,
.exitDoneReducedMotion-2DPO6P {
    opacity: 0
}

.toast-q3Y4wI {
    background-color: var(--background-tertiary);
    border-radius: 32px;
    margin-bottom: 12px;
    line-height: 24px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon-2QUmmw {
    margin-right: 8px;
    margin-top: -2px
}

.container-Sxc1z3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 36px;
    z-index: 4999;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.errorPage-2pZ2Kq {
    width: 100%
}

.buttons-228G5H {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.clearOverrideButton-1QY45f {
    margin-left: 8px
}

.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-1yrGTe {
    position: absolute;
    width: 100%;
    height: 100vh;
    background: var(--background-secondary);
    color: var(--text-normal)
}

.downloadApps-14IgKV {
    border-radius: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 880px;
    min-height: 387px;
    padding: 32px;
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1px rgba(185, 187, 190, .3), 0 2px 10px 0 rgba(0, 0, 0, .1) !important;
    box-shadow: 0 0 0 1px rgba(185, 187, 190, .3), 0 2px 10px 0 rgba(0, 0, 0, .1) !important
}

.contentWrapper-1OoQ1E,
.downloadApps-14IgKV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contentWrapper-1OoQ1E {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.inner-2b28EM {
    -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
}

.header-1lOVWt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px;
    color: #060607
}

.footer-2TRYcZ,
.header-1lOVWt {
    text-align: center
}

.footer-2TRYcZ {
    margin-top: 32px;
    color: #2e3338
}

.footer-2TRYcZ a {
    color: hsl(212, calc(var(--saturation-factor, 1)*100%), 43.9%);
    text-decoration: none;
    cursor: pointer
}

.footer-2TRYcZ a:hover {
    text-decoration: underline
}

.platformsWrap-2fJSMn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.platformsWrap-2fJSMn:last-child {
    margin-top: 32px
}

.platform-1ZMvDu,
.platforms-15zUsJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.platform-1ZMvDu {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 2px solid #747f8d;
    padding: 32px 12px 12px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 8px;
    margin-left: 15px;
    height: 260px;
    width: 196px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.platform-1ZMvDu.active-1j5w_A {
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
    border-color: var(--brand-experiment)
}

.platform-1ZMvDu.active-1j5w_A .icon-1DpQvw {
    opacity: 0
}

.platform-1ZMvDu.active-1j5w_A .icon-1DpQvw.active-1j5w_A {
    opacity: 1
}

.platform-1ZMvDu.active-1j5w_A p {
    color: var(--brand-experiment)
}

.platform-1ZMvDu.active-1j5w_A .downloadButton-2XskEc {
    background-color: var(--brand-experiment)
}

.platformName-2q088w {
    color: #060607;
    text-align: center
}

.iconWrap-smv3Q2 {
    position: relative;
    width: 100px;
    height: 100px
}

.icon-1DpQvw,
.iconWrap-smv3Q2 {
    -ms-flex-item-align: center;
    align-self: center
}

.icon-1DpQvw {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%
}

.icon-1DpQvw.active-1j5w_A {
    opacity: 0
}

.icon-1DpQvw.apple-2JpmhQ {
    background-image: url(/assets/9aaa6213fb0f5a266ceeb9395375ef8e.svg)
}

.icon-1DpQvw.apple-2JpmhQ.active-1j5w_A {
    background-image: url(/assets/dbca7d266dfd0c9bcf90013cb4a2814b.svg)
}

.icon-1DpQvw.android-3mge-V {
    background-position: bottom;
    background-image: url(/assets/4505cadcbd8107f1b72d0321f6800de5.svg)
}

.icon-1DpQvw.android-3mge-V.active-1j5w_A {
    background-image: url(/assets/6e59980470e93127806be9304b7dc2ec.svg)
}

.icon-1DpQvw.windows-3OwY2U {
    background-image: url(/assets/1b30c341ef8e07222e5fbb4982b15fed.svg)
}

.icon-1DpQvw.windows-3OwY2U.active-1j5w_A {
    background-image: url(/assets/4f2de8336d160442c074045047924e95.svg)
}

.icon-1DpQvw.linux-3peDIO {
    background-image: url(/assets/dced41c080d0a15787074c0c828b094c.svg)
}

.icon-1DpQvw.linux-3peDIO.active-1j5w_A {
    background-image: url(/assets/acdcdf7b374842a2904df0c9bf4cea9f.svg)
}

.icon-1DpQvw.ios-1HSYVJ {
    background-image: url(/assets/f0b5aa3811bdd1f1c230a55a9dae5c55.svg)
}

.icon-1DpQvw.ios-1HSYVJ.active-1j5w_A {
    background-image: url(/assets/de09c1a167a87741246b9f3ec239e0ea.svg)
}

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

.list-barGc3 .downloadButton-2XskEc {
    width: 65px
}

.list-barGc3 .downloadButton-2XskEc:last-child {
    margin-left: 12px
}

.downloadButton-2XskEc {
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    background-color: #747f8d;
    text-align: center;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    padding: 12px 0;
    margin-top: 16px;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.modalCloseButton-3lATJk {
    color: #4f5660;
    position: absolute;
    top: 12px;
    right: 12px
}

.modalCloseButton-3lATJk:hover {
    color: #2e3338
}

.content-26qlhD {
    padding-bottom: 20px
}

.app-3xd6d0,
.mobileApp-3_TCAV {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    z-index: auto
}

.mobileApp-3_TCAV {
    overflow: auto
}

.modal-2RrUKJ {
    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-2RrUKJ {
    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-2RrUKJ {
    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-syGkV0 {
    width: 440px;
    max-height: 660px;
    min-height: 200px
}

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

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

@media (max-width:485px) {

    .sizeLarge-D4HafV,
    .sizeMedium-2Q3COE,
    .sizeSmall-syGkV0 {
        min-width: auto;
        width: 96%;
        -ms-flex-item-align: center;
        align-self: center;
        max-height: 100vh
    }

    .fullscreenOnMobile-2W5b6w {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: 0;
        overflow-y: auto
    }

    .fullscreenOnMobile-2W5b6w .footer-1Ip3Sd,
    .fullscreenOnMobile-2W5b6w .header-2w6VV8 {
        border-radius: 0
    }

    .hideOnFullscreen-2JU4c_ {
        display: none
    }
}

.app-2CXKsg {
    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-2CXKsg button {
    cursor: pointer
}

.layers-1YQhyW {
    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
}

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: Ginto, "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-headline: Ginto Nord, Ginto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-korean: Whitney, "Apple SD Gothic Neo", "NanumBarunGothic", "\B9D1\C740   \ACE0\B515", "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "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", 微软雅黑, "Microsoft Yahei", "Microsoft JhengHei", 宋体, SimSun, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-chinese-traditional: Whitney, "Microsoft JhengHei", 微軟正黑體, "Microsoft JhengHei UI", "Microsoft YaHei", 微軟雅黑, 宋体, SimSun, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.theme-dark {
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #dcddde;
    --text-muted: #a3a6aa;
    --text-link: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%);
    --text-link-low-saturation: hsl(197, calc(var(--saturation-factor, 1)*100%), 52.9%);
    --text-positive: hsl(139, calc(var(--saturation-factor, 1)*51.6%), 52.2%);
    --text-warning: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%);
    --text-danger: hsl(359, calc(var(--saturation-factor, 1)*82%), 73.9%);
    --text-brand: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%);
    --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-nested-floating: #2f3136;
    --background-mobile-primary: #36393f;
    --background-mobile-secondary: #2f3136;
    --background-modifier-hover: rgba(79, 84, 92, 0.4);
    --background-modifier-active: rgba(79, 84, 92, 0.6);
    --background-modifier-selected: rgba(79, 84, 92, 0.6);
    --background-modifier-accent: rgba(79, 84, 92, 0.48);
    --info-positive-background: hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0.1);
    --info-positive-foreground: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    --info-positive-text: #fff;
    --info-warning-background: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, 0.1);
    --info-warning-foreground: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%);
    --info-warning-text: #fff;
    --info-danger-background: hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, 0.1);
    --info-danger-foreground: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    --info-danger-text: #fff;
    --info-help-background: hsla(197, calc(var(--saturation-factor, 1)*100%), 47.8%, 0.1);
    --info-help-foreground: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%);
    --info-help-text: #fff;
    --status-positive-background: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    --status-positive-text: #fff;
    --status-warning-background: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%);
    --status-warning-text: #000;
    --status-danger-background: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    --status-danger-text: #fff;
    --status-danger: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    --status-positive: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    --status-warning: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%);
    --button-danger-background: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --button-danger-background-hover: hsl(359, calc(var(--saturation-factor, 1)*56.3%), 40.4%);
    --button-danger-background-active: hsl(359, calc(var(--saturation-factor, 1)*56.4%), 35.1%);
    --button-danger-background-disabled: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --button-positive-background: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    --button-positive-background-hover: hsl(138, calc(var(--saturation-factor, 1)*46.8%), 24.3%);
    --button-positive-background-active: hsl(138, calc(var(--saturation-factor, 1)*46.9%), 22.2%);
    --button-positive-background-disabled: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    --button-secondary-background: #4f545c;
    --button-secondary-background-hover: #686d73;
    --button-secondary-background-active: #72767d;
    --button-secondary-background-disabled: #4f545c;
    --button-outline-danger-text: #fff;
    --button-outline-danger-border: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    --button-outline-danger-background: hsla(0, 0%, 100%, 0);
    --button-outline-danger-background-hover: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --button-outline-danger-text-hover: #fff;
    --button-outline-danger-border-hover: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --button-outline-danger-background-active: hsl(359, calc(var(--saturation-factor, 1)*56.7%), 48%);
    --button-outline-danger-text-active: #fff;
    --button-outline-danger-border-active: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --button-outline-positive-text: #fff;
    --button-outline-positive-border: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    --button-outline-positive-background: hsla(0, 0%, 100%, 0);
    --button-outline-positive-background-hover: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    --button-outline-positive-text-hover: #fff;
    --button-outline-positive-border-hover: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    --button-outline-positive-background-active: hsl(138, calc(var(--saturation-factor, 1)*46.8%), 24.3%);
    --button-outline-positive-text-active: #fff;
    --button-outline-positive-border-active: hsl(138, calc(var(--saturation-factor, 1)*46.8%), 24.3%);
    --button-outline-brand-text: #fff;
    --button-outline-brand-border: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --button-outline-brand-background: hsla(0, 0%, 100%, 0);
    --button-outline-brand-background-hover: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --button-outline-brand-text-hover: #fff;
    --button-outline-brand-border-hover: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --button-outline-brand-background-active: hsl(235, calc(var(--saturation-factor, 1)*51.4%), 52.4%);
    --button-outline-brand-text-active: #fff;
    --button-outline-brand-border-active: hsl(235, calc(var(--saturation-factor, 1)*51.4%), 52.4%);
    --button-outline-primary-text: #fff;
    --button-outline-primary-border: #4f545c;
    --button-outline-primary-background: hsla(0, 0%, 100%, 0);
    --button-outline-primary-background-hover: #4f545c;
    --button-outline-primary-text-hover: #fff;
    --button-outline-primary-border-hover: #4f545c;
    --button-outline-primary-background-active: #686d73;
    --button-outline-primary-text-active: #fff;
    --button-outline-primary-border-active: #686d73;
    --scrollbar-thin-thumb: #202225;
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: #202225;
    --scrollbar-auto-track: hsl(210, calc(var(--saturation-factor, 1)*9.8%), 20%);
    --scrollbar-auto-scrollbar-color-thumb: #202225;
    --scrollbar-auto-scrollbar-color-track: #2f3136;
    --input-background: #202225;
    --input-placeholder-text: hsl(216, calc(var(--saturation-factor, 1)*2.1%), 53.9%);
    --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: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%);
    --control-brand-foreground-new: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%);
    --background-mentioned: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, 0.1);
    --background-mentioned-hover: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, 0.08);
    --background-message-hover: rgba(4, 4, 5, 0.07);
    --background-message-automod: hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, 0.05);
    --background-message-automod-hover: hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, 0.1);
    --channels-default: #96989d;
    --channel-icon: #72767d;
    --channel-text-area-placeholder: #72767d;
    --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    --channeltextarea-background: #40444b;
    --activity-card-background: #202225;
    --textbox-markdown-syntax: #8e9297;
    --spoiler-revealed-background: #292b2f;
    --spoiler-hidden-background: #202225;
    --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: #202225;
    --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 {
    --focus-primary: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%)
}

.theme-light {
    --header-primary: #060607;
    --header-secondary: #4f5660;
    --text-normal: #2e3338;
    --text-muted: #5e6772;
    --text-link: hsl(212, calc(var(--saturation-factor, 1)*100%), 43.9%);
    --text-link-low-saturation: hsl(212, calc(var(--saturation-factor, 1)*100%), 43.9%);
    --text-positive: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    --text-warning: hsl(38, calc(var(--saturation-factor, 1)*81.5%), 31.8%);
    --text-danger: hsl(359, calc(var(--saturation-factor, 1)*56.3%), 40.4%);
    --text-brand: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --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: #6a7480;
    --background-floating: #fff;
    --background-nested-floating: #fff;
    --background-mobile-primary: #f8f9f9;
    --background-mobile-secondary: #fff;
    --background-modifier-hover: rgba(106, 116, 128, 0.16);
    --background-modifier-active: rgba(106, 116, 128, 0.24);
    --background-modifier-selected: rgba(106, 116, 128, 0.24);
    --background-modifier-accent: rgba(106, 116, 128, 0.24);
    --info-positive-background: hsla(139, calc(var(--saturation-factor, 1)*47.4%), 38%, 0.05);
    --info-positive-foreground: hsl(139, calc(var(--saturation-factor, 1)*47.4%), 38%);
    --info-positive-text: #000;
    --info-warning-background: hsla(38, calc(var(--saturation-factor, 1)*80.9%), 36.9%, 0.1);
    --info-warning-foreground: hsl(38, calc(var(--saturation-factor, 1)*80.9%), 36.9%);
    --info-warning-text: #000;
    --info-danger-background: hsla(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%, 0.1);
    --info-danger-foreground: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --info-danger-text: #000;
    --info-help-background: hsla(212, calc(var(--saturation-factor, 1)*100%), 43.9%, 0.1);
    --info-help-foreground: hsl(212, calc(var(--saturation-factor, 1)*100%), 43.9%);
    --info-help-text: #000;
    --status-positive-background: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    --status-positive-text: #fff;
    --status-warning-background: hsl(38, calc(var(--saturation-factor, 1)*80.9%), 36.9%);
    --status-warning-text: #fff;
    --status-danger-background: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --status-danger-text: #fff;
    --status-danger: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --status-positive: hsl(139, calc(var(--saturation-factor, 1)*47.4%), 38%);
    --status-warning: hsl(38, calc(var(--saturation-factor, 1)*80.9%), 36.9%);
    --button-danger-background: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --button-danger-background-hover: hsl(359, calc(var(--saturation-factor, 1)*56.3%), 40.4%);
    --button-danger-background-active: hsl(359, calc(var(--saturation-factor, 1)*56.4%), 35.1%);
    --button-danger-background-disabled: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --button-positive-background: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    --button-positive-background-hover: hsl(138, calc(var(--saturation-factor, 1)*46.8%), 24.3%);
    --button-positive-background-active: hsl(138, calc(var(--saturation-factor, 1)*46.9%), 22.2%);
    --button-positive-background-disabled: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    --button-secondary-background: #6a7480;
    --button-secondary-background-hover: #4f5660;
    --button-secondary-background-active: #444b53;
    --button-secondary-background-disabled: #6a7480;
    --button-outline-danger-text: #000;
    --button-outline-danger-border: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --button-outline-danger-background: hsla(0, 0%, 100%, 0);
    --button-outline-danger-background-hover: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --button-outline-danger-text-hover: #fff;
    --button-outline-danger-border-hover: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --button-outline-danger-background-active: hsl(359, calc(var(--saturation-factor, 1)*56.7%), 48%);
    --button-outline-danger-text-active: #fff;
    --button-outline-danger-border-active: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    --button-outline-positive-text: #000;
    --button-outline-positive-border: hsl(139, calc(var(--saturation-factor, 1)*47.4%), 38%);
    --button-outline-positive-background: hsla(0, 0%, 100%, 0);
    --button-outline-positive-background-hover: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    --button-outline-positive-text-hover: #fff;
    --button-outline-positive-border-hover: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    --button-outline-positive-background-active: hsl(138, calc(var(--saturation-factor, 1)*46.8%), 24.3%);
    --button-outline-positive-text-active: #fff;
    --button-outline-positive-border-active: hsl(138, calc(var(--saturation-factor, 1)*46.8%), 24.3%);
    --button-outline-brand-text: #000;
    --button-outline-brand-border: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --button-outline-brand-background: hsla(0, 0%, 100%, 0);
    --button-outline-brand-background-hover: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --button-outline-brand-text-hover: #fff;
    --button-outline-brand-border-hover: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --button-outline-brand-background-active: hsl(235, calc(var(--saturation-factor, 1)*51.4%), 52.4%);
    --button-outline-brand-text-active: #fff;
    --button-outline-brand-border-active: hsl(235, calc(var(--saturation-factor, 1)*51.4%), 52.4%);
    --button-outline-primary-text: #000;
    --button-outline-primary-border: #6a7480;
    --button-outline-primary-background: hsla(0, 0%, 100%, 0);
    --button-outline-primary-background-hover: #6a7480;
    --button-outline-primary-text-hover: #fff;
    --button-outline-primary-border-hover: #6a7480;
    --button-outline-primary-background-active: #4f5660;
    --button-outline-primary-text-active: #fff;
    --button-outline-primary-border-active: #4f5660;
    --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;
    --input-background: #e3e5e8;
    --input-placeholder-text: #5e6772;
    --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: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --control-brand-foreground: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --control-brand-foreground-new: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --background-mentioned: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, 0.1);
    --background-mentioned-hover: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, 0.2);
    --background-message-hover: rgba(6, 6, 7, 0.02);
    --background-message-automod: hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, 0.05);
    --background-message-automod-hover: hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, 0.1);
    --channels-default: #6a7480;
    --channel-icon: #6a7480;
    --channel-text-area-placeholder: #747f8d;
    --guild-header-text-shadow: 0 1px 1px hsla(0, 0%, 100%, 0.4);
    --channeltextarea-background: #ebedef;
    --activity-card-background: #fff;
    --textbox-markdown-syntax: #6a7480;
    --spoiler-revealed-background: #ebedef;
    --spoiler-hidden-background: #e3e5e8;
    --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: #e3e5e8;
    --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-2yBXZl,
body,
html {
    height: 100%;
    width: 100%
}

.appMount-2yBXZl {
    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-2yBXZl,
body {
    background-color: var(--background-tertiary);
    text-rendering: optimizeLegibility
}

.overlay .appMount-2yBXZl,
.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
}



.platform-osx .splashBackground-6P4u0V:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 32px;
    z-index: 1;
    -webkit-app-region: drag
}

.platform-win .splashBackground-6P4u0V: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-6P4u0V.loggingIn-JqfdbB:before,
.platform-win .theme-light .splashBackground-6P4u0V.loggingIn-JqfdbB:before {
    background: transparent
}

.characterBackground-1BPOOJ {
    position: relative;
    width: 100vw;
    min-height: 100vh;
    overflow: auto
}

.characterBackground-1BPOOJ .artwork-L5TAwQ {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.characterBackground-1BPOOJ .logo-3ac3fP {
    display: block
}

.characterBackground-1BPOOJ .logo-3ac3fP,
.splashBackground-6P4u0V .logo-3ac3fP {
    position: fixed;
    top: 24px;
    left: 50%;
    margin-left: -65px;
    margin-top: 0
}

@media (min-width:830px) {
    .characterBackground-1BPOOJ .logo-3ac3fP {
        top: 53px;
        left: 48px;
        margin: 0
    }

    .splashBackground-6P4u0V .logo-3ac3fP {
        position: fixed;
        top: 24px;
        left: 24px;
        margin: 0
    }

    .platform-osx .splashBackground-6P4u0V .logo-3ac3fP {
        top: 40px
    }
}

.spacer-2uvat4 {
    width: 8px
}

.input-3NIgDw {
    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-3NIgDw {
    background-color: hsl(216, calc(var(--saturation-factor, 1)*9.8%), 90%);
    color: #36393f
}

.theme-dark .input-3NIgDw {
    background-color: #4f545c;
    color: #f6f6f7
}

.enable-forced-colors .input-3NIgDw {
    border: 1px solid ButtonText
}

.enable-forced-colors .input-3NIgDw:focus {
    border-color: Highlight
}

.flowerStarContainer-1QeD-L {
    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-2tNFCR {
    width: 100%;
    height: 100%
}

.childContainer-U_a6Yh {
    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-3Da2vZ {
    width: 16px;
    height: 16px
}

.hubContainer-14Q3_5 {
    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
}

.verified-1Jv_7P {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.partnered-23cXFN {
    color: var(--brand-experiment)
}

.hub-3NNcVs>.icon-3BYlXK>circle {
    fill: var(--background-accent)
}

.verifiedHub-1kSLgi>.icon-3BYlXK>circle {
    fill: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.icon-3BYlXK {
    width: 100%;
    height: 100%;
    color: #fff
}

.icon-1zKOXL {
    position: relative;
    background-clip: padding-box;
    background-color: none;
    background-position: 50%;
    background-size: 100% 100%
}

.icon-1zKOXL .guildIconBadge-15YDb5 {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 14px;
    height: 14px
}

.iconInactive-26M06U {
    border-radius: 50%
}

.iconActiveMini-1h3oNi {
    border-radius: 6px
}

.iconActiveSmaller-3O8Pe6 {
    border-radius: 7px
}

.iconActiveSmall-1cWtmG {
    border-radius: 9px
}

.iconActiveMedium-27_R5B {
    border-radius: 12px
}

.iconActiveLarge-ac-EDu {
    border-radius: 15px
}

.iconActiveLarger-2EZc1b {
    border-radius: 16px
}

.iconActiveXLarge-ehIcza {
    border-radius: 30px
}

.iconSizeSmol-qsFaRK {
    width: 16px;
    height: 16px
}

.iconSizeMini-2IDpY9 {
    width: 20px;
    height: 20px
}

.iconSizeSmaller-3mXaSo {
    width: 24px;
    height: 24px
}

.iconSizeSmall-1kccTk {
    width: 30px;
    height: 30px
}

.iconSizeMedium-2vzSua {
    width: 40px;
    height: 40px
}

.iconSizeLarge-_r2zCK {
    width: 50px;
    height: 50px
}

.iconSizeLarger-31WoF9 {
    width: 64px;
    height: 64px
}

.iconSizeXLarge-3PVE6K {
    width: 100px;
    height: 100px
}

.acronym-vuwTO7 {
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.noIcon-3gSX9V {
    background-color: var(--background-secondary);
    color: var(--text-normal);
    text-align: center
}

.noIcon-3gSX9V.iconSizeSmol-qsFaRK {
    line-height: 16px
}

.noIcon-3gSX9V.iconSizeMini-2IDpY9 {
    line-height: 20px
}

.noIcon-3gSX9V.iconSizeSmaller-3mXaSo {
    line-height: 24px
}

.noIcon-3gSX9V.iconSizeSmall-1kccTk {
    line-height: 30px
}

.noIcon-3gSX9V.iconSizeMedium-2vzSua {
    line-height: 40px
}

.noIcon-3gSX9V.iconSizeLarge-_r2zCK {
    line-height: 50px
}

.noIcon-3gSX9V.iconSizeLarger-31WoF9 {
    line-height: 64px
}

.noIcon-3gSX9V.iconSizeXLarge-3PVE6K {
    line-height: 100px
}

.noAcronym-31Ky-U {
    background-color: var(--background-modifier-accent)
}

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

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

.input-2g-os5::-webkit-input-placeholder {
    -webkit-user-select: none;
    user-select: none;
    color: var(--input-placeholder-text)
}

.input-2g-os5::-moz-placeholder {
    -moz-user-select: none;
    user-select: none;
    color: var(--input-placeholder-text)
}

.input-2g-os5:-ms-input-placeholder {
    -ms-user-select: none;
    user-select: none;
    color: var(--input-placeholder-text)
}

.input-2g-os5::placeholder {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--input-placeholder-text)
}

.input-2g-os5:hover {
    border-color: var(--deprecated-text-input-border-hover)
}

.input-2g-os5.focused-1AtTHC,
.input-2g-os5:focus {
    border-color: var(--text-link)
}

.input-2g-os5.error-8r7mjf {
    border-color: var(--status-danger)
}

.input-2g-os5.success-3HR983 {
    border-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.input-2g-os5.disabled-1MTS26 {
    border-color: var(--deprecated-text-input-border-disabled)
}

.input-2g-os5.editable-A51xZS {
    background-color: transparent;
    border-color: transparent
}

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

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

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

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

.inputPrefix-1VU7MB {
    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-1VU7MB {
    opacity: .5
}

.formText-2ngGjI a:hover {
    text-decoration: underline
}

.formText-2ngGjI strong {
    font-weight: 600
}

.labelSelected-3GXNHE {
    font-weight: 400
}

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

.labelBold-199Hd8 {
    font-weight: 600
}

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

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

.modeDefault-2fEh7a {
    cursor: default
}

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

.modeDisabled-1RyezJ {
    cursor: not-allowed;
    opacity: .3
}

.description-30xx7u,
.labelDescriptor-34wZ-z {
    color: var(--header-secondary)
}

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

.error-30DGjS {
    color: var(--text-danger)
}

.success-1YJZW- {
    color: var(--text-positive)
}





.centeringWrapper-dGnJPQ {
    width: 100%;
    text-align: center
}

.avatar-1qRAzQ {
    margin-bottom: 24px
}



.title-3FQ39e {
    font-weight: 600
}

.subText-1fpEGH {
    color: var(--text-muted)
}

.subText-1fpEGH strong {
    color: rgba(185, 187, 190, .9);
    font-weight: 600
}

.pill-qMtBTq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pillOnline-345ee0 {
    margin-right: 16px
}

.pillMessage-3pHz6R {
    font-size: 14px;
    white-space: nowrap;
    color: var(--header-secondary)
}

@media (min-height:640px) {
    .pillMessage-3pHz6R {
        font-size: 16px
    }
}

.pillIcon-1OYf40 {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 4px
}

.pillIconTotal-3rJafa {
    background-color: var(--header-secondary)
}

.pillIconOnline-2JLgFw {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.pillFlat-23-ZXe {
    background: transparent
}

.pillFlat-23-ZXe .pillIconTotal-3rJafa {
    background-color: var(--text-muted)
}

.joiningAs-1Huczh {
    margin-top: 20px;
    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
}

.joiningAsAvatar-3CSTEg {
    margin-left: 14px
}

.joiningAsUsername-oDxrXy {
    margin-left: 5px
}

.spinnerVideo-2MJgvU {
    width: 200px;
    height: 200px
}

.spinnerText-2dwumQ {
    font-weight: 500;
    font-size: 16px;
    font-style: italic;
    color: #fff
}

.image-2NDoLx {
    width: 100%;
    max-width: 186px;
    height: auto;
    max-height: 120px;
    pointer-events: none
}

.block-3uVSn4 {
    width: 100%;
    text-align: left
}

.button-1cRKG6 {
    font-size: 16px;
    line-height: 24px
}

.linkButton-2ax8wP {
    display: block;
    padding-left: 0;
    padding-right: 0
}

.inviteIcon-3Mdxod {
    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-2kbJva {
    margin-right: 0
}

.inviteSmallIcon-2J1py_ {
    margin-right: 8px;
    margin-top: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.downloadButtonSubtext-1748mN {
    margin-top: 8px;
    text-align: center
}

.inputError-1E6uC4,
.inputError-1E6uC4:focus,
.inputError-1E6uC4:hover {
    border-color: var(--status-danger)
}

.authBoxWithMobileBanner-cYSkMm {
    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-cYSkMm,
.theme-light .authBoxWithMobileBanner-cYSkMm {
    color: #72767d;
    background: #36393f
}

.mobileBannerLogo-3quIoL {
    position: absolute;
    top: 20px;
    height: 36px;
    width: 112px;
    background: url(/assets/22fd790491653d837422d80e3500cf92.svg) no-repeat
}

.mobileBanner-2KyeUd {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(100% + 32px);
    margin: 0 -16px -32px;
    max-height: 100px;
    overflow: hidden
}

.mobileBanner-2KyeUd img {
    width: 100%
}

@media (min-height:720px) {
    .mobileBanner-2KyeUd {
        margin-bottom: -50px;
        max-height: none
    }
}

.description-VyFM3y {
    margin-top: 8px;
    font-size: 12px
}

.footer-1erXar {
    padding: 20px 32px;
    margin: 0 -32px -32px;
    border-radius: 0 0 5px 5px
}

@media (max-width:485px) {
    .footer-1erXar {
        margin: 0
    }
}

.theme-dark .footer-1erXar {
    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)
}

@media (max-width:485px) {
    .theme-dark .footer-1erXar {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.theme-light .footer-1erXar {
    background-color: #dcddde;
    -webkit-box-shadow: inset 0 1px 0 rgba(220, 221, 222, .6);
    box-shadow: inset 0 1px 0 rgba(220, 221, 222, .6)
}

@media (max-width:485px) {
    .theme-light .footer-1erXar {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.error-3OYn3f {
    margin-top: 8px;
    color: var(--status-danger)
}

.subTitle-21Fi1L {
    margin-bottom: 24px
}

.button-2VmVgl {
    margin-top: 24px
}

.theme-dark .codeInput-ZdJrbP,
.theme-light .codeInput-ZdJrbP {
    background-color: var(--deprecated-text-input-bg);
    border: 1px solid var(--deprecated-text-input-border)
}

.theme-dark .codeInput-ZdJrbP:focus,
.theme-light .codeInput-ZdJrbP:focus {
    border: 1px solid var(--brand-experiment)
}

.avatar-1O_3j7,
.guildIcon-3W4qfJ {
    margin-bottom: 20px
}

.container-w41gbp {
    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-17f5Xx {
    margin-top: 2px;
    color: var(--header-primary);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px
}

.subtitle-3xfq3Z {
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.subtitle-3xfq3Z strong {
    color: var(--header-primary)
}

.userText-2y3bgZ {
    word-break: break-word
}

.templateIcon-1ZqDVr {
    vertical-align: middle
}

.templateIcon-1ZqDVr,
.usagePill-16kKHu {
    color: var(--header-secondary)
}

.usagePill-16kKHu {
    background-color: var(--background-secondary);
    border-radius: 16px;
    font-size: 14px;
    padding: 8px 16px;
    margin-top: 16px
}

.verifiedIcon-3smuNQ,
.verifiedNameContainer-D0enJD {
    display: inline-block
}

.verifiedIcon-3smuNQ {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    margin: -8px 4px 0 2px;
    top: 3px
}

.verifiedCheckContainer-3ntEAw {
    position: relative;
    top: 1px
}

.verifiedCheck-2mixZf {
    color: #fff
}

.image-1II0ik {
    margin-bottom: 16px;
    border-radius: 8px;
    width: 100%
}

.header-3WQ9lI {
    margin-bottom: 8px
}

.usagePill-P-Cmcv {
    background-color: var(--background-primary);
    display: inline-block
}

.container-1DQLOU {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 70px;
    background: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.errorContainer-32X-88 {
    background: #18191c
}

.buttonText-11U1Ks {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.list-3-WAYB {
    -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);
    border-radius: 4px
}

.accountCard-2lki2x,
.list-3-WAYB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.accountCard-2lki2x {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 12px 16px
}

.separator-3pyJLj {
    border-bottom: 1px solid var(--background-modifier-accent);
    margin-left: 16px;
    width: calc(100% - 16px)
}

.userDetails-aCtfXh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.usernameSection-1KrEfm {
    margin-left: 8px;
    max-width: 76%
}

.hasActionMaxWidth-1TPbjW {
    max-width: 48%
}

.userActions-2T4MMd,
.username-Iwoq2j {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.userActions-2T4MMd {
    margin-left: auto
}

.userActionMenu-3-DfuT {
    margin-left: 16px;
    padding: 0;
    line-height: 0
}

.userActionMenu-3-DfuT:hover {
    cursor: pointer
}

.userActionMenu-3-DfuT:hover .overflowMenuIcon-35A0oT {
    color: var(--interactive-active)
}

.userActionMenu-3-DfuT .overflowMenuIcon-35A0oT {
    color: var(--interactive-normal)
}

.textOverflow-1Hn8ac {
    text-overflow: ellipsis;
    overflow: hidden
}

.hintText-1gwhJG {
    text-align: left;
    color: hsl(138, calc(var(--saturation-factor, 1)*47%), 25.9%)
}

.theme-dark .hintText-1gwhJG {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.chooseAccountAuthBox-Udr8ty {
    padding: 24px 16px 16px
}

.chooseAccountHelpText-2fQbZs {
    margin: 8px 0 24px
}

.actions-ozjpZf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px
}

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

.label-3xe1Ii {
    cursor: default;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase
}

.defaultMargin-2ckCxa,
.label-3xe1Ii {
    margin-bottom: 8px
}

.disabled-3UmMrL {
    opacity: .5;
    cursor: not-allowed
}

.required-3tFeNz {
    color: var(--text-danger);
    padding-left: 4px
}

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

.card-16VQ8C a:hover {
    text-decoration: underline
}

.cardBrand-19kLUs a,
.cardDanger-39N1qE a,
.cardSuccess-ahnYyu a,
.cardWarning-WRe-Qa a {
    font-weight: 700
}

.cardDanger-39N1qE {
    background-color: var(--status-danger)
}

.cardDanger-39N1qE,
.cardDangerOutline-2Efkxp {
    border-color: var(--status-danger)
}

.cardWarning-WRe-Qa {
    background-color: var(--status-warning-background)
}

.cardWarning-WRe-Qa,
.cardWarningOutline-oI6sWf {
    border-color: var(--status-warning-background)
}

.cardSuccess-ahnYyu {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.cardSuccess-ahnYyu,
.cardSuccessOutline-29rpkd {
    border-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.cardBrand-19kLUs {
    background-color: var(--brand-experiment)
}

.cardBrand-19kLUs,
.cardBrandOutline-3p17jH {
    border-color: var(--brand-experiment)
}

.card-16VQ8C a {
    color: var(--text-link)
}

.cardBrand-19kLUs a,
.cardDanger-39N1qE a,
.cardSuccess-ahnYyu a,
.cardWarning-WRe-Qa a {
    color: #fff
}

.cardPrimary-3qRT__ {
    background: var(--deprecated-card-bg)
}

.cardPrimary-3qRT__,
.cardPrimaryEditable-2mz_3i {
    border-color: var(--background-tertiary)
}

.cardPrimaryEditable-2mz_3i {
    background: var(--deprecated-card-editable-bg)
}

.cardPrimaryOutline-1ofwVz {
    border-color: var(--background-tertiary)
}

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

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

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

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

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

.icon-1fWS75 {
    -webkit-user-drag: none
}

.whiteText-1tYRu1,
.whiteText-1tYRu1 a {
    color: #fff
}

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

.children-1xdcWE,
.sectionTitle-3j2YI1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-2oNtJn {
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--background-tertiary)
}

.container-2oNtJn,
.inner-2pOSmK {
    -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-2pOSmK {
    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-3wsH3x .inner-2pOSmK {
    opacity: .3
}

.input-2m5SfJ {
    -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-2m5SfJ::-webkit-input-placeholder {
    color: var(--text-muted);
    opacity: 1
}

.disabled-3wsH3x .input-2m5SfJ {
    cursor: not-allowed
}

.tag-Pxnlt9 {
    -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-Pxnlt9:hover {
    text-decoration: none
}

.small-1uriao .input-2m5SfJ,
.small-1uriao .tag-Pxnlt9 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    padding: 0 4px
}

.medium-2NClDM .input-2m5SfJ,
.medium-2NClDM .tag-Pxnlt9 {
    font-size: 16px;
    line-height: 32px;
    height: 30px;
    padding: 0 8px
}

.large-2fQ4_z .input-2m5SfJ,
.large-2fQ4_z .tag-Pxnlt9 {
    font-size: 20px;
    line-height: 40px;
    height: 38px;
    padding: 0 16px
}

.close-1dCJ-s {
    width: 12px;
    height: 12px;
    margin-left: 4px
}

.close-1dCJ-s,
.iconLayout-3Bjizv {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.iconLayout-3Bjizv {
    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-1msEBz {
    cursor: pointer
}

.medium-2NClDM.iconLayout-3Bjizv {
    width: 32px;
    height: 32px
}

.large-2fQ4_z.iconLayout-3Bjizv {
    width: 40px;
    height: 40px
}

.iconContainer-6pgShY {
    position: relative;
    width: 16px;
    height: 16px
}

.medium-2NClDM .iconContainer-6pgShY {
    width: 20px;
    height: 20px
}

.large-2fQ4_z .iconContainer-6pgShY {
    width: 24px;
    height: 24px
}

.icon-3CDcPB {
    -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-3CDcPB.visible-CwPfRb {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.iconLayout-3Bjizv:hover .clear-3102V9 {
    color: var(--interactive-hover)
}

.iconLayout-3Bjizv:active .clear-3102V9 {
    color: var(--interactive-active)
}

.enable-forced-colors .input-2m5SfJ {
    border: 1px solid CanvasText;
    border-radius: 4px
}

.enable-forced-colors .input-2m5SfJ::-webkit-input-placeholder {
    color: GrayText
}

.enable-forced-colors .icon-3CDcPB {
    border: 1px solid Canvas;
    background-color: Canvas;
    color: GrayText
}

.enable-forced-colors .clear-3102V9 {
    background-color: ButtonFace;
    border-color: CanvasText;
    color: ButtonText
}

.enable-forced-colors .iconLayout-3Bjizv:active .clear-3102V9,
.enable-forced-colors .iconLayout-3Bjizv:hover .clear-3102V9 {
    border-color: ButtonText;
    color: ButtonText
}

.selectableItem-3-fmiM {
    -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-3-fmiM.selected-1l_Bxn {
    cursor: default
}

.selectableItemLabel-22JFzG {
    font-size: 16px;
    position: relative;
    top: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.theme-light .selectableItem-3-fmiM {
    color: #4f545c
}

.theme-light .selectableItem-3-fmiM:hover {
    background-color: #dcddde
}

.theme-dark .selectableItem-3-fmiM {
    color: #f6f6f7
}

.theme-dark .selectableItem-3-fmiM:hover {
    background-color: rgba(32, 34, 37, .6)
}

.size10-KuYEbl {
    font-size: 10px
}

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

.size14-y91Il2 {
    font-size: 14px
}

.size16-2OrZ3x {
    font-size: 16px
}

.size18-3bYcni {
    font-size: 18px
}

.size20-1KUYBj {
    font-size: 20px
}

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

.size24-1qS6Og {
    font-size: 24px
}

.size26-3_WqQu {
    font-size: 26px
}

.size36-xYCbsJ {
    font-size: 36px
}

.popoutList-10IFAa {
    border-radius: 5px;
    padding: 10px 10px 0
}

.popoutListInput-1w4TxY {
    width: 100%
}

.popoutListEmpty-3MWXtE {
    cursor: default;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 10px 0;
    margin: 2px 4px 2px 0
}

.theme-light .popoutList-10IFAa {
    background: #fff
}

.theme-light .popoutListEmpty-3MWXtE {
    color: #4f545c
}

.theme-dark .popoutList-10IFAa {
    background: #36393f
}

.theme-dark .popoutListEmpty-3MWXtE {
    color: #f6f6f7
}

.phoneFieldPopout-3O-1C3 {
    width: 220px;
    height: 240px;
    position: absolute;
    top: 40px;
    left: 0
}

.phoneFieldPopout-3O-1C3 .phoneFieldScroller-2DblLb {
    height: 196px;
    padding-bottom: 10px
}

.phoneFieldPopout-3O-1C3 .countryItem-2d-VQF {
    width: 100%
}

.phoneFieldPopout-3O-1C3 .countryName-2VZPzo {
    font-size: 13px;
    line-height: 18px;
    margin-right: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.phoneFieldPopout-3O-1C3 .countryCode-geijl7 {
    font-weight: 600;
    font-size: 13px;
    text-align: right
}

.theme-light .phoneFieldPopout-3O-1C3 .countryName-2VZPzo {
    color: #72767d
}

.theme-light .phoneFieldPopout-3O-1C3 .countryCode-geijl7 {
    color: #4f545c
}

.theme-dark .phoneFieldPopout-3O-1C3 .countryName-2VZPzo {
    color: #b9bbbe
}

.theme-dark .phoneFieldPopout-3O-1C3 .countryCode-geijl7 {
    color: #f6f6f7
}

.darkElevationLow-2LO4eN {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3)
}

.darkElevationHigh-1BaD2i {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2)
}

.darkElevationBorderLow-34oHrM {
    -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-8ZYNYM {
    -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-1QzqDT {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
}

.lightElevationHigh-3gER0h {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}

.lightElevationBorderLow-2Ysl3H {
    -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-3wutCI {
    -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-26BbEG {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
}

.theme-light .elevationHigh-3KUiqj {
    -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-3_3rXL {
    -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-3drnJX {
    -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-26BbEG {
    -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-3KUiqj {
    -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-3_3rXL {
    -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-3drnJX {
    -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-3jAq9y {
    position: relative
}

.container-1pMEoC {
    overflow: hidden
}

.container-1pMEoC,
.innerContainer-1xzAzu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.countryCode-5htqQm {
    padding: 9px 8px;
    line-height: normal;
    white-space: nowrap
}

.separator-1R_Zrp {
    width: 1px;
    background-color: var(--background-modifier-accent);
    margin: 8px 4px
}

.popout-3qrSGT {
    z-index: 1
}

.hidden-2yz_ny {
    display: none
}

.input-2yCVqe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inputWrapper-3ESIDR {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.inputField-2RZxdl {
    border: none;
    background-color: transparent
}

.gameIcon-1mDo1J {
    -webkit-user-drag: none;
    background-size: 100%;
    border-radius: 3px;
    color: var(--header-primary)
}

.large-jYBVQ0,
.medium-1vKkpm,
.small-1P4vlo {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.xsmall-XOZhsp {
    width: 24px;
    height: 24px
}

.small-1P4vlo {
    width: 30px;
    height: 30px
}

.medium-1vKkpm {
    width: 40px;
    height: 40px
}

.large-jYBVQ0 {
    width: 60px;
    height: 60px
}

.eighty-1K_F2t {
    width: 80px;
    height: 80px
}

.applicationIcon-3XAAP4 {
    margin-right: 8px
}

.seasonalIcon-1fKhan {
    height: 120px
}

.container-2xOgW- {
    width: 100%
}

.guildBadge-29CBxt {
    position: relative;
    margin-right: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25px;
    height: 25px
}

.appIcon-3bRdrp {
    display: inline-block
}

.appIconSize-3fztXk {
    width: 100px;
    height: 100px
}

.appIcon-3bRdrp,
.avatar-2Sgy26,
.guildIcon-3bwCCn {
    margin-bottom: 24px
}

@media (max-height:720px) {

    .appIcon-3bRdrp,
    .avatar-2Sgy26,
    .guildIcon-3bwCCn {
        margin-bottom: 0;
        width: 64px;
        height: 64px
    }
}

.compactAvatar-zUoXbw {
    margin-bottom: 8px
}

.inviteResolvingGuildName-3Ah144 {
    margin-top: 8px
}

.inviteResolvingGuildName-3Ah144,
.title-10kb1R {
    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-10kb1R {
    margin-top: 4px;
    color: var(--header-primary);
    font-weight: 600
}

@media (min-height:640px) {
    .title-10kb1R {
        margin-top: 8px
    }
}

.activityCount-2n5Mj9,
.directInviteSubTitle-2e9OMM {
    margin-top: 4px
}

@media (min-height:640px) {
    .activityCount-2n5Mj9 {
        margin-top: 8px
    }
}

.guildContainer-386jDa {
    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-192J80 {
    margin: 4px 0
}

.appGuildName-1vnhs6 {
    color: var(--header-primary)
}

.qrCodeOverlay-hYMDmA {
    width: 100%;
    height: 100%;
    position: absolute;
    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
}

.qrCodeOverlay-hYMDmA img {
    width: 40px;
    height: 40px;
    image-rendering: crisp-edges
}

.qrCodeContainer-15KLwa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.transitionGroup-bPT0qU {
    overflow: hidden;
    position: relative
}

.measurement-RBq28W {
    overflow: hidden
}

.measurementFill-3yvxWy {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.measurementFillStatic-1QTNRn {
    height: 100%
}

.animatedNode-zo4rIT {
    width: 100%
}

.qrLogin-1ejtpI {
    position: relative;
    overflow: hidden;
    width: 240px;
    height: 344px
}

.qrLogin-1ejtpI,
.qrLoginInner-1phtZ_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.qrLoginInner-1phtZ_ {
    -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-2R7t9S {
    -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-1qlybH {
    width: 176px;
    height: 176px;
    position: relative;
    margin-bottom: 32px
}

.qrCodeContainer-1qlybH,
.qrCodeOverlay-2bLtKl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.qrCodeOverlay-2bLtKl {
    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-2bLtKl img {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    image-rendering: crisp-edges
}

.qrAvatar-3AAugH {
    margin-bottom: 32px
}

.startOverButton-1G3jim {
    color: var(--brand-experiment);
    margin-top: 16px
}

.verticalSeparator-2r9gHa {
    margin: 0 32px;
    border: 1px solid var(--background-modifier-accent)
}

@media (max-width:830px) {

    .qrLogin-1ejtpI,
    .verticalSeparator-2r9gHa {
        display: none
    }
}

.column-2NwM69 {
    -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-2NwM69:nth-child(odd) {
    background-color: var(--background-secondary)
}

.column-2NwM69:nth-child(2n) {
    background-color: var(--background-primary)
}

.column-2NwM69:first-child {
    padding-left: 32px
}

.column-2NwM69:last-child {
    padding-right: 32px
}

.container-3NGIJn {
    padding: 0;
    overflow: hidden
}

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

.header-6M5OpB {
    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;
    width: 100%
}

.horizontalAuthBox-2BqkHu {
    width: 960px
}

.smallRegisterLink-1qEJhz {
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 0;
    vertical-align: bottom;
    padding: 0
}

.mainLoginContainer-wHmAjP {
    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-k9T6eA {
    width: 100%
}

.goBackButton-3BlSUk {
    margin-bottom: 16px;
    padding-left: 0
}

.goBackButton-3BlSUk .content-GQU2p3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.goBackButton-3BlSUk .caret-32tYrE {
    margin: 0 4px 1px 0
}

.title-1yjVbP {
    margin-bottom: 8px
}

.subtitle-1y6ykC {
    margin-bottom: 24px
}

.img-B84ab9 {
    margin-bottom: 20px;
    width: 252px;
    height: 168px
}

.select-1YfRS9.error-3gDUm4 .errorMessage-14j9BF {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    color: var(--status-danger)
}

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

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

.inputs-3ELGTz {
    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
}

.day-1uOKpp {
    width: 30%
}

.month-1Z2bRu {
    width: 35%
}

.year-3_SRuv {
    width: 30%
}

.errors-2TwmaE {
    color: var(--status-danger)
}

.checkbox-1I7fuY {
    margin-right: 8px
}

.subText-3N3Kvo {
    color: var(--text-normal)
}

.card-2fBufY {
    padding: 10px
}

.warning-2jg3WA {
    color: #fff
}

.shinyButton-2Q9MDB {
    overflow: hidden
}

.buttonShine-p5V5TB {
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: Shine-2gtL99;
    animation-name: Shine-2gtL99;
    -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-NmlfaV {
    position: absolute;
    top: -50%;
    bottom: 0;
    right: 0
}

.shineContainerDefault-3f8X_o {
    left: -50%
}

.shineContainerSmall-2hoVE5 {
    left: -100%
}

.shine-ZNDEKg {
    background-color: currentColor;
    height: 300%;
    position: relative;
    top: -100%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 56px
}

.shinePaused-IYu1S0 {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.shineInner-OI1Z2S {
    background-color: currentColor;
    height: 100%;
    width: 16px
}

@-webkit-keyframes Shine-2gtL99 {
    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-2gtL99 {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(200%, 0, 0);
        transform: translate3d(200%, 0, 0)
    }
}

.premiumSubscribeButton-17z7Tg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.premiumIcon-G_KEYC {
    margin-right: 4px
}

.buttonText-1c-l_x {
    max-width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.giftButton-2RVWns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.giftIcon-25Wlbr {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.overflow-1wOqNV {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative
}

.gifTag-1TvtGO {
    background-image: url(/assets/e689380400b1f2d2c6320a823a1ab079.svg);
    width: 29px;
    height: 22px
}

.imageWrapper-oMkQl4 {
    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-oMkQl4 img {
    position: absolute
}

.clickableWrapper-2WTAkL {
    width: 100%;
    height: 100%
}

.imageWrapperBackground-3Vss_C {
    background: rgba(0, 0, 0, .05)
}

.imageWrapperInner-3X03J4 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.imageError-dy476I {
    width: 200px;
    height: 102px;
    background-image: url(/assets/feaff2557c548146aad83669db695e0b.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.imagePlaceholder-WivCMf {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.imagePlaceholderOverlay-amcxdp {
    background-color: rgba(0, 0, 0, .6)
}

.imageAccessory-2yA7Kb {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 3
}

.imageZoom-3yLCXY {
    cursor: nesw-resize;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.clickable-LksVCf {
    cursor: pointer
}

.originalLink-Azwuo9 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.imageClickable-A5lRqS {
    border-radius: inherit
}

.theme-dark .imageError-dy476I {
    background-image: url(/assets/9a31e0f65d520cc12d7f42374d59a2d1.svg)
}

.background-opacity-low .imageWrapper-oMkQl4,
.background-opacity-medium .imageWrapper-oMkQl4 {
    opacity: .6
}

.overlay-unlocked .imageWrapper-oMkQl4 {
    opacity: 1
}

.enable-forced-colors .originalLink-Azwuo9 {
    border: 2px solid ButtonText
}

.wrapper-2bCXfR {
    position: relative
}

.downloadLink-1OAglv {
    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-1OAglv:hover,
.enable-forced-colors .downloadLink-1OAglv {
    opacity: 1
}

.modal-3Crloo {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.image-36HiZc,
.modal-3Crloo {
    border-radius: 0
}

.mediaBarInteraction-tUE5dq,
.mediaBarInteractionDragging-3XLL8k {
    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-tUE5dq:hover .mediaBarWrapper-33h1oY,
.mediaBarInteractionDragging-3XLL8k:hover .mediaBarWrapper-33h1oY {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.mediaBarInteraction-tUE5dq:hover .bubble-3XikHF,
.mediaBarInteractionDragging-3XLL8k:hover .bubble-3XikHF {
    opacity: 1
}

.mediaBarInteraction-tUE5dq:hover .mediaBarGrabber-FvJKJg {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: var(--brand-experiment-560)
}

.mediaBarInteraction-tUE5dq:hover .mediaBarPreview-1gUbVy {
    opacity: .3
}

.mediaBarInteraction-tUE5dq:hover .bubble-3XikHF,
.mediaBarInteractionDragging-3XLL8k .bubble-3XikHF {
    opacity: 1
}

.mediaBarInteractionDragging-3XLL8k .mediaBarGrabber-FvJKJg {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: var(--brand-experiment-560)
}

.mediaBarInteractionVolume-zGrOSh {
    -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-3GO7H5 {
    -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-2HFjqv,
.vertical-3GO7H5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.horizontal-2HFjqv {
    width: 100%;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.fakeEdges-18N907 {
    position: relative
}

.fakeEdges-18N907:after,
.fakeEdges-18N907:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 3px;
    z-index: 1
}

.fakeEdges-18N907:before {
    left: -3px;
    border-radius: 3px 0 0 3px
}

.fakeEdges-18N907:after {
    right: -3px;
    border-radius: 0 3px 3px 0
}

.buffer-3eVqKK {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: .3
}

.buffer-3eVqKK,
.buffer-3eVqKK:after,
.buffer-3eVqKK:before {
    background-color: #fff
}

.mediaBarWrapper-33h1oY {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 6px
}

.mediaBarWrapper-33h1oY,
.mediaBarWrapper-33h1oY:after,
.mediaBarWrapper-33h1oY:before {
    background-color: rgba(185, 187, 190, .3)
}

.mediaBarWrapperVolume-2TKGac {
    -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-1gUbVy,
.mediaBarProgress-38I317 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.mediaBarPreview-1gUbVy {
    z-index: 0;
    opacity: 0
}

.mediaBarPreview-1gUbVy,
.mediaBarPreview-1gUbVy:after,
.mediaBarPreview-1gUbVy:before {
    background-color: #fff
}

.mediaBarProgress-38I317 {
    z-index: 3
}

.mediaBarGrabber-FvJKJg,
.mediaBarProgress-38I317,
.mediaBarProgress-38I317:after,
.mediaBarProgress-38I317:before {
    background-color: var(--brand-experiment)
}

.mediaBarGrabber-FvJKJg {
    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-3XikHF {
    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-3XikHF,
.bubble-3XikHF:before {
    position: absolute;
    pointer-events: none
}

.bubble-3XikHF:before {
    top: 100%;
    left: 50%;
    content: " ";
    width: 0;
    height: 0;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #000
}

.enable-forced-colors .mediaBarGrabber-FvJKJg,
.enable-forced-colors .mediaBarProgress-38I317 {
    background-color: ButtonText !important
}

.enable-forced-colors .mediaBarInteractionVolume-zGrOSh {
    background-color: ButtonFace
}

.wrapper-x4po40 {
    -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-x4po40 a:link,
.wrapper-x4po40 a:visited {
    pointer-events: auto;
    cursor: pointer;
    display: block;
    color: #fff !important
}

.wrapperHasPlayText-2zFWac {
    padding: 5px 18px 4px 10px;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.wrapperHasPlayText-2zFWac:hover {
    background-color: rgba(0, 0, 0, .9)
}

.iconWrapper-1lfhOx {
    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-1h56O5 .iconWrapper-1lfhOx,
.disableInteractions-1h56O5 a:link,
.disableInteractions-1h56O5 a:visited {
    pointer-events: none
}

.iconWrapperActive-LhB4mn:hover {
    opacity: 1
}

.iconWrapperActive-LhB4mn:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.iconWrapperHasPlayText-GtIXbe {
    opacity: 1
}

.text-ecOKEp {
    font-size: 16px;
    padding-left: 4px
}

.icon-23NjRH {
    display: block;
    width: 24px;
    height: 24px
}

.iconPlay-3weMmb {
    margin-left: 1px;
    margin-right: -1px
}

.iconExternalMargins-2Ufdu_ {
    margin-left: 2px;
    margin-right: 4px
}

.enable-forced-colors .iconWrapper-1lfhOx {
    background-color: ButtonFace;
    color: ButtonText;
    opacity: 1
}

.volumeButton-3IDSX- {
    position: relative
}

.volumeButtonSlider-2OrZ9e {
    position: absolute;
    bottom: calc(100% + 16px);
    left: -78px;
    right: 0;
    display: none;
    -webkit-app-region: no-drag
}

.volumeButtonSlider-2OrZ9e.sliderVisible-2sHyUq {
    display: initial
}

.wrapper-1FP9YQ {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wrapperControlsHidden-2BK8R2 {
    cursor: default
}

.wrapperAudio-1Bzv_Z {
    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-2NzHnF {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    padding-bottom: 10px;
    height: 32px
}

.audioControls-3fmemK,
.videoControls-2NzHnF {
    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-3fmemK {
    margin-top: 4px;
    border-radius: 3px
}

.controlIcon-1grhw_ {
    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-1grhw_:hover {
    opacity: 1
}

.controlIcon-1grhw_:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.volumeSliderWrapper-17tnjX {
    margin-bottom: 4px;
    margin-left: -4px
}

.durationTimeWrapper-LdSEv8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 4px;
    height: 12px
}

.durationTimeDisplay-QwCeRr,
.durationTimeSeparator-1Cqi9N {
    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-1Cqi9N {
    margin: 0 2px
}

.video-2HW4jD {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 3px
}

.video-2HW4jD:-webkit-full-screen {
    z-index: 99999
}

.video-2HW4jD::-webkit-media-controls-enclosure {
    display: none !important
}

.audio-37yMlf {
    position: absolute;
    display: block;
    width: 0;
    height: 0
}

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

.audioMetadata-1Hrt8T:before {
    width: 24px;
    height: 40px;
    content: "";
    background-image: url(/assets/e83eaad3ae5c32a355b55f157e6cd3da.svg);
    background-size: 100% auto;
    background-repeat: no-repeat
}

.audioMetadata-1Hrt8T .metadataContent-lalfZ3 {
    padding: 0 8px
}

.audioMetadata-1Hrt8T .metadataDownload-3IY84h {
    height: 24px;
    opacity: 1
}

.audioMetadata-1Hrt8T .metadataIcon-3QMhu9 {
    color: var(--interactive-normal)
}

.audioMetadata-1Hrt8T .metadataIcon-3QMhu9:hover {
    color: var(--interactive-hover)
}

.audioMetadata-1Hrt8T .metadataSize-2A2s1T {
    color: var(--text-muted)
}

.metadata-3IncIG {
    -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-lalfZ3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden
}

.metadataName-1KMZtB {
    font-size: 16px;
    line-height: 20px
}

.metadataName-1KMZtB,
.metadataSize-2A2s1T {
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.metadataSize-2A2s1T {
    font-size: 12px;
    line-height: 16px;
    opacity: .7
}

.metadataDownload-3IY84h {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    opacity: .6
}

.metadataDownload-3IY84h:hover {
    opacity: 1
}

.metadataIcon-3QMhu9 {
    width: 24px;
    height: 25px;
    color: #fff
}

.playCenter-APe1JX {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.playCenter-APe1JX,
.playPausePop-1x3uED {
    position: absolute;
    pointer-events: none
}

.playPausePop-1x3uED {
    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-1x3uED .playPausePopIcon-2EzsI_ {
    width: 24px;
    height: 24px;
    display: block
}

.theme-dark .wrapper-1FP9YQ {
    background-color: #202225
}

.theme-dark .wrapperAudio-1Bzv_Z {
    border-color: var(--background-secondary-alt);
    background-color: var(--background-secondary)
}

.theme-light .wrapper-1FP9YQ {
    background-color: #f6f6f7
}

.theme-light .wrapperAudio-1Bzv_Z {
    border-color: var(--background-secondary-alt);
    background-color: var(--background-secondary)
}

.background-opacity-high .audioControls-3fmemK,
.background-opacity-low .audioControls-3fmemK,
.background-opacity-medium .audioControls-3fmemK {
    background-color: rgba(0, 0, 0, .3)
}

.background-opacity-high .audioMetadata-1Hrt8T:before,
.background-opacity-low .audioMetadata-1Hrt8T:before,
.background-opacity-medium .audioMetadata-1Hrt8T:before {
    opacity: .6
}

.enable-forced-colors .wrapper-1FP9YQ {
    outline: 2px solid CanvasText
}

.enable-forced-colors .metadataDownload-3IY84h {
    opacity: 1
}

.enable-forced-colors .videoButton-3NM9Tc {
    background-color: ButtonFace;
    border-radius: 4px;
    color: ButtonText
}

.enable-forced-colors .videoControls-2NzHnF {
    background-color: ButtonFace
}

.progress-24WBU3 {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.progress-24WBU3,
.progressBar-1T6LYX {
    width: 100%
}

.animating-2CraY5 {
    -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-14LPsL {
    height: 4px
}

.small-1bZsRQ,
.xsmall-14LPsL {
    border-radius: 3px
}

.small-1bZsRQ {
    height: 6px
}

.large-3gvlaw {
    height: 8px;
    border-radius: 4px
}

.indeterminate-2MEFqq {
    position: absolute;
    width: auto;
    top: 0
}

.indeterminateBar1-2ux0c0 {
    -webkit-animation: indeterminate1-1ntfrn 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    animation: indeterminate1-1ntfrn 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.indeterminateBar1-2ux0c0.animating-2CraY5 {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.indeterminateBar2-3aMYpn {
    -webkit-animation: indeterminate2-3Vt8Oc 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    animation: indeterminate2-3Vt8Oc 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-3aMYpn.animating-2CraY5 {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes indeterminate1-1ntfrn {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    to {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate1-1ntfrn {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    to {
        left: 100%;
        right: -90%
    }
}

@-webkit-keyframes indeterminate2-3Vt8Oc {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate2-3Vt8Oc {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

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

.height14-Cznl3O {
    line-height: 14px
}

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

.height20-WSMpPs {
    line-height: 20px
}

.height24-10aZdw {
    line-height: 24px
}

.height28-nAI8VK {
    line-height: 28px
}

.height30-GIM69f {
    line-height: 30px
}

.height36-2SNdOo {
    line-height: 36px
}

.height44-NPKOwX {
    line-height: 44px
}

.attachment-1PZZB2 {
    -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-1fP7iq {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.icon-1KCy88 {
    width: 30px;
    height: 40px;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.filename-3A5bVl {
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

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

.metadata-1E7Z4i {
    font-weight: 300;
    color: #72767d;
    margin-right: 8px
}

.rate-tJHfMV {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    min-width: 60px;
    text-align: right
}

.progressContainer-39lW07 {
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-3BkGQD;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.progress-xNqAjK {
    background-color: rgba(114, 118, 125, .3)
}

.cancelButton-oOSTov,
.downloadButton-2HLFWN,
.size-2mQ7x9 {
    margin-left: 4px
}

.cancelButton-oOSTov,
.downloadButton-2HLFWN {
    color: var(--interactive-normal);
    cursor: pointer
}

.cancelButton-oOSTov:hover,
.downloadButton-2HLFWN:hover {
    color: var(--interactive-hover)
}

.downloadWrapper-1Cy2Fi {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.filenameLinkWrapper-3Rc6sk {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.fileNameLink-1odyIc:hover {
    text-decoration: underline
}

.attachment-1PZZB2 {
    border-color: var(--background-secondary-alt);
    background-color: var(--background-secondary)
}

.filename-3A5bVl {
    color: var(--interactive-active)
}

.filenameLinkWrapper-3Rc6sk {
    color: var(--text-link)
}

.size-2mQ7x9 {
    color: var(--text-muted)
}

.combobox-3_6kOi {
    overflow: hidden;
    height: 100%
}

.list-1MBHYC {
    list-style: none;
    height: 100%;
    margin-top: 8px
}

.list-1MBHYC.scroller-3HgAcr {
    margin: 0 0 8px 8px
}

.item-1BCeuB {
    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-qp-W9B,
.item-1BCeuB:hover:not(.disabled-Mmpvl7) {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.itemLabel-27pirQ {
    width: 100%
}

.itemCheckbox-2G8-Td~.itemLabel-27pirQ {
    margin-left: 8px
}

.empty-1RfdnO {
    padding: 20px;
    text-align: center;
    display: grid;
    grid-gap: 12px
}

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

.selected-22ukbQ {
    background-color: var(--background-modifier-selected)
}

.selectedBrand-1AtwYE {
    background: var(--brand-experiment-500);
    color: #fff
}

.selectedBrand-1AtwYE.focused-qp-W9B,
.selectedBrand-1AtwYE:hover {
    background: var(--brand-experiment-600);
    color: #fff
}

.searchWithScrollbar-2UHv7f {
    margin: 8px
}

.enable-forced-colors .item-1BCeuB {
    border: 1px solid Canvas
}

.enable-forced-colors .disabled-Mmpvl7 {
    color: GrayText;
    opacity: 1
}

.enable-forced-colors .disabled-Mmpvl7.focused-qp-W9B {
    border-color: GrayText
}

.enable-forced-colors .focused-qp-W9B:not(.disabled-Mmpvl7),
.enable-forced-colors .item-1BCeuB:hover:not(.disabled-Mmpvl7) {
    background-color: ButtonFace;
    border-color: ButtonText;
    color: ButtonText
}

.enable-forced-colors .selected-22ukbQ:not(.disabled-Mmpvl7) {
    background-color: HighlightText;
    color: Highlight
}

.enable-forced-colors .selected-22ukbQ:not(.disabled-Mmpvl7).focused-qp-W9B,
.enable-forced-colors .selected-22ukbQ:not(.disabled-Mmpvl7):hover {
    border-color: Highlight
}

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

.directionDown-2w0MZz {
    -webkit-transform: rotate3d(0, 0, -1, 0deg);
    transform: rotate3d(0, 0, -1, 0deg)
}

.directionRight-2cNgoe {
    -webkit-transform: rotate3d(0, 0, -1, 90deg);
    transform: rotate3d(0, 0, -1, 90deg)
}

.directionLeft-KIR_5K {
    -webkit-transform: rotate3d(0, 0, -1, -90deg);
    transform: rotate3d(0, 0, -1, -90deg)
}

.directionUp-3GeJic {
    -webkit-transform: rotate3d(0, 0, -1, 180deg);
    transform: rotate3d(0, 0, -1, 180deg)
}

.spinner-1qcWdc {
    width: 100%;
    height: 100%
}

.container-rr3Ruk {
    width: 100%;
    display: grid
}

.textContainer-36wgKK {
    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-36wgKK,
.textContainer-36wgKK pre {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.textContainer-36wgKK pre {
    border-radius: 4px 4px 0 0
}

.codeView-12LUIl {
    font-size: 0.875rem;
    line-height: 1rem;
    min-height: 100px
}

.codeView-12LUIl::-webkit-scrollbar-track {
    margin: 0 .5em
}

.expanded-2Dcagv {
    overflow: auto
}

.footer-GXWBBp {
    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-GXWBBp,
.toggleExpandSection-1710zV {
    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-1710zV {
    cursor: pointer;
    padding-right: 10px
}

.toggleExpandSection-1710zV:hover {
    color: var(--interactive-hover)
}

.openFullPreviewSection-31zc2v {
    cursor: pointer;
    padding-top: 4px
}

.openFullPreviewSection-31zc2v:hover {
    color: var(--interactive-hover)
}

.footerGap-1kdFHQ {
    -webkit-box-flex: 200;
    -ms-flex: 200 0 auto;
    flex: 200 0 auto
}

.downloadSection-20OayS {
    color: var(--interactive-normal)
}

.downloadSection-20OayS:hover {
    color: var(--interactive-hover);
    text-decoration: none
}

.attachmentName-vgRpzs {
    -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-1YbZww {
    padding-left: 2px;
    color: var(--interactive-muted);
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.downloadButton-2PkwZg {
    padding-left: 4px
}

.languageSelector-2e1IuO {
    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-Ni8XUA {
    min-width: 24px;
    padding-left: 4px;
    padding-bottom: 4px
}

.codeIcon-Ni8XUA:hover {
    color: var(--interactive-hover)
}

.modalRoot-27psNz {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    height: 100%;
    min-height: auto
}

.modalContent-1zPatc {
    display: grid;
    width: 100%;
    height: 100%
}

.modalTextContainer-1FUO2W {
    overflow: scroll;
    background-color: var(--background-secondary);
    border: 1px solid var(--background-secondary-alt);
    border-radius: 4px 4px 0 0
}

.modalTextContainer-1FUO2W,
.modalTextContainer-1FUO2W pre {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modalTextContainer-1FUO2W pre {
    border-radius: 4px 4px 0 0
}

.barBase-3xxDXu {
    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-3xxDXu:hover {
    opacity: 1
}

.barButtonBase-Sk2mdB {
    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-bMvzp2 {
    display: block;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-left: 8px
}

.jumpToPresentBar-1cEnH0 {
    bottom: 0;
    border-radius: 8px 8px 0 0;
    background-color: var(--background-accent);
    opacity: .95;
    padding-bottom: 8px
}

.jumpToPresentBar-1cEnH0:active {
    margin-bottom: -1px
}

.jumpToPresentBar-1cEnH0 .spinner-3xAPm0 {
    padding-right: 12px
}

.jumpToPresentBar-1cEnH0 .spinnerItem-_2a-1N {
    background-color: #fff
}

.messagesErrorBar-1IQ1rH {
    bottom: 0;
    border-radius: 8px 8px 0 0;
    background-color: var(--status-danger);
    opacity: .9;
    padding-bottom: 8px
}

.messagesErrorBar-1IQ1rH:active {
    margin-bottom: -1px
}

.messagesErrorBar-1IQ1rH .spinner-3xAPm0 {
    padding-right: 12px
}

.messagesErrorBar-1IQ1rH .spinnerItem-_2a-1N {
    background-color: #fff
}

.newMessagesBar-1hF-9G {
    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-1hF-9G:active {
    padding-top: 1px;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.barButtonMain-2GIx4o {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: block;
    position: relative
}

.barButtonMain-2GIx4o,
.span-3lFnWr {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.barButtonAlt-TQoCdZ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 600;
    position: relative
}

.loadingMore-3xLr1W {
    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-3xLr1W .spinner-3xAPm0 {
    display: inline-block;
    margin: 0
}

.hasMore-2mIMwb,
.loadingMore-3xLr1W {
    margin: 16px 6px 16px 16px;
    height: 32px
}

.hasMore-2mIMwb {
    -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-2mIMwb:hover {
    background-color: var(--background-modifier-hover)
}

.messageGroupBlocked-3oqIzZ {
    -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-3oqIzZ:last-child {
    margin-bottom: 12px
}

.messageGroupBlockedBtn-1Cdz7q {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 0;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    color: var(--interactive-normal)
}

.messageGroupBlockedBtn-1Cdz7q:hover {
    background-color: rgba(0, 0, 0, .05)
}

.revealed-3mjRKQ .messageGroupBlockedBtn-1Cdz7q {
    color: var(--interactive-active)
}

.tooltip-1j5_GT {
    text-align: center
}

.altText-sAs-Ao {
    display: inline-block;
    font-weight: 500;
    color: var(--text-muted);
    font-size: 12px;
    margin: .25rem 0 .75rem;
    line-height: 16px
}

.clickCTA-1bk0UN {
    color: #b9bbbe
}

.popoutContainer-2wbmiM {
    width: 288px;
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--background-floating);
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

@-webkit-keyframes popout-loading-3aXB2M {
    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-3aXB2M {
    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-qs-T5i {
    -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-3xnRkg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 512px;
    -webkit-animation: popout-loading-3aXB2M 4s ease-in-out infinite;
    animation: popout-loading-3aXB2M 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-3xnRkg {
    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-3oqIzZ,
.background-opacity-low .messageGroupBlocked-3oqIzZ,
.background-opacity-medium .messageGroupBlocked-3oqIzZ {
    background-color: rgba(54, 57, 63, .3);
    border-color: rgba(47, 49, 54, .2)
}

.background-opacity-high .messageGroupBlocked-3oqIzZ .messageGroupBlockedBtn-1Cdz7q,
.background-opacity-low .messageGroupBlocked-3oqIzZ .messageGroupBlockedBtn-1Cdz7q,
.background-opacity-medium .messageGroupBlocked-3oqIzZ .messageGroupBlockedBtn-1Cdz7q {
    background-color: transparent;
    color: #f6f6f7
}

.background-opacity-high .messageGroupBlocked-3oqIzZ .messageGroupBlockedBtn-1Cdz7q:hover,
.background-opacity-low .messageGroupBlocked-3oqIzZ .messageGroupBlockedBtn-1Cdz7q:hover,
.background-opacity-medium .messageGroupBlocked-3oqIzZ .messageGroupBlockedBtn-1Cdz7q:hover {
    background: rgba(54, 57, 63, .4)
}

.background-opacity-low .divider-2F5-Jn:not(.dividerRed-2UOZKj) {
    opacity: .8
}

.background-opacity-low .divider-2F5-Jn:not(.dividerRed-2UOZKj) .dividerContent-1-Q7ua {
    opacity: .8;
    color: #fff
}

.background-opacity-low .divider-2F5-Jn:not(.dividerRed-2UOZKj) .dividerContent-1-Q7ua:before {
    border-color: currentColor
}

.background-opacity-medium .divider-2F5-Jn {
    opacity: .8
}

.background-opacity-medium .divider-2F5-Jn:not(.dividerRed-2UOZKj) .dividerContent-1-Q7ua {
    color: null
}

.background-opacity-medium .divider-2F5-Jn:not(.dividerRed-2UOZKj) .dividerContent-1-Q7ua:before {
    background-color: currentColor;
    opacity: .8
}

.background-opacity-high .divider-2F5-Jn {
    opacity: .5
}

.background-opacity-high .divider-2F5-Jn:not(.dividerRed-2UOZKj) .dividerContent-1-Q7ua {
    color: null
}

.background-opacity-high .divider-2F5-Jn:not(.dividerRed-2UOZKj) .dividerContent-1-Q7ua:before {
    background-color: currentColor;
    opacity: .8
}

.disableInteractions-UXCARF.hasMore-2mIMwb {
    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-3QtaWO {
    padding: 16px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.primaryEmoji-2Og_xG {
    min-width: 3rem;
    min-height: 3rem;
    margin-top: 4px
}

.emojiName-3KEqts {
    font-weight: 600
}

.ctaButton-23h6Qo {
    margin: 16px auto 0
}

.guildSection-2Zyzy8 {
    padding: 16px;
    background-color: var(--background-secondary-alt)
}

.guildTitle-1yMWvh {
    color: var(--header-secondary);
    margin-bottom: 8px
}

.guildIcon-EvT-p6 {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.guildBadge-3lXbZA {
    margin-right: 4px;
    min-width: 16px
}

.guildName-3JcJGj {
    cursor: pointer
}

.showMoreEmojis-1K08_X {
    color: var(--interactive-normal);
    cursor: pointer;
    -webkit-transition: color .125s;
    transition: color .125s;
    font-weight: 600;
    margin-top: 8px
}

.showMoreEmojis-1K08_X:hover {
    color: var(--interactive-active)
}

.showMoreEmojisArrow-2zv_xG {
    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-2zv_xG.showMoreEmojisArrowCollapsed-3C9iVS {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.otherEmojisContainer-3lz7XE {
    margin-top: 4px
}

.otherEmoji-2tLCfQ {
    height: 2rem;
    width: 2rem;
    min-width: 2rem;
    -ms-flex-preferred-size: calc(16.66667% - 4px);
    flex-basis: calc(16.66667% - 4px);
    margin: 4px 2px
}

.truncatingText-3by0aD {
    min-width: 0
}

.dotSeparator-2N42Ni {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    margin: 0 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: var(--interactive-muted)
}

.theme-light .popoutContent-3RWpUF,
.theme-light .popoutLoader-3rb1tr {
    background-color: var(--background-floating);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.emojiContainer-2XKwXX {
    display: inline-block;
    cursor: pointer
}

.inlineContent-2YnoDy {
    opacity: 1;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.spoilerContainer-3wsC0k {
    position: relative;
    -webkit-filter: blur(0);
    filter: blur(0);
    border-radius: 3px
}

.spoilerContainer-3wsC0k.hidden-3B-Rum {
    cursor: pointer;
    overflow: hidden
}

.spoilerWarning-8ovW0v {
    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-8ovW0v.embed-36VThC {
    margin-left: 4px
}

.spoilerText-27bIiA {
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.spoilerText-27bIiA.codeBlock-19Eqh2 {
    display: block;
    width: 90%;
    border-radius: 5px
}

.spoilerText-27bIiA.codeBlock-19Eqh2 pre {
    max-width: 100%
}

.spoilerText-27bIiA.quoteBlock-1V2ls0 {
    display: block;
    width: 90%;
    border-radius: 5px
}

.spoilerText-27bIiA.quoteBlock-1V2ls0 blockquote {
    max-width: 100%
}

.spoilerText-27bIiA.hidden-3B-Rum {
    cursor: pointer
}

.spoilerText-27bIiA.hidden-3B-Rum .inlineContent-2YnoDy {
    cursor: pointer;
    opacity: 0;
    pointer-events: none
}

.theme-dark .spoilerText-27bIiA {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .spoilerText-27bIiA.hidden-3B-Rum {
    background-color: #202225
}

.theme-dark .spoilerText-27bIiA.hidden-3B-Rum:hover {
    background-color: rgba(32, 34, 37, .8)
}

.theme-dark .spoilerWarning-8ovW0v {
    color: #dcddde;
    background-color: rgba(0, 0, 0, .6)
}

.theme-dark .spoilerContainer-3wsC0k:hover .spoilerWarning-8ovW0v {
    color: #fff;
    background-color: rgba(0, 0, 0, .9)
}

.theme-dark .spoilerContainer-3wsC0k.hidden-3B-Rum: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-27bIiA {
    background-color: rgba(0, 0, 0, .1)
}

.theme-light .spoilerText-27bIiA.hidden-3B-Rum {
    background-color: #b9bbbe
}

.theme-light .spoilerText-27bIiA.hidden-3B-Rum:hover {
    background-color: rgba(185, 187, 190, .8)
}

.theme-light .spoilerWarning-8ovW0v {
    color: #dcddde;
    background-color: rgba(0, 0, 0, .6)
}

.theme-light .spoilerContainer-3wsC0k:hover .spoilerWarning-8ovW0v {
    color: #fff;
    background-color: rgba(0, 0, 0, .9)
}

.theme-light .spoilerContainer-3wsC0k.hidden-3B-Rum: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)
}

.enable-forced-colors .spoilerText-27bIiA {
    border: 1px solid CanvasText;
    padding: 0 2px
}

.enable-forced-colors .spoilerText-27bIiA.hidden-3B-Rum {
    background-color: ButtonFace
}

.enable-forced-colors .spoilerText-27bIiA.hidden-3B-Rum:hover {
    background-color: ButtonFace;
    border-color: ButtonText
}

.wrapper-1ZcZW- {
    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-1ZcZW- {
    background: var(--brand-experiment-30a);
    color: var(--brand-experiment-200)
}

.theme-dark.low-contrast .wrapper-1ZcZW- {
    background: var(--brand-experiment-05a);
    color: var(--brand-experiment-300)
}

.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)
}

.channelIcon-3I2O7O {
    width: 1.05rem;
    height: 1.3rem;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    left: .125rem;
    top: 0
}

.mention.iconMention-3WxjBe {
    padding-left: 1.3rem
}

.mention.iconMentionText-1_WCtN {
    padding-left: 1.2rem
}

.mention.iconMentionThread-3eRpNo {
    padding-left: 1.35rem
}

.theme-dark .svgContentRight-3MSzvF {
    fill: #4f545c
}

.theme-dark .svgContentLeft-2HZqab {
    fill: #40444b
}

.theme-dark .svgContentLines-1kG7d4,
.theme-dark .svgDots-eHVkRM {
    fill: #72767d
}

.theme-dark .svgTag-pnwduA {
    fill: #dcddde
}

.theme-light .svgContentRight-3MSzvF {
    fill: #fff
}

.theme-light .svgContentLeft-2HZqab,
.theme-light .svgContentLines-1kG7d4 {
    fill: #c7ccd1
}

.theme-light .svgDots-eHVkRM {
    fill: #ebedef
}

.theme-light .svgTag-pnwduA {
    fill: #9099a4
}

.wrapper-3-JZ_Z {
    -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-2fo8Y2,
.wrapper-3-JZ_Z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.titleRegion-2fo8Y2 {
    -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-2331sN,
.title-3UXrP6 {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.infoIcon-2331sN {
    width: 16px;
    height: 16px;
    margin-left: 4px
}

.copyLink-1bBHaR {
    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-1bBHaR:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -8px;
    display: block;
    height: 12px;
    width: 1px;
    margin-right: 8px;
    pointer-events: none
}

.copyLink-1bBHaR.copied-2eS1g4 {
    cursor: default
}

.copyLinkIcon-aa2cFn {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.content-2B7bZY {
    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-3jBZ_6 {
    cursor: pointer
}

.buildInfo-2BgEpK {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    padding-right: 8px;
    height: 40px
}

.button-2H0i_p {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.buttonSize-2Y-t8T {
    width: 80px;
    height: 40px
}

.subHead-sCCyht {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500
}

.icon-3w1VkJ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    margin-right: 16px
}

.buildDetails-15XTIW {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.barLoader-WCIKN8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 84%;
    height: 16px;
    border-radius: 8px
}

.barTitle-SmZqC_ {
    width: 45%;
    margin-top: 2px;
    margin-bottom: 4px
}

.buttonLoader-1CeBCI {
    width: 80px;
    height: 40px;
    border-radius: 4px
}

.theme-dark .infoLink-3jBZ_6 {
    color: #b9bbbe !important
}

.theme-dark .copyLink-1bBHaR:before {
    background-color: #40444b
}

.theme-dark .buildDetails-15XTIW,
.theme-dark .copyLink-1bBHaR:hover,
.theme-dark .infoLink-3jBZ_6:hover {
    color: #f6f6f7 !important
}

.theme-dark .copyLink-1bBHaR.copied-2eS1g4,
.theme-dark .copyLink-1bBHaR.copied-2eS1g4:hover {
    color: var(--text-positive)
}

.theme-dark .barLoader-WCIKN8,
.theme-dark .buttonLoader-1CeBCI {
    background-color: #40444b
}

.theme-light .infoLink-3jBZ_6 {
    color: #4f5660 !important
}

.theme-light .copyLink-1bBHaR:before {
    background-color: #4f5660
}

.theme-light .buildDetails-15XTIW,
.theme-light .copyLink-1bBHaR:hover,
.theme-light .infoLink-3jBZ_6:hover {
    color: #23262a !important
}

.theme-light .copyLink-1bBHaR.copied-2eS1g4,
.theme-light .copyLink-1bBHaR.copied-2eS1g4:hover {
    color: var(--text-positive)
}

.theme-light .barLoader-WCIKN8,
.theme-light .buttonLoader-1CeBCI {
    background-color: #d2d6da
}

.theme-light .disabledButtonOverride-3gcwQC {
    background-color: #c7ccd1 !important
}

.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-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-class .hljs-title,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
    color: #b58900
}

.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-meta.hljs-keyword,
.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
}

.hljs-ansi-control-sequence {
    display: none
}

.hljs-ansi-style-bold {
    font-weight: 700
}

.hljs-ansi-style-underline {
    text-decoration: underline
}

.hljs-ansi-foreground-black {
    color: var(--interactive-muted)
}

.hljs-ansi-foreground-black .hljs-ansi-background-black,
.hljs-ansi-foreground-black .hljs-ansi-background-blue,
.hljs-ansi-foreground-black .hljs-ansi-background-cyan,
.hljs-ansi-foreground-black .hljs-ansi-background-green,
.hljs-ansi-foreground-black .hljs-ansi-background-magenta,
.hljs-ansi-foreground-black .hljs-ansi-background-red,
.hljs-ansi-foreground-black .hljs-ansi-background-white,
.hljs-ansi-foreground-black .hljs-ansi-background-yellow {
    color: #073642
}

.hljs-ansi-foreground-red {
    color: #dc322f
}

.hljs-ansi-foreground-green {
    color: #859900
}

.hljs-ansi-foreground-yellow {
    color: #b58900
}

.hljs-ansi-foreground-blue {
    color: #268bd2
}

.hljs-ansi-foreground-magenta {
    color: #d33682
}

.hljs-ansi-foreground-cyan {
    color: #2aa198
}

.hljs-ansi-foreground-white {
    color: var(--interactive-active)
}

.hljs-ansi-foreground-white .hljs-ansi-background-black,
.hljs-ansi-foreground-white .hljs-ansi-background-blue,
.hljs-ansi-foreground-white .hljs-ansi-background-cyan,
.hljs-ansi-foreground-white .hljs-ansi-background-green,
.hljs-ansi-foreground-white .hljs-ansi-background-magenta,
.hljs-ansi-foreground-white .hljs-ansi-background-red,
.hljs-ansi-foreground-white .hljs-ansi-background-white,
.hljs-ansi-foreground-white .hljs-ansi-background-yellow {
    color: #eee8d5
}

.hljs-ansi-background-black {
    background-color: #002b36
}

.hljs-ansi-background-red {
    background-color: #cb4b16
}

.hljs-ansi-background-green {
    background-color: #586e75
}

.hljs-ansi-background-yellow {
    background-color: #657b83
}

.hljs-ansi-background-blue {
    background-color: #839496
}

.hljs-ansi-background-magenta {
    background-color: #6c71c4
}

.hljs-ansi-background-cyan {
    background-color: #93a1a1
}

.hljs-ansi-background-white {
    background-color: #fdf6e3
}

.markup-eYLPri {
    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-eYLPri a {
    color: var(--text-link);
    word-break: break-word;
    text-decoration: none;
    cursor: pointer
}

.markup-eYLPri a:hover {
    text-decoration: underline
}

.markup-eYLPri strong {
    font-weight: 700
}

.markup-eYLPri em {
    font-style: italic
}

.markup-eYLPri 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-eYLPri blockquote,
.markup-eYLPri pre {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 90%
}

.markup-eYLPri blockquote {
    text-indent: 0
}

.markup-eYLPri blockquote pre {
    max-width: 100%
}

.markup-eYLPri 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-eYLPri 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
}

.markup-eYLPri .inlineFormat-27RIC2 li {
    display: inline;
    margin: 0;
    padding-right: 8px;
    white-space: normal
}

.markup-eYLPri .inlineFormat-27RIC2 li:before {
    content: "\2022";
    padding-right: 4px
}

.markup-eYLPri .inlineFormat-27RIC2 li li:before {
    content: "\25CB";
    font-size: 0.625rem;
    padding: 0 4px 4px;
    line-height: 1rem
}

.markup-eYLPri li {
    white-space: break-spaces
}

.markup-eYLPri ol,
.markup-eYLPri ul {
    margin: 0 0 0 16px;
    list-style-position: outside
}

.markup-eYLPri ol.inlineFormat-27RIC2,
.markup-eYLPri ul.inlineFormat-27RIC2 {
    display: inline;
    margin: 0;
    padding: 0 8px 0 0
}

.markup-eYLPri ul {
    list-style-type: disc
}

.markup-eYLPri ol {
    list-style-type: decimal
}

.markup-eYLPri ol ul,
.markup-eYLPri ul ul {
    list-style-type: circle;
    margin-bottom: 0
}

.markup-eYLPri ol ol,
.markup-eYLPri ul ol {
    list-style-type: lower-roman;
    margin-bottom: 0
}

.markup-eYLPri ol ol ol,
.markup-eYLPri ol ul ol,
.markup-eYLPri ul ol ol,
.markup-eYLPri ul ul ol {
    list-style-type: lower-alpha
}

.markup-eYLPri h1,
.markup-eYLPri h2,
.markup-eYLPri h3,
.markup-eYLPri h4,
.markup-eYLPri h5,
.markup-eYLPri h6 {
    font-family: Ginto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: var(--header-primary);
    line-height: 1.5rem;
    margin: 16px 0 4px
}

.markup-eYLPri h1.inlineFormat-27RIC2,
.markup-eYLPri h2.inlineFormat-27RIC2,
.markup-eYLPri h3.inlineFormat-27RIC2,
.markup-eYLPri h4.inlineFormat-27RIC2,
.markup-eYLPri h5.inlineFormat-27RIC2,
.markup-eYLPri h6.inlineFormat-27RIC2 {
    font-weight: 600;
    font-size: 1rem;
    white-space: normal;
    margin: 0;
    padding-right: 16px;
    line-height: 1rem;
    color: inherit;
    display: inline
}

.markup-eYLPri h1 {
    font-size: 1.25rem;
    margin: 16px 0 8px
}

.markup-eYLPri h2 {
    margin: 16px 0 8px
}

.markup-eYLPri h2,
.markup-eYLPri h3 {
    font-size: 1rem
}

.markup-eYLPri h1:first-child,
.markup-eYLPri h2:first-child {
    margin-top: 8px
}

.markup-eYLPri h3:first-child,
.markup-eYLPri h4:first-child,
.markup-eYLPri h5:first-child,
.markup-eYLPri h6:first-child {
    margin-top: 4px
}

.markup-eYLPri pre+h1,
.markup-eYLPri pre+h2,
.markup-eYLPri pre+h3,
.markup-eYLPri pre+h4,
.markup-eYLPri pre+h5,
.markup-eYLPri pre+h6 {
    margin-top: -8px
}

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

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

.blockquoteContainer-3VtvI1 .blockquoteDivider-363utW {
    width: 4px;
    border-radius: 4px
}

.blockquoteContainer-3VtvI1 blockquote {
    padding: 0 8px 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 0
}

.blockquoteDivider-363utW {
    background-color: var(--interactive-muted)
}

.slateBlockquoteContainer-3dsgJl {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slateBlockquoteContainer-3dsgJl .blockquoteDivider-363utW,
.slateBlockquoteContainer-3dsgJl blockquote {
    margin: 0;
    border-radius: 0
}

.slateBlockquoteContainer-3dsgJl blockquote {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.background-opacity-low .markup-eYLPri,
.background-opacity-medium .markup-eYLPri {
    font-weight: 400
}

.background-opacity-low .markup-eYLPri {
    color: #fff;
    text-shadow: 0 0 1px #202225, 1px 1px 0 #202225
}

.background-opacity-low .markup-eYLPri 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-eYLPri {
    color: #f6f6f7;
    text-shadow: 0 0 1px #36393f, 1px 1px 0 #36393f
}

.background-opacity-medium .markup-eYLPri 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-eYLPri {
    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)
}

.roleMention-11Aaqi {
    font-weight: 500
}

.rolePopout-27VCjW {
    width: 240px;
    background-color: var(--background-secondary);
    border-radius: 8px;
    max-height: calc(100vh - 20px)
}

.roleHeader-2yTfxa {
    padding: 12px 8px 0 16px;
    height: 40px
}

.roleScroller-2vdbSX {
    margin-top: 4px;
    margin-bottom: 8px
}

.timestamp-6-ptG3 {
    background-color: var(--background-modifier-accent);
    border-radius: 3px;
    padding: 0 2px
}

.timestampTooltip-39GGs0 {
    max-width: unset
}

.enable-forced-colors .blockquoteDivider-363utW {
    background-color: CanvasText
}

.enable-forced-colors code.inline {
    position: relative
}

.enable-forced-colors code.inline:after,
.enable-forced-colors code.inline:before {
    border: 1px solid CanvasText;
    content: "";
    display: inline-block;
    height: 1em;
    margin-bottom: -3px;
    width: 2px
}

.enable-forced-colors code.inline:before {
    border-right-width: 0
}

.enable-forced-colors code.inline:after {
    border-left-width: 0
}

.enable-forced-colors .mention {
    color: ButtonText;
    text-decoration: underline
}

@-webkit-keyframes placeholderPulse-3w0tMs {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@keyframes placeholderPulse-3w0tMs {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.multiplePlaceholder-3kBQ96,
.placeholder-38d3Iv {
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-animation: placeholderPulse-3w0tMs 3s ease-in-out infinite;
    animation: placeholderPulse-3w0tMs 3s ease-in-out infinite
}

.placeholder-38d3Iv {
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mulitplePlaceholderUsername-2T3DCI,
.placeholderUsername-3iQi_D {
    border-radius: 8px;
    height: 14px
}

.mulitplePlaceholderUsername-2T3DCI {
    margin-top: 12px
}

.avatarSmall-1ne343 {
    width: 32px;
    height: 32px
}

.avatarLarge-3Xtp1v {
    width: 40px;
    height: 40px
}

.placeholderAvatar-1qAcRZ {
    border-radius: 50%
}

.mulitplePlaceholderUsername-2T3DCI,
.placeholderAvatar-1qAcRZ,
.placeholderUsername-3iQi_D {
    background-color: var(--background-primary)
}

.avatarMasked-3psudt {
    -webkit-mask-image: url(/assets/bdfdb44edfec770fb4e448cbbebfe922.svg);
    mask-image: url(/assets/bdfdb44edfec770fb4e448cbbebfe922.svg);
    -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-1oeRFJ {
    -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-1oeRFJ .muted-14PyqW {
    color: var(--interactive-muted)
}

.muted-14PyqW .avatar-6qzftW {
    opacity: .3
}

.clickable-28SzVr.container-1oeRFJ:hover,
.clickable-28SzVr.container-1oeRFJ:hover .muted-14PyqW {
    color: var(--interactive-hover)
}

.clickable-28SzVr.container-1oeRFJ:hover .avatar-6qzftW {
    opacity: 1
}

.clickable-28SzVr.container-1oeRFJ:active,
.highlighted-3PcOfB.container-1oeRFJ,
.selected-1-Z6gm.container-1oeRFJ {
    color: var(--interactive-active)
}

.layout-1qmrhw {
    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-31F4iI {
    height: auto;
    padding: 5px 8px
}

.clickable-28SzVr:hover .layout-1qmrhw {
    background-color: var(--background-modifier-hover);
    cursor: pointer
}

.clickable-28SzVr:active .layout-1qmrhw {
    background-color: var(--background-modifier-active)
}

.selected-1-Z6gm .layout-1qmrhw {
    background-color: var(--background-modifier-selected)
}

.avatar-6qzftW {
    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-1U25dZ {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.content-1U25dZ,
.name-3Vmqxm {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.name-3Vmqxm {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.wrappedName-1GzMwB {
    overflow: none;
    white-space: normal
}

.nameAndDecorators-3ERwy2 {
    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-OGOWMj {
    margin-top: -2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.subText-OGOWMj:empty {
    display: none
}

.children-283-lq {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px
}

.icon-Lupfh- {
    margin-left: 2px
}

.emoji-V71N2V,
.icon-Lupfh- {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.textRuler-1DsANg {
    position: absolute;
    visibility: hidden
}

.member-2gU6Ar {
    position: relative;
    max-width: 224px;
    margin-left: 8px
}

.offline-22aM7E {
    opacity: .3
}

.offline-22aM7E:hover {
    opacity: 1
}

.icon-1dGlZy {
    -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-255uKo {
    color: var(--text-warning);
    margin-left: 4px
}

.lostPermission-32VBiv {
    text-decoration: line-through
}

.premiumIcon-3PLiGh {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%);
    margin-left: 3px
}

.placeholder-1WgmVn {
    padding: 4px 8px
}

.botTag-2mryIa {
    margin-left: 4px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.roleColor-nA7BqX {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.activity-2EQDZv {
    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-1rR-8O {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.activityEmoji-SDBJp8 {
    margin-right: 4px;
    width: 14px;
    height: 14px
}

.base-3IDx3L {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 16px;
    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-3epLEv {
    border-radius: 8px
}

.baseShapeRoundLeft-heLrHp {
    border-radius: 8px 0 0 8px
}

.baseShapeRoundRight-2K-azs {
    border-radius: 0 8px 8px 0
}

.numberBadge-37OJ3S {
    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-1fdDPJ {
    padding: 0 6px;
    font-family: var(--font-display);
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.iconBadge-1D5-9X {
    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
}

.icon-2Ug6UV {
    padding: 2px;
    width: 100%;
    height: 100%
}

.popoutMenu-3LsYJw {
    width: 268px
}

.banner-1YaD3N {
    position: relative;
    -webkit-transition: background-color .1s;
    transition: background-color .1s
}

.bannerPremium-kkSkPv {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.popoutBanner-3cqRD9 {
    width: 300px;
    height: 60px
}

.popoutBannerPremium-3i5EEI {
    width: 300px;
    height: 120px
}

.profileBanner-1owKI5 {
    width: 600px;
    height: 120px
}

.profileBannerPremium-KD60EB {
    width: 600px;
    height: 240px
}

.settingsBanner-1eDJ5w {
    width: 100%;
    height: 100px
}

.pencilContainer-18TrEJ {
    cursor: pointer;
    position: absolute;
    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: 5px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .3);
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    top: 10px;
    right: 12px
}

.pencilContainer-18TrEJ:hover {
    background-color: rgba(0, 0, 0, .6)
}

.pencilIcon-z04-c5 {
    color: #fff
}

.popoutBanner-3cqRD9 .pencilContainer-18TrEJ,
.popoutBannerPremium-3i5EEI .pencilContainer-18TrEJ {
    top: 10px;
    right: 12px
}

.profileBanner-1owKI5 .pencilContainer-18TrEJ,
.profileBannerPremium-KD60EB .pencilContainer-18TrEJ {
    top: 14px;
    right: 16px
}

.premiumIconWrapper-32h0Ri {
    position: absolute;
    top: 6px;
    right: 8px;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transition: opacity .15s ease-out, -webkit-transform .15s ease-out;
    transition: opacity .15s ease-out, -webkit-transform .15s ease-out;
    transition: opacity .15s ease-out, transform .15s ease-out;
    transition: opacity .15s ease-out, transform .15s ease-out, -webkit-transform .15s ease-out
}

.profileBannerPremium-KD60EB .premiumIconWrapper-32h0Ri {
    top: 14px;
    right: 16px
}

.premiumIcon-3ZB6PS {
    color: #fff;
    display: block;
    margin-left: -2px;
    margin-right: -2px
}

.reducedMotion-395crG .premiumIconWrapper-32h0Ri {
    -webkit-transition: none;
    transition: none
}

.gifTag-3_dPxY {
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: 1;
    z-index: 1;
    pointer-events: none
}

.profileBannerPremium-KD60EB .gifTag-3_dPxY {
    top: 16px;
    right: 16px
}

.banner-1YaD3N:hover .premiumIconWrapper-32h0Ri {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.banner-1YaD3N:hover .gifTag-3_dPxY {
    opacity: 0
}

.clickable-_6T6Od {
    cursor: pointer
}

.container-2O1UgZ {
    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)
}

.scroller-T0ofDo {
    padding: 0
}

.list-3cyRKU {
    height: 280px;
    padding: 8px 0
}

.roleIcon-3-WL_I {
    display: inline-block;
    overflow: hidden;
    -o-object-fit: contain;
    object-fit: contain
}

.roleIcon-3-WL_I:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--background-modifier-accent);
    border-radius: 50%
}

.clickable-3VeFBy {
    cursor: pointer
}

.root-jbEB5E {
    position: relative;
    margin-top: 2px
}

.role-2TIOKu {
    font-size: 12px;
    font-weight: 500;
    background: var(--background-secondary-alt);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 22px;
    margin: 0 4px 4px 0;
    padding: 4px
}

.roleCircle-1EgnFN {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0 4px
}

.roleRemoveIcon-387wKV {
    display: none;
    width: 10px;
    height: 10px
}

.role-2TIOKu:focus .roleRemoveIcon-387wKV,
.role-2TIOKu:hover .roleRemoveIcon-387wKV,
.roleRemoveIconFocused-1BliR4 .roleRemoveIcon-387wKV {
    display: block
}

.roleName-2ZJJYR {
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 4px
}

.actionButton-1YKTU0 {
    color: var(--interactive-active);
    font-size: 11px;
    line-height: 11px
}

.overflowButton-3p0YaR {
    padding: 4px 8px
}

.addButton-1_dZYu {
    padding: 4px 5px
}

.addButtonIcon-3HZ_2f {
    cursor: pointer;
    width: 14px;
    height: 14px
}

.overflowRolesPopout-1Puiuq {
    border-radius: 3px;
    padding: 8px;
    width: 200px
}

.overflowRolesPopoutArrowWrapper-3B08bL {
    margin-left: -8px;
    overflow: hidden;
    width: 16px;
    height: 12px
}

.overflowRolesPopoutArrow-2R7g3K {
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popoutBottom-1gM6IB .overflowRolesPopoutArrowWrapper-3B08bL {
    position: absolute;
    bottom: 100%;
    left: 50%
}

.popoutBottom-1gM6IB .overflowRolesPopoutArrow-2R7g3K {
    position: absolute;
    bottom: -4px;
    left: 4px
}

.popoutTop-iqgr6A .overflowRolesPopoutArrowWrapper-3B08bL {
    position: absolute;
    top: 100%;
    left: 50%
}

.popoutTop-iqgr6A .overflowRolesPopoutArrow-2R7g3K {
    position: absolute;
    top: -4px;
    left: 4px
}

.overflowRolesPopoutHeader-1JoWg7 {
    margin-bottom: 8px
}

.popoutRoleDot-2_Nt5g {
    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-2LIuSc {
    margin-right: 4px;
    width: 12px;
    height: 12px
}

.overflowRolesPopoutHeaderText-3HyHGv {
    font-size: 12px;
    font-weight: 700;
    color: #72767d;
    text-transform: uppercase
}

.theme-dark .overflowRolesPopout-1Puiuq {
    color: hsla(0, 0%, 100%, .8)
}

.theme-dark .overflowRolesPopout-1Puiuq,
.theme-dark .overflowRolesPopoutArrow-2R7g3K {
    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 .overflowRolesPopout-1Puiuq {
    color: rgba(79, 84, 92, .8)
}

.theme-light .overflowRolesPopout-1Puiuq,
.theme-light .overflowRolesPopoutArrow-2R7g3K {
    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)
}

.roleIcon-29epUq {
    margin-right: 4px
}

.textarea-_59yqs {
    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-_59yqs::-webkit-input-placeholder {
    color: var(--header-secondary)
}

.textarea-_59yqs::-moz-placeholder {
    color: var(--header-secondary)
}

.textarea-_59yqs:-ms-input-placeholder {
    color: var(--header-secondary)
}

.textarea-_59yqs::placeholder {
    color: var(--header-secondary)
}

.textarea-_59yqs:focus {
    background-color: var(--background-tertiary)
}

.text-31kWmP {
    font-weight: 500;
    color: hsla(0, 0%, 100%, .8)
}

.bar-1GpknY {
    background-color: rgba(79, 84, 92, .16);
    border-radius: 2px;
    height: 4px
}

.barInMultiLine-WXdxfg {
    margin-bottom: 4px
}

.barInner-3dHef4 {
    background-color: #fff;
    border-radius: 2px;
    height: 100%;
    min-width: 4px
}

.themed-1LCNAV .textLeft-1Noen0,
.themed-1LCNAV .textRight-2IW704 {
    color: var(--text-normal)
}

.themed-1LCNAV .barInner-3dHef4 {
    background-color: var(--text-normal)
}

.theme-light .newPopoutActivityStyles .barInner-3dHef4,
.theme-light .newProfileActivityStyles .barInner-3dHef4 {
    background-color: var(--header-primary)
}

.theme-light .newPopoutActivityStyles .text-31kWmP,
.theme-light .newProfileActivityStyles .text-31kWmP {
    color: var(--header-primary)
}

.singleLineContainer-3n3v4e {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.barInSingleLine-2HWcqa {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 4px;
    margin-right: 4px
}

.textLeftInSingleLine-2mRSG1 {
    min-width: 32px;
    text-align: right
}

.noUserDrag-2HbVzE {
    -webkit-user-drag: none
}

.userSelectText-1wo4Nm {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.userSelectNone-3AtPzf {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cursorDefault-2KkZ5q {
    cursor: default
}

.cursorPointer-3Tn1hR {
    cursor: pointer
}

.ellipsis-23LXbI {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.headerContainer-1wJjOa {
    width: 100%;
    min-width: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.headerText-3g1XK9 {
    font-weight: 700;
    text-transform: uppercase
}

.headerText-3g1XK9+div {
    margin-left: 8px
}


.assets-3PQvAh {
    position: relative;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.assetsLargeMaskStreamPreview--ugZjW,
.assetsLargeMaskUserPopout-3N96A8,
.assetsLargeMaskVoiceChannel-3IlDCA {
    -webkit-mask: url(/assets/3a10988d0f55c63294100b270818207a.svg);
    mask: url(/assets/3a10988d0f55c63294100b270818207a.svg)
}

.assetsLargeMaskActivityFeed-1IwNdL,
.assetsLargeMaskProfile-9q3P0C {
    -webkit-mask: url(/assets/ba356d72b838326dae400f83c813411c.svg);
    mask: url(/assets/ba356d72b838326dae400f83c813411c.svg)
}

.assetsProfile-3DqdQK {
    max-height: 144px
}

.assetsLargeImage-8U5dlz {
    border-radius: 8px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.assetsLargeImageSpotify-17ME3M {
    border-radius: 0
}

.assetsLargeImageStreamPreview-3peV91,
.assetsLargeImageUserPopout-pY2WJv,
.assetsLargeImageUserPopoutXbox-tkbJgJ {
    width: 60px;
    height: 60px
}

.assetsLargeImageActivityFeed-3zBude,
.assetsLargeImageActivityFeedXbox-3gGXXV,
.assetsLargeImageProfile-1TX9jP {
    width: 90px;
    height: 90px
}

.assetsLargeImageVoiceChannel-1z72N6 {
    width: 64px;
    height: 64px
}

.assetsLargeImageActivityFeedTwitch-jesxcF {
    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-2nm5p9 {
    width: 60px;
    height: 60px
}

.assetsLargeImageProfileTwitch-1SbNkP {
    width: 162px;
    height: 90px
}

.assetsSmallImage-2JNB1y {
    border-radius: 50%;
    position: absolute;
    bottom: -4px;
    right: -4px
}

.assetsSmallImageStreamPreview-3kFSXs,
.assetsSmallImageUserPopout-3cjxZQ,
.assetsSmallImageVoiceChannel-ak_e88 {
    width: 20px;
    height: 20px
}

.assetsSmallImageActivityFeed-2e1l_G,
.assetsSmallImageProfile-NPfu8b {
    width: 30px;
    height: 30px
}

.assetsSmallImageActivityFeedWithoutLargeImage-2WY65u,
.assetsSmallImageProfileWithoutLargeImage-35nix-,
.assetsSmallImageStreamPreviewWithoutLargeImage-Iyik4B,
.assetsSmallImageUserPopoutWithoutLargeImage-2l1D0Y,
.assetsSmallImageVoiceChannelWithoutLargeImage-1idSIb {
    width: 40px;
    height: 40px
}

.gameIcon-1siQqm {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.screenshareIcon-QVBxGK {
    width: 40px;
    height: 40px;
    background-image: url(/assets/48e17966070e58a560c33ccbe732058a.svg)
}

.content-tXPNDw {
    overflow: hidden
}

.contentImagesActivityFeed-2rPjYe,
.contentImagesProfile-27BIzt,
.contentImagesStreamPreview-38HyRm,
.contentImagesUserPopout-Kqai8z,
.contentImagesVoiceChannel-OHm3LY {
    margin-left: 10px
}

.contentNoImagesActivityFeed-BKTRap,
.contentNoImagesProfile-Xss4dS {
    margin-bottom: -4px
}

.contentGameImageStreamPreview-IxMSBl,
.contentGameImageUserPopout-34d8To,
.contentGameImageVoiceChannel-2Rxty2 {
    margin-bottom: -1px;
    margin-left: 10px
}

.contentGameImageProfile-24ty00 {
    margin-bottom: -2px;
    margin-left: 10px
}

.textRow-1sENuL {
    display: block;
    font-size: 14px;
    line-height: 18px
}

.activityActivityFeed-22M25p .name-1-Q7l2 {
    display: none
}

.activityActivityFeed-22M25p .details-2-ciHo {
    font-weight: 600
}

.timeBarUserPopout-qLXZaR {
    margin-top: 12px
}

.timeBarActivityFeed-1cJFea,
.timeBarProfile-1z_HH- {
    margin-top: 10px
}

.timeBarVoiceChannel-2M2m58 {
    margin-top: 4px
}

.activityName-3YXl6e,
.nameNormal-2fPMD2,
.nameWrap-3TyM52 {
    color: #fff
}

.bodyLink-1E-g-R:hover {
    text-decoration: underline
}

.twitchImageContainer-3x_4hf {
    background: #18191c;
    position: relative;
    border-radius: 8px
}

.twitchImageOverlay-23Tzye {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px
}

.twitchBackgroundImage-fgOupM {
    min-height: 260px;
    display: inline-block
}

.streamUsername-1alWqh {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #dcddde
}

.streamName-qiZQ5c {
    margin-top: 8px;
    color: #b9bbbe;
    font-weight: 500;
    font-size: 14px
}

.streamGame-2eHF-V {
    text-transform: uppercase;
    color: #72767d;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px
}

.activityVoiceChannel-2vojOH .headerText-3g1XK9 {
    color: var(--interactive-normal)
}

.activityVoiceChannel-2vojOH .activityName-3YXl6e,
.activityVoiceChannel-2vojOH .name-1-Q7l2,
.activityVoiceChannel-2vojOH .nameNormal-2fPMD2,
.activityVoiceChannel-2vojOH .nameWrap-3TyM52 {
    color: var(--header-primary)
}

.activityVoiceChannel-2vojOH .content-tXPNDw,
.activityVoiceChannel-2vojOH .details-2-ciHo,
.activityVoiceChannel-2vojOH .playTime-3fSgOm,
.activityVoiceChannel-2vojOH .state-2NT76I,
.activityVoiceChannel-2vojOH .timestamp-2f1NmH {
    color: var(--header-secondary)
}

.platformIcon-k3yytQ {
    display: none
}

.icon-2TIjXF {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    color: var(--header-secondary);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.theme-light .activityActivityFeed-22M25p .content-tXPNDw,
.theme-light .activityActivityFeed-22M25p .details-2-ciHo {
    color: #4f545c
}

.theme-light .activityStreamPreview-uBr6hk .activityName-3YXl6e,
.theme-light .activityStreamPreview-uBr6hk .content-tXPNDw,
.theme-light .activityStreamPreview-uBr6hk .details-2-ciHo,
.theme-light .activityStreamPreview-uBr6hk .name-1-Q7l2,
.theme-light .activityStreamPreview-uBr6hk .nameNormal-2fPMD2 {
    color: #23262a
}

.theme-dark .activityActivityFeed-22M25p .content-tXPNDw,
.theme-dark .activityActivityFeed-22M25p .details-2-ciHo {
    color: #dcddde
}

.theme-dark .activityStreamPreview-uBr6hk .activityName-3YXl6e,
.theme-dark .activityStreamPreview-uBr6hk .content-tXPNDw,
.theme-dark .activityStreamPreview-uBr6hk .details-2-ciHo,
.theme-dark .activityStreamPreview-uBr6hk .name-1-Q7l2,
.theme-dark .activityStreamPreview-uBr6hk .nameNormal-2fPMD2 {
    color: #f6f6f7
}

.theme-dark .activityProfile-1712BN .content-tXPNDw,
.theme-dark .activityProfile-1712BN .details-2-ciHo,
.theme-dark .activityProfile-1712BN .headerText-3g1XK9,
.theme-dark .activityProfile-1712BN .name-1-Q7l2,
.theme-dark .activityUserPopout-2MzGCj .content-tXPNDw,
.theme-dark .activityUserPopout-2MzGCj .details-2-ciHo,
.theme-dark .activityUserPopout-2MzGCj .headerText-3g1XK9,
.theme-dark .activityUserPopout-2MzGCj .name-1-Q7l2,
.theme-light .activityProfile-1712BN .content-tXPNDw,
.theme-light .activityProfile-1712BN .details-2-ciHo,
.theme-light .activityProfile-1712BN .headerText-3g1XK9,
.theme-light .activityProfile-1712BN .name-1-Q7l2,
.theme-light .activityUserPopout-2MzGCj .content-tXPNDw,
.theme-light .activityUserPopout-2MzGCj .details-2-ciHo,
.theme-light .activityUserPopout-2MzGCj .headerText-3g1XK9,
.theme-light .activityUserPopout-2MzGCj .name-1-Q7l2 {
    color: #fff
}

.theme-dark .newPopoutActivityStyles .activityName-3YXl6e,
.theme-dark .newPopoutActivityStyles .content-tXPNDw,
.theme-dark .newPopoutActivityStyles .details-2-ciHo,
.theme-dark .newPopoutActivityStyles .name-1-Q7l2,
.theme-dark .newPopoutActivityStyles .nameNormal-2fPMD2,
.theme-dark .newPopoutActivityStyles .nameWrap-3TyM52,
.theme-dark .newProfileActivityStyles .activityName-3YXl6e,
.theme-dark .newProfileActivityStyles .content-tXPNDw,
.theme-dark .newProfileActivityStyles .details-2-ciHo,
.theme-dark .newProfileActivityStyles .name-1-Q7l2,
.theme-dark .newProfileActivityStyles .nameNormal-2fPMD2,
.theme-dark .newProfileActivityStyles .nameWrap-3TyM52,
.theme-light .newPopoutActivityStyles .activityName-3YXl6e,
.theme-light .newPopoutActivityStyles .content-tXPNDw,
.theme-light .newPopoutActivityStyles .details-2-ciHo,
.theme-light .newPopoutActivityStyles .name-1-Q7l2,
.theme-light .newPopoutActivityStyles .nameNormal-2fPMD2,
.theme-light .newPopoutActivityStyles .nameWrap-3TyM52,
.theme-light .newProfileActivityStyles .activityName-3YXl6e,
.theme-light .newProfileActivityStyles .content-tXPNDw,
.theme-light .newProfileActivityStyles .details-2-ciHo,
.theme-light .newProfileActivityStyles .name-1-Q7l2,
.theme-light .newProfileActivityStyles .nameNormal-2fPMD2,
.theme-light .newProfileActivityStyles .nameWrap-3TyM52 {
    color: var(--text-normal)
}

.theme-dark .newPopoutActivityStyles .headerText-3g1XK9,
.theme-dark .newProfileActivityStyles .headerText-3g1XK9,
.theme-light .newPopoutActivityStyles .headerText-3g1XK9,
.theme-light .newProfileActivityStyles .headerText-3g1XK9 {
    color: var(--header-secondary)
}

.theme-dark .newPopoutActivityStyles .platformIcon-k3yytQ,
.theme-light .newPopoutActivityStyles .platformIcon-k3yytQ {
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.theme-dark .newProfileActivityStyles .platformIcon-k3yytQ,
.theme-light .newProfileActivityStyles .platformIcon-k3yytQ {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px
}

.button-TGAkj4 {
    font-size: 14px
}

.buttonSize-dIiz43 {
    height: 32px;
    min-height: 32px
}

.flex-MfOioC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.platformIcon-ufGK4I {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 8px;
    position: relative
}

.button-bzOQMj {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.popout-1vBRBx {
    margin-top: 8px
}

.spotifyButtonLogo-2wqT62 {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.listenAlongIcon-aXq1MH {
    width: 24px;
    height: 24px
}

.iconButton-1li_a3 {
    padding: 0
}

.iconButtonSize-1-pz2t {
    min-width: 32px;
    max-width: 32px
}

.streamIcon-1ykoHR {
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    margin-right: 5px
}

.iconButton-32w07B {
    padding: 0;
    line-height: 0;
    margin-left: 8px
}

.iconButtonSize-PoKsu7 {
    min-width: 32px;
    max-width: 32px
}

.iconSize-3kl3D- {
    width: 24px;
    height: 24px
}

.buttonsWrapper-2ARRp1 {
    margin-top: 12px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.buttonsWrapper-2ARRp1:empty {
    margin: 0
}

.horizontal-30-DXt>:not(:first-child) {
    margin-left: 8px
}

.vertical-qPeOMD>:not(:first-child) {
    margin-top: 8px
}

.actionsStreamPreview-2iZmau {
    margin-top: 10px
}

.actionsProfile-31n1ca {
    margin-left: 20px;
    margin-top: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.errorImage-13dCu0 {
    height: 135px
}

.bodyInnerWrapper-2bQs1k {
    background-color: var(--background-floating);
    color: var(--interactive-active)
}

.activity-1gTu-L {
    position: relative;
    padding-bottom: 16px
}

.rolesList-3uZoaa {
    margin-bottom: 16px
}

.rolesList-3uZoaa:empty {
    margin-bottom: 8px;
    margin-top: 0
}

.bodyTitle-2Az3VQ {
    margin-bottom: 8px;
    font-weight: 700
}

.note-Go5ZP2 {
    margin-left: -4px;
    margin-right: -4px
}

.input-2z42oC {
    font-size: 14px;
    background-color: var(--background-secondary-alt)
}

.footer-3naVBw {
    padding: 0 16px 16px;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: var(--background-floating);
    color: var(--interactive-active);
    margin-top: -2px
}

.wumpusWrapper-3ReSr0 {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    bottom: 100%
}

.wumpus-1_yvRg {
    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
}

.wumpusShown-22-_Zb {
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0)
}

.wumpusShown-22-_Zb .wumpusTooltip-1ba8Aq {
    opacity: 1
}

.wumpusImage-2H3_f4 {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.wumpusTooltip-1ba8Aq {
    -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-1ba8Aq:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    margin-top: -3px;
    border-right-width: 3px;
    border-style: solid;
    height: 0;
    width: 0
}

.theme-dark .wumpusTooltip-1ba8Aq {
    background: #fff;
    color: #4f545c
}

.theme-dark .wumpusTooltip-1ba8Aq:after {
    border-color: transparent #fff transparent transparent
}

.theme-light .wumpusTooltip-1ba8Aq {
    background: rgba(220, 221, 222, .6);
    color: #4f545c
}

.theme-light .wumpusTooltip-1ba8Aq:after {
    border-color: transparent rgba(220, 221, 222, .6) transparent transparent
}

.nameTag-H6kSJ0 {
    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
}

.username-3JLfHz {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.bot-XvK26D,
.username-3JLfHz {
    -webkit-box-flex: 0;
    display: block
}

.bot-XvK26D {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 1ch
}

.emoji-3iqL7b {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.clamped-2ZePhX {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.container-1gYwHN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -2px;
    margin-bottom: -2px
}

.container-1gYwHN>* {
    margin: 0 2px 2px 0
}

.clickable-1knRMS {
    cursor: pointer
}

.profileBadge-12r2Nm {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    overflow: hidden;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover
}

.profileBadge-12r2Nm:active {
    opacity: .8
}

.profileBadge-12r2Nm:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--background-modifier-accent);
    border-radius: 50%
}

.profileBadge24-sH1efV {
    width: 24px;
    height: 24px
}

.profileBadge22-3GAYRy {
    width: 22px;
    height: 22px
}

.profileBadge18-2GrGvU {
    width: 18px;
    height: 18px
}

.nickname-t08Mck {
    word-break: break-word
}

.headerTag-3GXZkV {
    font-size: 14px;
    font-weight: 500;
    display: block;
    font-family: var(--font-display)
}

.headerTagWithNickname-1U8zZH {
    font-family: var(--font-primary);
    line-height: 18px
}

.headerTagNoNickname-3tGHj6 {
    font-size: 20px;
    line-height: 24px;
    word-break: break-word;
    white-space: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.headerTagUsernameBase-XYisdh {
    overflow: auto;
    word-break: break-all;
    text-overflow: unset;
    white-space: normal;
    color: var(--header-secondary);
    vertical-align: top;
    display: inline
}

.headerTagUsernameNoNickname-1TjuLc {
    color: var(--interactive-active);
    font-weight: 600
}

.discrimBase-1VOoau {
    color: var(--header-secondary);
    vertical-align: top
}

.headerTagDiscriminatorNoNickname-dfcvHa {
    font-weight: 600
}

.headerBotTag-1xw5Ck {
    vertical-align: top;
    margin-top: 5px !important
}

.headerBotTag-1xw5Ck,
.headerBotTagWithNickname-3DNCuU {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 15px
}

.headerBotTagWithNickname-3DNCuU {
    margin-bottom: 2px !important
}

.customStatus-3XAoF9 {
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow-wrap: break-word;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-normal)
}

.customStatus-3XAoF9 .customStatusEmoji-1bFQdD {
    display: block;
    margin: -1px 4px -1px 0;
    float: left;
    width: 20px;
    height: 20px
}

.customStatus-3XAoF9 .customStatusEmoji-1bFQdD.customStatusSoloEmoji-2bSRlG {
    float: none;
    width: 48px;
    height: 48px;
    margin: 0
}

.customStatusText-3wj79x {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.applicationInstallButton-taCWKH {
    width: 100%;
    margin-bottom: 16px
}

.applicationInstallButtonContent-1p8XfV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.applicationInstallButtonText-1-WYgo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.launchIcon-2Q0K24 {
    margin-left: 8px
}

.aboutMeSection-PUghFQ {
    margin-bottom: 16px
}

.aboutMeSection-PUghFQ .aboutMeBody-1J8rhz {
    font-size: 14px;
    line-height: 18px
}

.aboutMeTitle-3pjiS7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    margin-bottom: 8px
}

.aboutMeGuildIcon-1AzRSE {
    margin-left: 4px;
    border-radius: 4px
}

.nonPremiumHoverState-2cuw_T:hover {
    cursor: pointer
}

.aboutMeGuildIconTooltip-2cYR0X {
    background-color: var(--background-tertiary);
    max-width: 400px
}

.betaBadge-gLO70A {
    margin-left: 8px
}

.headerTop-3GPUSF {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 64px 16px 16px;
    overflow: hidden;
    position: relative
}

.headerTopWithCustomStatus-1aNSNd {
    padding-bottom: 12px
}

.warningCircleIcon-mFju_m {
    position: absolute;
    top: 8px;
    right: 16px;
    height: 20px;
    width: 20px
}

.profileBadges-2pItdR {
    position: absolute;
    top: 16px;
    right: 16px;
    max-width: 180px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.headerText-1-WmDq {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.avatarHint-k7pYop {
    position: absolute;
    top: 6px;
    left: 6px;
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    pointer-events: none
}

.avatarHintInner-2HUAWj {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 12px;
    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);
    color: #fff
}

.avatar-2Vndt_ {
    border: 6px solid var(--background-floating);
    background-color: var(--background-floating)
}

.avatarWrapper-eenWra {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 80px;
    left: 16px
}

.avatarWrapperNormal-ahVUaC:hover .avatarHint-k7pYop {
    opacity: 1
}

.clickable-GKg4Qy {
    cursor: pointer
}

.avatarWrapperNonUserBot-2LumL4 {
    cursor: default
}

.avatarPositionNormal-2jWoC2 {
    top: 16px
}

.avatarPositionPremium-1zPBq9 {
    top: 76px
}

.divider-1wtgZ3 {
    height: 1px;
    background-color: var(--background-modifier-accent);
    margin-bottom: 12px
}

.guildMemberProfileTooltip-1d5-rt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guildMemberProfileTooltipNitroWheel-2lT6ff {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.avatarHoverTarget-1zzfRL {
    border-radius: 50%
}

.baseAvatar-1IkcZI {
    display: inline-block;
    vertical-align: top
}

.largeAvatar-ItACsd {
    line-height: 24px;
    margin-right: 8px
}

.miniAvatar-dnzs_w {
    line-height: 18px;
    margin-right: 4px;
    margin-top: 1px
}

.userPopout-2j1gM4 {
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    background-color: var(--background-floating);
    border-radius: 8px;
    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
}

.headerNormal-3Zn_yu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.body-2wLx-E {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-height: 0;
    padding: 0 16px 14px
}

.body-2wLx-E::-webkit-scrollbar-track {
    margin-bottom: 4px
}

.divider-2i47Qw {
    width: 270px;
    margin-left: 16px;
    height: 1px;
    background-color: var(--background-modifier-accent);
    position: sticky;
    top: 0
}

.setIdentityLink-hOFsMl {
    margin-top: 8px
}

.setIdentityLink-hOFsMl:hover {
    text-decoration: underline
}

.scrollerSeparator-CHLxyV {
    -webkit-box-shadow: 0 -1px 0 var(--background-modifier-accent);
    box-shadow: 0 -1px 0 var(--background-modifier-accent)
}

.editProfileCTA-1cwUxs {
    margin-top: 12px
}

.setIdentityOption-3NAXUC {
    font-size: 14px
}

.container-q97qHp {
    -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: .02em;
    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)
}

.descriptionText-2b5seS {
    margin-top: 4px;
    color: var(--header-secondary);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--font-primary)
}

.truncate-1wTUFT {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 72px
}

.container-1BRLje {
    height: 164px;
    background-position: 50%;
    background-size: cover;
    margin: -17px -17px 16px;
    border-radius: 8px 8px 0 0
}

.eventStatusContainer-3K6TiP {
    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
}

.eventStatusText-2qs0CI {
    font-weight: 600
}

.eventStatusGreen-2-f2N8 {
    color: hsl(139, calc(var(--saturation-factor, 1)*51.6%), 52.2%)
}

.eventStatusBrand-3D-ae6 {
    color: var(--text-brand)
}

.eventStatusLabel-1og3vG {
    margin-left: 8px
}

.liveEventEndTime-1Ozm1d,
.newBadge-3QiMZJ {
    display: inline-block
}

.newBadge-3QiMZJ {
    text-transform: uppercase;
    vertical-align: middle
}

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

.eventName-3XaUP0 {
    max-width: 534px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eventName-3XaUP0:hover {
    text-decoration: underline
}

.description-3v6RzR {
    margin-top: 8px
}

.descriptionWithThumbnail-1IXM-- {
    max-width: 288px
}

.spacer-2d_5p6 {
    margin-left: auto
}

.rsvpCount-iCkObl {
    margin-bottom: auto;
    -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;
    background-color: var(--background-tertiary);
    border-radius: 12px;
    padding-left: 8px;
    padding-right: 8px;
    height: 20px
}

.rsvpIcon-1R5Esx {
    margin-right: 4px;
    color: var(--header-secondary)
}

.creator-3Ep8le {
    margin-right: 8px
}

.inline-1q9Uo- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.eventInfoStatusContainer-1scLzW {
    margin-bottom: 12px
}

.statusContainer-1bnh9g,
.withThumbnail-4xnIiR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.withThumbnail-4xnIiR {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.thumbnailContainer-MlOhLT {
    height: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.thumbnail-1UKMQa {
    width: 230px;
    height: 92px;
    border-radius: 8px;
    margin: 0 0 0 16px
}

.container-2WT-1z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left
}

.statusContainer-2RTWwV {
    margin-bottom: 16px
}

.channelInfoContainer-1_vz4y {
    margin-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;
    color: var(--header-secondary)
}

.channelInfoText-35qZ-Z {
    margin-left: 8px;
    font-weight: 600
}

.flex-2Tc-8R {
    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-CC1TZW {
    text-align: start;
    margin-top: 16px
}

.header-CC1TZW.embed-xJjI9b {
    margin-top: 0
}

.listeners-2sBuMK {
    color: var(--interactive-normal)
}

.live-3TQr8l {
    color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
}

.speakers-CeSL5x {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.members-2YehzF,
.speakers-CeSL5x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.members-2YehzF {
    -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
}

.members-2YehzF.embed-xJjI9b {
    margin-top: 8px
}

.speaker-DeUwr6 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 34%;
    flex-basis: 34%;
    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: 4px 8px 4px 0;
    overflow: hidden
}

.label-1DNUoT {
    margin-left: 8px
}

.background-2DrDpN {
    border-radius: 12px;
    padding: 4px 8px
}

.background-2DrDpN,
.icon-3vtYJz {
    background-color: var(--background-tertiary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-3vtYJz {
    border-radius: 50%;
    height: 20px;
    width: 20px
}

.icon-3vtYJz.embed-xJjI9b {
    height: 16px;
    width: 16px
}

.guild-TQUpP7 {
    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
}

.guild-TQUpP7.embed-xJjI9b {
    margin: 12px 0
}

.guildInfo-9ekwOZ {
    margin-left: 12px;
    text-align: start
}

.dot-1sh5WH {
    width: 8px;
    height: 8px;
    background-color: var(--status-positive);
    border-radius: 50%;
    margin-right: 4px
}

.alignStart-1X4D9T {
    text-align: start
}

.avatar-3E3_zQ {
    width: 20px !important;
    height: 20px !important
}

.username-2olSm5 {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre
}

.theme-light .live-3TQr8l {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.checkbox-y69R-A {
    margin-right: 8px
}

.errorMessage-38vAlK {
    color: var(--status-danger)
}

.createAccountTemplateHeader-2QTGnt {
    color: var(--header-primary);
    font-size: 24px;
    font-weight: 600
}

.horizontalAuthBox-podTAD {
    width: 960px
}

.flex-rHnJ5G {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.divider-1D6PpJ {
    margin-top: 16px;
    margin-bottom: 16px;
    width: 100%;
    height: 1px;
    background-color: var(--background-modifier-accent)
}

.goBackButton-1FBpSc {
    margin-bottom: 16px;
    padding-left: 0
}

.goBackButton-1FBpSc .content-3BGI1p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.goBackButton-1FBpSc .caret-1Uw6Xp {
    margin: 0 4px 1px 0
}

.button-2BMPJJ {
    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-2BMPJJ.open-3fGK6o {
    -webkit-transform: translate3d(0, -3px, 0) rotate(-90deg);
    transform: translate3d(0, -3px, 0) rotate(-90deg)
}

.button-2BMPJJ.open-3fGK6o path {
    stroke-dasharray: 14
}

.button-2BMPJJ path {
    stroke-width: 2px;
    stroke-dasharray: 7;
    stroke-dashoffset: 1;
    -webkit-transition: stroke-dasharray .2s ease;
    transition: stroke-dasharray .2s ease
}

.cardIcon-1d-mcG {
    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-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -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-1d-mcG:after,
.cardIcon-1d-mcG:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cardIcon-1d-mcG:before {
    background-image: url(/assets/3f0d56bf816fb54a4b70ef02e4f25687.svg);
    background-size: 100% 100%;
    border-radius: 2px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.cardIcon-1d-mcG:after,
.cardIcon-1d-mcG:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.cardIcon-1d-mcG:after {
    background: url(/assets/47034abf987d576279eef987473083b5.svg);
    background-size: 100% 100%;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.cardIcon-1d-mcG.visa-3LupMy:before {
    background-image: url(/assets/74dabd23b4a8e624e0dc10b550b20b1f.svg)
}

.cardIcon-1d-mcG.american-express-3OWalt:before,
.cardIcon-1d-mcG.amex-1FVGk1:before {
    background-image: url(/assets/904d64be1ff945b93e95da5cef359eb8.svg)
}

.cardIcon-1d-mcG.discover-1mS7F5:before {
    background-image: url(/assets/ad36553983828f46952c9ed776862250.svg)
}

.cardIcon-1d-mcG.master-card-7hEh9F:before,
.cardIcon-1d-mcG.mastercard-SID5lN:before {
    background-image: url(/assets/bc3d41e9c8cfc895a6f3caf66becb73b.svg)
}

.cardIcon-1d-mcG.paypal-3H9979:before {
    background-image: url(/assets/e803058a80fe9934741944df059f9763.svg)
}

.cardIcon-1d-mcG.paymentRequest-1jvYa8:before {
    background-image: url(/assets/9121ee2c33595951f64e9398612a537e.svg)
}

.cardIcon-1d-mcG.gPay-28Avfc:before {
    background-image: url(/assets/e310a4344ee7c4e812bb063375b41e30.svg)
}

.cardIcon-1d-mcG.sofort-1vqufY:before {
    background-image: url(/assets/db4248ddd8d0f1799a849d824d466f57.svg)
}

.cardIcon-1d-mcG.przelewy24-20VD0k:before {
    background-image: url(/assets/ad97c7ddd72e9fe28e0c9bd9ea777c8e.svg)
}

.cardIcon-1d-mcG.giropay-3sDhi6:before {
    background-image: url(/assets/02d35d04fa05b5322334f4bd2324e09b.svg)
}

.cardIcon-1d-mcG.paysafecard-3u2gSR:before {
    background-image: url(/assets/3facc8fa46487a0aa304b121d3f28bbe.svg)
}

.cardIconSmall-1bah4o {
    width: 32px;
    height: 22px
}

.cardIconMedium-3bMC1z {
    width: 64px;
    height: 44px
}

.cardIconLarge-2R5CFx {
    width: 96px;
    height: 66px
}

.cardIconXLarge-1jZL9C {
    width: 128px;
    height: 88px
}

.flipped-36J2Hj {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.buttonIcon-3rUffx {
    margin-right: 8px
}

.button-3WZC0G {
    width: 200px;
    margin-bottom: 8px
}

.button-3WZC0G:last-child {
    margin-bottom: 0
}

.button-3WZC0G:nth-of-type(odd) {
    margin-right: 8px
}

.allPaymentsToggleButton-N-gEBv {
    color: var(--header-primary);
    margin: 20px auto 0;
    padding: 4px 4px 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500
}

.allPaymentsToggleButton-N-gEBv:hover {
    cursor: pointer
}

.allPaymentsSection-2e62ty {
    padding-top: 24px
}

.hidden-3DUwif {
    display: none
}

.inputWrapper-2MDzau {
    position: relative
}

.paypalIcon-1Kk3Of {
    position: absolute;
    top: 9px;
    left: 8px;
    z-index: 1
}

.paypalInput-2to8vl {
    padding-left: 48px;
    cursor: default
}

.theme-dark .paypalInput-2to8vl,
.theme-dark .paypalInput-2to8vl:focus,
.theme-dark .paypalInput-2to8vl:hover,
.theme-light .paypalInput-2to8vl,
.theme-light .paypalInput-2to8vl:focus,
.theme-light .paypalInput-2to8vl:hover {
    border-color: rgba(0, 0, 0, .3)
}

.row-26evXk {
    padding-top: 20px
}

.row-26evXk:first-child {
    padding-top: 0
}

.section-1bCz6u {
    -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-1bCz6u:first-child {
    padding-left: 0
}

.width100-1YR1IN {
    width: 100%
}

.width75-2ZxVBg {
    width: 75%
}

.width60-33lAfx {
    width: 60%
}

.width40-3jyIO3 {
    width: 40%
}

.width30-3w2ZLS {
    width: 30%
}

.width50-3eScY6 {
    width: 50%
}

.width25-2eb9s_ {
    width: 25%
}

.p24Form-19_HBa {
    padding-top: 20px
}

.error-3AuLwi {
    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-3AuLwi a {
    color: #fff;
    font-weight: 600
}

.error-3AuLwi a:hover {
    text-decoration: underline
}

.icon-2iwvYS {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.text-dIcRfJ {
    margin-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.backgroundRed-3zjIJ_ {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    color: #fff
}

.errorClose-1Xos5x {
    cursor: pointer;
    -ms-flex-item-align: flex-center;
    align-self: flex-center
}

.errorClose-1Xos5x,
.errorCloseIcon-qJ9Lyr {
    width: 16px;
    height: 16px
}

.backgroundTertiary-2ohTGb {
    background-color: var(--background-tertiary);
    color: var(--interactive-active)
}

.backgroundAccent-2YeFtZ {
    background-color: var(--background-accent);
    color: #fff
}

.modal-2tZQQ9 {
    overflow-x: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.planSelector-3iOlTz {
    margin-top: 20px
}

.form-_g62Ne {
    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-MRAL1L {
    position: relative;
    border-top: 1px solid;
    margin: 0 20px
}

.content-36fe4c {
    margin-bottom: 20px
}

.giftToggle-3ygZ6V {
    margin-top: 16px
}

.formTitle-3kd4CO {
    margin: 20px 0 10px
}

.errorBlock-dh-IMZ,
.purchaseTerms-2JARBd {
    margin-top: 20px
}

.invalidIcon-2xibPu {
    width: 18px;
    height: 18px;
    padding: 0 1px
}

.choosePaymentSourceType-xKxLDm {
    margin-top: 20px
}

.buyButtonTooltipWrapper-3YAGRU {
    position: relative
}

.buyButtonTooltipTarget-3YRyrl {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    cursor: not-allowed
}

.backButtonSize-1AOmv0 {
    height: 38px;
    width: auto
}

.backButton-2YJKzh {
    padding: 0
}

.backButton-2YJKzh:hover {
    text-decoration: underline
}

.modalContent-9EvSP5 {
    -webkit-overflow-scrolling: touch
}

@media (max-width:485px) and (max-height:550px) {
    .form-_g62Ne {
        display: block
    }

    .modalContent-9EvSP5 {
        height: auto
    }
}

.theme-dark .divider-MRAL1L {
    border-color: #2f3136
}

.theme-dark .backButtonColor-5k5ViL {
    color: #fff
}

.theme-dark .checkboxLabel-NbUiJx {
    color: #b9bbbe
}

.theme-light .divider-MRAL1L {
    border-color: rgba(220, 221, 222, .6)
}

.theme-light .backButtonColor-5k5ViL {
    color: #4f545c
}

.theme-light .checkboxLabel-NbUiJx {
    color: #b9bbbe
}

.note-zbNIfb {
    margin-top: 20px;
    position: relative;
    font-size: 12px
}

.note-zbNIfb~.note-zbNIfb {
    margin-top: 8px
}

.icon-1Pjcye {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.large-RDsCee {
    width: 20px;
    height: 20px
}

.small-UmwEpD {
    width: 14px;
    height: 14px
}

.colorWarning-3DW6Q3 {
    color: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%)
}

.colorError-3s7xzs {
    color: var(--status-danger)
}

.colorPrimary-1arORx {
    color: var(--text-muted)
}

.colorSecondary-3_y5BS {
    color: var(--header-secondary)
}

.breadcrumbs-2uP7wU {
    overflow: hidden
}

.breadcrumbWrapper-3rpYiO {
    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;
    color: var(--text-muted)
}

.activeBreadcrumb-2xVic0 {
    color: var(--interactive-active)
}

.breadcrumbClickWrapper-1nRR9e,
.breadcrumbFinalWrapper-1BwQdx {
    overflow: hidden
}

.breadcrumb-17S_pr {
    font-size: 14px
}

.breadcrumbArrow-1LY2zF {
    width: 18px;
    height: 18px
}

.interactiveBreadcrumb-Yhfb4V {
    cursor: pointer
}

.content-2eQb8J {
    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--2LhnQ {
    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-23FTiG {
    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-2M3eAB {
    height: 100%;
    padding: 0 16px 16px
}

.errorBlockWrapper-1lwJ-O {
    padding: 16px 16px 0
}

.paymentNote-1cWz9m {
    padding: 0 16px
}

.loadingBlock-1LPIHu {
    height: 192px
}

.sequencer-3QU0ck {
    flex-direction: column
}

.sequencerAnimatedNode-2gFQIB,
.sequencerStatic-2zNJTd {
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.cardNumberWrapper-3JnfVP {
    position: relative
}

.cardIcon-1rZ5-N {
    position: absolute;
    top: 12px;
    left: 10px
}

.cardInput-33x7OF {
    padding: 10px 9px;
    border-radius: 3px;
    background-color: var(--input-background)
}

.hiddenDiv-2qTqSF {
    visibility: hidden
}

.cardNumberInput-1Ly6Gn {
    padding-left: 55px
}

.cardInputFocused-31lFD1 {
    border-color: var(--text-link)
}

.cardInputError-2mof5q {
    border-color: var(--status-danger)
}

.theme-dark .inputPrefix-1N1Pey {
    opacity: .5
}

.cardNumberWrapper-3VguvY {
    position: relative
}

.cardIcon-3AK_xU {
    position: absolute;
    top: 9px;
    left: 10px
}

.cardIcon-3AK_xU.submitting-2rmPo5 {
    -webkit-animation: pulse-1za_Br .75s ease-in-out infinite alternate;
    animation: pulse-1za_Br .75s ease-in-out infinite alternate
}

.cardNumberInput-wclqcA {
    padding-left: 55px
}

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

    to {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .6
    }
}

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

    to {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .6
    }
}

.link-290TKp {
    color: var(--interactive-active);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.awaitingAuthenticationStep-1tYUFR,
.body-2vgG7r {
    padding-top: 16px;
    padding-bottom: 16px
}

.modal-3FSEFH {
    overflow-x: hidden;
    min-height: 180px
}

.form-2CaJzg {
    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-rRIcam {
    height: 100%;
    padding-bottom: 20px
}

.modalTitle-nz51Yi {
    padding: 16px 16px 0
}

.divider-3APUjw {
    border-top: 1px solid;
    margin: 0 20px 12px
}

.errorBlock-1ZqJ-J {
    margin-bottom: 20px
}

.sequencer-3cp8wi {
    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-2CaJzg {
        display: block
    }
}

.theme-light .divider-3APUjw {
    border-color: rgba(220, 221, 222, .6)
}

.theme-dark .divider-3APUjw {
    border-color: #2f3136
}

.pageActions-1crTQL {
    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-2_bbdk,
.pageButtonPrev-3q9rh8 {
    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-2_bbdk:hover,
.pageButtonPrev-3q9rh8:hover {
    border-color: var(--interactive-hover);
    color: var(--interactive-hover)
}

.pageButtonNext-2_bbdk.disabled-29cfPA,
.pageButtonPrev-3q9rh8.disabled-29cfPA {
    cursor: not-allowed;
    border-color: var(--interactive-muted);
    color: var(--interactive-muted)
}

.pageButtonIcon-qawruZ {
    width: 14px;
    height: 14px
}

.pageButtonPrev-3q9rh8 {
    border-radius: 3px 0 0 3px
}

.pageButtonNext-2_bbdk {
    border-radius: 0 3px 3px 0
}

.pageIndicator-cOEPV8 {
    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-2hzITV {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.assetWrapperMasked-1iw9lV {
    -webkit-mask: url(/assets/7d65d61e6cd25bf1847ec2d3e4a0144d.svg) 0 0/100% 100%;
    mask: url(/assets/7d65d61e6cd25bf1847ec2d3e4a0144d.svg) 0 0/100% 100%
}

.stickerAsset-4c7Oqy {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pngImage-1vIgLy {
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.roundedMask-3TECMv {
    display: block;
    position: absolute;
    height: 100%;
    left: 0;
    width: 100%;
    top: 0
}

.errorContent-1Gy3UQ {
    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
}

.loadingIndicator-3fKdTZ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    display: block;
    -webkit-mask: url(/assets/7d65d61e6cd25bf1847ec2d3e4a0144d.svg) 0 0/100% 100%;
    mask: url(/assets/7d65d61e6cd25bf1847ec2d3e4a0144d.svg) 0 0/100% 100%
}

.error-3CkqkL,
.loadingIndicator-3fKdTZ {
    width: 100%;
    height: 100%;
    background-color: var(--background-modifier-active)
}

.error-3CkqkL {
    -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-3Ub25I {
    color: var(--header-secondary)
}

.errorText-TeTpaK {
    margin-top: 4px
}

.overlayWrapper-17Nuo_ {
    pointer-events: none;
    position: relative;
    z-index: 1
}

.overlayStickerWrapper-1dddWG {
    position: relative;
    z-index: 2
}

.overlayLabelWrapper-27jgZJ {
    position: relative;
    z-index: 1
}

.overlayLabel-3EQdqC {
    background-color: var(--background-floating);
    border-radius: 20px;
    font-weight: 500;
    left: 50%;
    margin-top: 2px;
    padding: 2px 8px;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.positionedLayer-odKoe1 {
    pointer-events: none
}

.descriptionWrapper-eOmU90 {
    margin-left: 14px
}

.subText-3Yps8e {
    font-size: 14px;
    margin-top: 4px
}

.indicator-1zNk1M {
    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
}

.description-1pzois,
.descriptionWrapper-eOmU90 {
    color: var(--text-muted)
}

.theme-light .defaultIndicator-2ndWks {
    background-color: #4f545c;
    color: #fff
}

.theme-light .premiumIndicator-22GgcZ {
    background-color: var(--brand-experiment-500);
    color: #fff
}

.theme-light .invalidIndicator-3iumEX {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    color: #fff
}

.theme-dark .defaultIndicator-2ndWks {
    background-color: #4f545c;
    color: #fff
}

.theme-dark .premiumIndicator-22GgcZ {
    background-color: var(--brand-experiment-500);
    color: #fff
}

.theme-dark .invalidIndicator-3iumEX {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    color: #fff
}

.payment-2bOh4k {
    width: 100%
}

.hoverablePayment-lE1s4t {
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.expandInfo-3oXYZB {
    padding: 20px
}

.summaryInfo-3hcuop {
    cursor: pointer;
    padding: 20px
}

.expandedInfo-1W31i3 {
    margin: 0 20px 20px;
    padding: 20px;
    border-radius: 5px
}

.paymentHeader-2o7Phd {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    padding-top: 20px;
    border-top: 1px solid;
    margin-top: 20px
}

.paymentHeader-2o7Phd:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0
}

.paymentText-BPrx01 {
    font-size: 14px;
    line-height: 1.4
}

.paymentBreakdown-1KZuDK {
    padding-top: 10px
}

.paymentDetail-3Hi99Q {
    margin-top: 12px
}

.paymentDetail-3Hi99Q:first-child,
.paymentDetail-3Hi99Q:last-child {
    margin-top: 20px
}

.date-2cJd4O {
    width: 20%
}

.amount-3hAJzp {
    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-2MQURR {
    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-1ndQ4W {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.statusTagRed-1uG_z8 {
    background-color: var(--status-danger)
}

.statusTagGrey-u4NQSg {
    background-color: hsl(214, calc(var(--saturation-factor, 1)*9.9%), 50.4%)
}

.price-3r2Dh5 {
    white-space: nowrap
}

.description-1IgJoT {
    -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-2pgk4E {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: 50%
}

.expand-3Nh1P5 {
    margin-left: 20px;
    width: 24px;
    height: 24px
}

.downloadInvoice-2WzTit {
    font-size: 14px;
    margin-top: 12px
}

.downloadRefundInvoice-1_jCFz {
    margin-left: 14px
}

.refundSubHeader-zBPAag {
    text-transform: uppercase;
    margin: 20px 0 8px;
    font-size: 12px;
    font-weight: 600
}

.refundSelect-QVVDqk {
    margin-right: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.refundCriteria-216J2w {
    margin-right: 32px
}

.refundCriteriaIcon-2g4trP {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.giftIcon-U9wStf {
    margin-left: 10px;
    width: 16px;
    height: 16px
}

@media (max-width:800px) {
    .refundCriteria-216J2w {
        margin-right: 16px
    }
}

.compact-3bxAc0 .amount-3hAJzp {
    -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-3bxAc0 .summaryInfo-3hcuop {
    padding: 16px 20px
}

.compact-3bxAc0 .amount-3hAJzp,
.compact-3bxAc0 .date-2cJd4O,
.compact-3bxAc0 .description-1IgJoT {
    text-transform: unset
}

.compact-3bxAc0 .date-2cJd4O {
    opacity: .6
}

.compact-3bxAc0 .descriptionIcon-2pgk4E {
    width: 40px;
    height: 40px
}

.compact-3bxAc0 .statusTag-2MQURR {
    margin: 8px 0 0
}

.compact-3bxAc0 .expand-3Nh1P5 {
    margin-left: 8px
}

.compact-3bxAc0 .date-2cJd4O {
    width: unset;
    font-size: 12px;
    line-height: 16px
}

.compact-3bxAc0 .description-1IgJoT {
    text-transform: unset;
    width: unset;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%
}

.theme-light .summaryInfo-3hcuop {
    color: #4f545c
}

.theme-light .payment-2bOh4k {
    background-color: #f6f6f7
}

.theme-light .paymentHeader-2o7Phd {
    border-color: #4f545c
}

.theme-light .expandedInfo-1W31i3 {
    background-color: #dcddde
}

.theme-light .paymentText-BPrx01 {
    color: #36393f
}

.theme-light .giftIcon-U9wStf {
    color: #4f545c
}

.theme-dark .summaryInfo-3hcuop {
    color: #f6f6f7
}

.theme-dark .payment-2bOh4k {
    background-color: #2f3136;
    color: #b9bbbe
}

.theme-dark .hoverablePayment-lE1s4t:hover {
    background-color: hsl(214, calc(var(--saturation-factor, 1)*9.1%), 15.1%)
}

.theme-dark .paymentHeader-2o7Phd {
    color: #fff;
    border-color: #4f545c
}

.theme-dark .expandedInfo-1W31i3 {
    background-color: #36393f
}

.theme-dark .paymentText-BPrx01 {
    color: #b9bbbe
}

.theme-dark .giftIcon-U9wStf {
    color: #fff;
    opacity: .6
}

.refundActions-2iwYyn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.refundActions-2iwYyn,
.refundIconContainer-3V7-Ar,
.refundRules-3z0sWD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.paymentPane-ut5qKZ {
    border-radius: 5px;
    overflow: hidden
}

.paymentRow-1HKOLu {
    cursor: default
}

.paymentRowHeader-3WJnOv {
    font-size: 12px;
    font-weight: 600;
    margin-right: 44px;
    padding: 20px
}

.paymentRowHeaderDescription-2TcyV1 {
    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-2hobIk {
    padding-bottom: 12px;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600
}

.tab-2hobIk:first-child {
    margin-left: 0
}

.externalRow-2b8y9Q {
    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-LT6-4N {
    font-size: 16px
}

.externalRowBody-2PWT3f {
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
    color: var(--text-muted)
}

.bottomDivider-ZmTm-j {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.bottomDivider-ZmTm-j:last-child {
    border-bottom: none
}

.verticalFit-21XL0v {
    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-ut5qKZ {
    background-color: #f6f6f7;
    color: #4f545c
}

.theme-light .paginator-1eqD2g {
    background: #f6f6f7;
    border-top: 0;
    color: #4f545c
}

.theme-light .bottomDivider-ZmTm-j {
    border-bottom-color: #dcddde
}

.theme-light .externalRowHeader-LT6-4N {
    color: #4f545c
}

.theme-dark .paymentPane-ut5qKZ {
    background-color: #2f3136;
    color: #f6f6f7
}

.theme-dark .paginator-1eqD2g {
    background: #2f3136
}

.theme-dark .bottomDivider-ZmTm-j {
    border-bottom-color: #36393f
}

.theme-dark .tab-2hobIk {
    color: #72767d
}

.theme-dark .externalRowHeader-LT6-4N {
    color: #dcddde
}

.card-2AAZ47 {
    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-1j8Jx0 {
    display: none
}

@media (min-width:486px) {
    .card-2AAZ47 {
        margin: 16px;
        padding: 20px;
        max-width: 720px;
        height: auto
    }

    .title-1j8Jx0 {
        display: block;
        margin: 20px 0 16px
    }
}

.container-2Dhvoc {
    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;
    width: 400px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.header-1N6Qea {
    margin-bottom: 24px
}

.description-1hZ66j {
    margin-bottom: 40px
}

.splashImage-BnpuSj {
    width: 223px
}

.settings-2aAnOq {
    margin-top: 96px
}

.modal-27JxPw {
    margin-top: 40px;
    margin-bottom: 48px
}

.blockedPaymentsWarningIcon-1X2zhu {
    margin-right: 10px
}

.blockedPaymentsWarning-T43O2z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 16px 22px
}

.theme-dark .blockedPaymentsWarning-T43O2z {
    color: #fff;
    background-color: #2f3136;
    border-color: #202225
}

.theme-light .blockedPaymentsWarning-T43O2z {
    color: #4f545c;
    background-color: #f6f6f7;
    border-color: #dcddde
}

.wrapper-38Ds8r svg {
    display: block
}

.tier2Animation-3QbL6r {
    position: relative
}

.panningAnimation-1pMfvn {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 20px;
    right: 0;
    overflow: hidden
}

.panningAnimationInner-1Bmv00 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: 100% 100%
}

.tier2Background-AAdg-8 {
    opacity: .2;
    background-image: url(/assets/8d2cc61d9f06d4b1fb0e3b15b36b2817.svg)
}

.tier2Foreground-2DWr4f {
    background-image: url(/assets/88635b43b1f70f094f034b1cce8ab329.svg)
}

.guildWrapper-DAbXP2 {
    position: relative
}

.guildBackground-3BSNJY {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.guildBackground-3BSNJY,
.guildStar-2w95PD {
    position: absolute
}

.header-kxb7f7 {
    background-image: url(/assets/0d38d74cb19e600ad23ab12cb04bf3e5.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 132px
}

.animation-3szaot {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.headerTitle-kLIB73 {
    background-image: url(/assets/bb0498a0c697a956f54f2b26216d6a2e.svg);
    height: 28px;
    width: 60px
}

.header-kxb7f7 .closeButton-3tfkah {
    position: absolute;
    right: 12px;
    top: 12px;
    color: #fff;
    opacity: .8
}

.header-kxb7f7 .closeButton-3tfkah:hover {
    opacity: 1
}

.sofortCopy-2lgqQg {
    margin-top: 5px
}

.warnBlock-URqwCC {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px
}

.warnIcon-3ly1wg {
    background-image: url(/assets/b49c87140d056234c2566d1806bd510a.svg);
    position: absolute;
    top: 12px;
    width: 24px;
    height: 24px
}

.warnText-2P0VgL {
    margin-left: 34px
}

.paymentSourceLabel-1z_EVr {
    margin-left: 8px;
    line-height: 22px;
    text-overflow: ellipsis;
    overflow: hidden
}

.paymentSourceLabel-1z_EVr:first-child {
    margin-left: 0
}

.paymentSourceSelectedOption-20ngZh {
    overflow: hidden
}

.paymentSourceHasWarning-GctqWI {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.paymentSourceWarning-3I9RCS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 8px 8px 8px 12px;
    background-color: var(--background-tertiary);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.paymentSourceWarningIcon-1YU-wX {
    padding-right: 8px
}

.theme-dark .error-1yrcJH,
.theme-light .error-1yrcJH {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.formTitle-OWlKnH {
    margin-bottom: 8px
}

.checkbox-3APza6 {
    margin-bottom: 10px
}

.checkbox-3APza6:last-child {
    margin-bottom: 0
}

.checkboxLabel-3VTAjH {
    color: var(--interactive-normal)
}

.finePrint-2Iq2kQ {
    color: var(--channels-default);
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px;
    margin-bottom: 16px
}

.table-17_dGF {
    background-color: var(--background-secondary);
    border-radius: 4px;
    padding: 16px
}

.header-3CTcuC {
    color: var(--interactive-active);
    font-weight: 600;
    margin-bottom: 8px
}

.header-3CTcuC,
.rowBase-3D96LE {
    font-size: 16px;
    line-height: 20px
}

.rowBase-3D96LE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500
}

.rowBase-3D96LE:not(:last-child) {
    margin-bottom: 8px
}

.row-gShynD {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--interactive-normal)
}

.rowAmount-9tQWS1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.rowLabel-2HDfDq {
    margin-right: 10px
}

.rowPercentDiscount-2oRqZZ {
    margin-left: 8px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px
}

.rowDiscountOriginalPrice-ERghde {
    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-31OLLF {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--text-positive)
}

.divider-2zoaQk {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 16px 0
}

.dividerExtended-1cqUi1 {
    height: 4px;
    margin-left: -16px;
    margin-right: -16px
}

.totalRow-17jT_O {
    -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-2RGUEh {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.totalAmount-2L8PzN,
.totalLabel-2RGUEh strong {
    color: var(--interactive-active);
    font-weight: 600
}

.finePrint-1Ifm6Y {
    color: var(--text-normal);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    margin: 16px 0
}

.pricePerInterval-3PUiOj {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.pricePerInterval-3PUiOj strong {
    color: var(--interactive-active);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px
}

.animationContainer-OHhFSp,
.container-CNDnYQ {
    position: relative;
    z-index: 0
}

.animationContainer-OHhFSp {
    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-2bdygG {
    position: absolute;
    top: -1px;
    left: -1px;
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    z-index: 1
}

.svgCopy-30T9kO {
    display: block
}

.animationContainer-OHhFSp {
    color: var(--header-primary)
}

.shine-1_Hvu1 {
    color: hsla(0, 0%, 100%, .5)
}

.wrapper-2lKx56 {
    border-radius: 4px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.wrapperActive-k9mCe9 {
    background-color: var(--background-modifier-accent)
}

.subscriptionCostRowAmount-14Bsn7 {
    font-weight: 500
}

.subscriptionCostRow-1GQgZZ {
    color: var(--header-primary)
}

.invoiceItemLabelWithIcon-1j16hY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.invoiceItemLabelIcon-3ITaFw {
    color: var(--interactive-normal);
    margin-left: 8px;
    height: 14px;
    width: 14px
}

.invoiceItemTooltip-13muSH {
    max-width: 240px
}

.invoiceItemTooltip-13muSH p {
    margin: 0
}

.invoiceItemTooltip-13muSH strong {
    font-weight: 700
}

.subscriptionDetailsToggle-xwAtRZ {
    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-2Xt_91 {
    margin-left: 6px;
    height: 16px;
    width: 16px
}

.subscriptionPeriodResetNotice-3ouGYu {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 16px
}

.subscriptionAddedInvoiceItem-w6M71T {
    color: var(--text-positive)
}

.upsellFooter-1H_OCF {
    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-2hvqqe {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    height: 24px;
    width: 24px
}

.value-kR4BVK {
    width: 48px
}

.actions-10aT1z {
    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-kR4BVK {
    text-align: center;
    height: 32px;
    background: var(--background-secondary);
    border: none;
    border-radius: 0
}

.iconWrapper-2_MXbk {
    cursor: pointer
}

.icon-2TbMdT {
    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-2TbMdT:active {
    color: var(--interactive-active)
}

.icon-2TbMdT:hover {
    color: var(--interactive-hover);
    background: var(--background-modifier-hover)
}

.icon-2TbMdT.disabled-2gUzwG,
.icon-2TbMdT.disabled-2gUzwG:hover {
    cursor: not-allowed;
    background: none
}

.theme-dark .iconWrapper-2_MXbk {
    background: #4f545c
}

.theme-dark .iconWrapper-2_MXbk.disabled-2gUzwG {
    opacity: .5
}

.theme-light .iconWrapper-2_MXbk {
    background: #e3e5e8
}

.theme-light .icon-2TbMdT.disabled-2gUzwG,
.theme-light .icon-2TbMdT.disabled-2gUzwG:hover {
    color: var(--interactive-muted)
}

.bodyText-1qcdxO {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px
}

.planSelectStep-2wB4Xr {
    padding: 16px 0 0
}

.planSelectText-KaU9kb {
    margin-bottom: 16px
}

.planSelectRow-2aouVa {
    -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;
    margin: 8px auto
}

.planSelectRowALaCarte-2TjNiM {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.planSelectorWrapper-2awKrr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.planSelectorHeader-1TM_fk {
    font-weight: 600;
    margin-bottom: 8px
}

.planSelectorRadioBarALaCarte-2o4b7a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.planSelectorRadioIconALaCarte-MKmmCl {
    margin-top: 4px
}

.planSelectorPlanName-sywLGZ {
    margin-right: 4px
}

.planSelectorLabel-2T9D_0 {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    margin-left: 16px
}

.planSelectorPreviewPrice-3is8Gl {
    color: var(--interactive-normal);
    font-size: 16px;
    line-height: 20px
}

.planSelectDivider-1sXegi {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 16px 0
}

.planSelectorSubtotal-1A7sWH {
    color: var(--interactive-active);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.reviewStep-1ZxLGL {
    padding: 16px 0 0
}

.invoiceTableBottom-1QEN0T,
.paymentSourceWrapper-1CU8jQ {
    margin: 16px 0
}

.taxInclusiveNote-1hynYP {
    margin-top: 12px
}

.confirmationContainer-3owksx {
    -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-2CEvGX {
    width: 400px;
    height: 140px;
    margin-bottom: 32px
}

.confirmationText-1y2ndD,
.confirmationUpgradedBanner-1qqQLz {
    margin-bottom: 16px
}

.confirmationText-1y2ndD {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.confirmationText-1y2ndD p {
    margin: 0
}

.confirmationText-1y2ndD p+p {
    margin-top: 8px
}

.existingSlotNotice-16uQs_ {
    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-2zfcGl {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    height: 24px;
    width: 24px
}

.existingSlotTooltipWarningIcon-1AuOQP {
    height: 16px;
    width: 14px;
    vertical-align: text-bottom;
    margin-left: 6px;
    cursor: pointer
}

.perkRow-10K6XE {
    -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-10K6XE:last-child {
    border-bottom: none
}

.perkIconContainer-25jfLV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px
}

.perkIcon-2DG0tJ,
.perkIconContainer-25jfLV {
    height: 24px;
    width: 24px
}

.perkDescription-3e1T_w {
    color: var(--interactive-active);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.content-1ayPJB {
    padding-top: 32px
}

.closeButton-BSP23C {
    position: absolute;
    right: 4px;
    top: 12px
}

.upsellImage-1CX7tl {
    background-image: url(/assets/516c40b09f86cc79d7127c173dfffe22.svg);
    background-size: cover;
    height: 120px;
    width: 265px;
    margin: 0 auto 32px
}

.bodyText-3Op3yx {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.perksList-34peAu {
    background-color: var(--background-secondary);
    border-radius: 8px;
    margin: 16px 0
}

.perkIconGuild-2ENwlg {
    color: hsl(305, calc(var(--saturation-factor, 1)*100%), 75.1%)
}

.perkIconUpload-2GfjDh {
    color: hsl(47, calc(var(--saturation-factor, 1)*98.9%), 63.9%)
}

.perkIconStream-2MIqrd {
    color: hsl(220, calc(var(--saturation-factor, 1)*67.4%), 55.5%)
}

.perkIconChatPerks-1MxxrI {
    color: var(--brand-experiment-400)
}

.backStep-3tAdGY {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: -16px
}

.footerRight-2UwAcN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contentWrapper-1oYce6 {
    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-3UQ4zD {
    overflow: hidden
}

.breadcrumbsWrapper-2xnnm7 {
    border-bottom: 1px solid var(--background-modifier-accent);
    padding: 0 16px 16px
}

.externalErrorBlock-PRY-_2 {
    margin-top: 16px
}

.externalErrorBlock-PRY-_2 a {
    text-decoration: underline
}

.bodyWrapper-3mcowp {
    position: relative
}

.footerRight-2SZFa- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.backStep-2QAaRs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: -16px
}

.copy-1WUJ5T {
    color: var(--text-normal)
}

.loadingWrapper-CHZSgt {
    min-height: 398px;
    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-top: 16px
}

.awaitingWrapper-1eIzMr {
    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
}

.radioBar-3w9XY- {
    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-2idW98[aria-checked=true] {
    color: var(--interactive-active)
}

.itemFilled-1cPbtg[aria-checked=true] {
    background-color: var(--background-modifier-selected)
}

.radioIconForeground-2BMavi {
    color: var(--interactive-active)
}

.item-2idW98 {
    color: var(--interactive-normal);
    cursor: pointer;
    border-radius: 3px;
    display: block
}

.item-2idW98:hover:not([aria-checked=true]) {
    color: var(--interactive-hover)
}

.item-2idW98:active:not([aria-checked=true]) {
    color: var(--interactive-active)
}

.itemFilled-1cPbtg {
    background-color: var(--background-secondary)
}

.itemFilled-1cPbtg:hover:not([aria-checked=true]) {
    background-color: var(--background-modifier-hover)
}

.itemFilled-1cPbtg:active:not([aria-checked=true]) {
    background-color: var(--background-modifier-active)
}

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

.tooltipWrapper-Z59cgW:last-child {
    margin: 0
}

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

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

.title-1yyp9V {
    font-weight: 500
}

.icon-NDLBMG {
    margin-left: 8px
}

.planOption-187LtR {
    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-388T-b {
    opacity: .6
}

.planOptionClickable-1ZbpaT {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.planOptionDisabled-388T-b .planOptionClickable-1ZbpaT {
    cursor: not-allowed
}

.planOptionCheckbox-3Q2m41 {
    margin-right: 10px
}

.planOptionInterval-3QyrC0 {
    color: var(--interactive-normal);
    font-weight: 500
}

.optionSelected-2AMHHJ {
    color: var(--interactive-active)
}

.planOptionCurrentPlan-3z7ioO,
.planOptionMonthsFree-DbuKAc {
    margin-left: 4px
}

.planOptionDiscount-2nex9n {
    color: #fff;
    text-transform: uppercase;
    border-radius: 16px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    font-size: 12px;
    line-height: 16px;
    padding: 2px 8px;
    font-weight: 500;
    margin-left: 8px
}

.stepBody-3ZoVrh {
    padding-top: 16px
}

.bodyText-2sGw0E {
    color: var(--interactive-normal);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 16px
}

.infoIcon-J_sYol {
    height: 16px;
    color: var(--header-primary)
}

.infoIconContainer-mTm0rR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.clickable-32Okxi {
    cursor: pointer
}

.selectPlanDivider-1j8LTI {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 8px 0 16px
}

.selectPlanChooseSubtitle-1MPOZK,
.selectPlanChooseTitle-2d61LF {
    color: var(--interactive-active);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px
}

.selectPlanChooseTitle-2d61LF {
    font-weight: 600
}

.selectPlanChooseSubtitle-1MPOZK {
    margin-bottom: 18px
}

.selectPlanTotalRow-1NPeLo {
    margin-top: 8px
}

.seasonalGiftBoxHeaderContainer-1xcybj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.seasonalGiftBoxHeaderText-eXujIZ {
    text-transform: uppercase;
    letter-spacing: .02em;
    margin-right: 6px
}

.seasonalGiftBoxOptionContainer-3wn-nC {
    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;
    gap: 9px;
    margin-top: 16px;
    margin-bottom: 16px
}

.seasonalGiftBox-2gg4e7,
.seasonalGiftBoxHighlighted-3Emebb {
    background-color: var(--background-secondary-alt);
    border-radius: 8px;
    border: 3px solid transparent
}

.seasonalGiftBoxHighlighted-3Emebb {
    border: 3px solid hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%)
}

.seasonalGiftBoxHeaderIcon-bmDtS5 {
    width: 260px;
    position: absolute;
    top: -131px;
    -ms-flex-item-align: center;
    align-self: center
}

.skuButtons-1fwkxf {
    padding: 0 8px 0 16px
}

.button-1ns2oH {
    -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-1zUwdT {
    background-image: linear-gradient(32deg, #b473f5, #e292aa)
}

.tier1-1HAX7O {
    background-image: linear-gradient(32deg, #738ef5, #b3aeff 75.25%)
}

.tier2Image-F6GWp9 {
    background-image: url(/assets/98d607da06d333690a5d16e9ae5317fa.svg);
    height: 237px;
    width: 297px
}

.tier1Image-3KV2sV,
.tier2Image-F6GWp9 {
    position: absolute;
    bottom: 0;
    right: 0
}

.tier1Image-3KV2sV {
    background-image: url(/assets/d8a7af65c03bfd40df71756283194bd4.svg);
    height: 234px;
    width: 279px
}

.tierTitle-1dnw3w {
    margin-bottom: 16px
}

.text-2wJHoB {
    width: 160px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.description-11rcbe {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 16px
}

.priceWrapper-1BUdoT {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.price-3CrDhD,
.price-3CrDhD strong {
    color: #fff
}

.headerBackground-131uxy {
    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%
}

.tier2HeaderBackground-2XINxm {
    background-image: -webkit-gradient(linear, left top, right top, from(hsl(270, calc(var(--saturation-factor, 1)*86.7%), 70.6%)), to(hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%)));
    background-image: linear-gradient(90deg, hsl(270, calc(var(--saturation-factor, 1)*86.7%), 70.6%), hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%))
}

.closeIcon-3tKOgJ {
    opacity: 1
}

.headerTop-1LeawG {
    position: relative;
    width: 100%
}

.headerIcon-1ACCh0 {
    width: auto;
    height: 22px
}

.headerIcon-1ACCh0.tier1-1w7VjP {
    height: 35px
}

.price-37GRPB {
    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-Fq8ADF {
    color: #fff !important
}

.closeButton-Fq8ADF:hover {
    background-color: hsla(0, 0%, 100%, .04) !important
}

.theme-dark .closeIcon-3tKOgJ {
    color: #f6f6f7
}

.theme-dark .headerIcon-1ACCh0,
.theme-light .closeIcon-3tKOgJ,
.theme-light .headerIcon-1ACCh0 {
    color: #fff
}

.modalHeader-gQTY3L {
    margin-bottom: -20px;
    padding-bottom: 0
}

.header-2hjw1J {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.headerAnimation-3DVb6i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -20px;
    left: 50%;
    min-width: 440px;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.copyInput-3AbKWB {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border: 1px solid;
    cursor: pointer;
    border-radius: 3px;
    height: 40px
}

.copyInputError-3LaoL5 {
    border-color: var(--status-danger)
}

.copyInputSuccess-3ALwde {
    border-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.layout-S0zsk1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.inputWrapper-2-2Zoc {
    position: relative
}

.button-3M8h3F {
    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-3QNvPt,
.input-2QVoG3 {
    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-2QVoG3 {
    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
}

.inputError-1HO75G {
    color: var(--status-danger)
}

.inputSuccess-2KOr07 {
    color: var(--text-positive)
}

.hiddenMessage-3QNvPt {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.inputHidden-1TFr26 {
    visibility: hidden
}

.copyInput-3AbKWB {
    background-color: var(--input-background)
}

.theme-light .copyInputDefault-3jiMHw {
    border-color: rgba(79, 84, 92, .3)
}

.theme-light .hiddenMessage-3QNvPt,
.theme-light .inputDefault-1AaKiD {
    color: #4f545c
}

.theme-light .hiddenMessage-3QNvPt::-webkit-input-placeholder,
.theme-light .inputDefault-1AaKiD::-webkit-input-placeholder {
    color: rgba(79, 84, 92, .3)
}

.theme-light .hiddenMessage-3QNvPt::-moz-placeholder,
.theme-light .inputDefault-1AaKiD::-moz-placeholder {
    color: rgba(79, 84, 92, .3)
}

.theme-light .hiddenMessage-3QNvPt:-ms-input-placeholder,
.theme-light .inputDefault-1AaKiD:-ms-input-placeholder {
    color: rgba(79, 84, 92, .3)
}

.theme-light .hiddenMessage-3QNvPt::placeholder,
.theme-light .inputDefault-1AaKiD::placeholder {
    color: rgba(79, 84, 92, .3)
}

.theme-dark .copyInputDefault-3jiMHw {
    border-color: rgba(0, 0, 0, .3)
}

.theme-dark .hiddenMessage-3QNvPt,
.theme-dark .inputDefault-1AaKiD {
    color: #f6f6f7
}

.theme-dark .hiddenMessage-3QNvPt::-webkit-input-placeholder,
.theme-dark .inputDefault-1AaKiD::-webkit-input-placeholder {
    color: rgba(246, 246, 247, .3)
}

.theme-dark .hiddenMessage-3QNvPt::-moz-placeholder,
.theme-dark .inputDefault-1AaKiD::-moz-placeholder {
    color: rgba(246, 246, 247, .3)
}

.theme-dark .hiddenMessage-3QNvPt:-ms-input-placeholder,
.theme-dark .inputDefault-1AaKiD:-ms-input-placeholder {
    color: rgba(246, 246, 247, .3)
}

.theme-dark .hiddenMessage-3QNvPt::placeholder,
.theme-dark .inputDefault-1AaKiD::placeholder {
    color: rgba(246, 246, 247, .3)
}

.blurb-3d5FqU {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.44;
    text-align: center;
    max-width: 360px
}

.divider-3IBpTV {
    width: 100%;
    height: 1px;
    margin: 20px 0
}

.subtext-3JuUCk {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px
}

.subtextError-2WbTOv {
    color: var(--text-danger) !important
}

.installSelector-2K2nWV,
.storeTerms-229iaC {
    width: 100%
}

.confirmButton-2fEQAJ,
.header-2cF-SF,
.icon-1rCxiS,
.storeTerms-229iaC {
    margin-top: 20px
}

.headerSeasonalGifting-3UKbTP {
    margin-top: 120px
}

.termsCheckbox-2icdza {
    margin-bottom: 10px
}

.termsCheckbox-2icdza:last-child {
    margin-bottom: 0
}

.giftRecipientSection-268SlC {
    margin-top: 40px;
    width: 100%
}

.giftRecipient-gvWTeE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.giftRecipientInputWrapper-3F3JZd {
    width: 100%
}

.giftRecipientInputError-1Tr5e3 {
    border-color: var(--text-danger) !important
}

.giftRecipientRowAvatar-1WbTM7 {
    margin-right: 8px
}

.sendToRecipientButton-2q0rGU {
    margin-left: 8px;
    height: 42px
}

.blurb-3d5FqU {
    color: var(--header-secondary)
}

.storeTerms-229iaC,
.subtext-3JuUCk {
    color: var(--channels-default)
}

.divider-3IBpTV {
    background-color: var(--background-modifier-accent)
}

.giftBox-32B5-P {
    width: 260px;
    position: absolute;
    top: -131px
}

.confirmation-C0OXWz {
    -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
}

.banner-BGXweW,
.text-3cfvSL {
    margin-bottom: 16px
}

.text-3cfvSL {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.shaker-bevRrZ {
    -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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 660px;
    height: 100%
}

.modalHeader-2Rmdrh {
    margin-bottom: -20px;
    padding-bottom: 0
}

.header-2hQs-p {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.headerAnimation-1dzTLu {
    position: absolute;
    top: 0;
    bottom: -20px;
    left: calc(50% - 220px);
    width: 440px
}

.spinner-3QeLKO {
    position: relative;
    top: calc(50% - 16px)
}

.stepBody-19OtlL {
    padding-top: 16px
}

.bodyText-qGu_4Q {
    color: var(--interactive-normal);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.bodyText-qGu_4Q,
.invoice-2Y7qqb,
.taxInclusiveNote-20zapC {
    margin-bottom: 16px
}

.paymentSourceWrapper-2Z7bt2 {
    margin: 16px 0
}

.paymentSourceOptionalWarning-Oo6kNK {
    margin-top: 16px;
    color: var(--text-normal)
}

.currencyWrapper-Qwb6WU {
    margin-bottom: 16px
}

@media (max-width:485px) {
    .shaker-bevRrZ {
        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-2s1-ri {
        width: 100vw;
        border-radius: 0
    }
}

.trialCheckbox-3iQKPA {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.trialCheckboxLabel-1Q66ak {
    font-size: 14px;
    line-height: 18px
}

.loader-2OHNO6 {
    margin-top: 64px
}

.contentWrapper-1SIVB7 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.contentWrapper-1SIVB7,
.reviewWarningMessageContainer-NRgZaR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.reviewWarningMessageContainer-NRgZaR {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px;
    background-color: var(--info-warning-background);
    border: 1px solid var(--status-warning-background);
    border-radius: 4px;
    margin-bottom: 16px
}

.reviewWarningMessage-2eAqZy {
    color: var(--interactive-active);
    margin-left: 10px
}

.awaitingAuthenticationStep-3Pib9n {
    padding-top: 16px;
    padding-bottom: 16px
}

.renewalInvoiceDate-1qMnnA {
    color: var(--text-normal);
    margin-bottom: 16px
}

.errorBody-2sz9aV {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    text-align: center
}

.errorBody-2sz9aV,
.promotionBodyWrapper-UFCNzB {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.errorBody-2sz9aV,
.promotionBody-1sdaEe,
.promotionBodyWrapper-UFCNzB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.promotionBody-1sdaEe {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 200px;
    margin-top: 20px
}

@media (max-width:485px) {
    .promotionBody-1sdaEe {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        text-align: center
    }
}

.promotionImage-3GAbj4 {
    max-height: 200px;
    max-width: 160px
}

@media (min-width:485px) {
    .promotionImage-3GAbj4 {
        margin-right: 16px
    }
}

@media (max-width:485px) {
    .promotionImage-3GAbj4 {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

.promotionAccountIdentifier-226s7B {
    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
}

@media (max-width:485px) {
    .promotionAccountIdentifier-226s7B {
        margin-top: 48px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.promotionAccountIdentifier-226s7B a {
    margin-left: 4px
}

.promotionAccountIdentifierAvatar-bHe-yT {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 4px;
    margin-right: 4px
}

.promotionAccountIdentifierBody-3Vx6jy {
    margin-top: 24px
}

.promotionAccountIdentifierError-2osLaz {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 8px
}

.promotionConfirmUpgrade-3C98Ue p:first-child {
    margin-top: 0
}

.promotionConfirmUpgrade-3C98Ue ul {
    list-style: disc;
    padding-left: 16px
}

.title-JFAtZ8 {
    margin-bottom: 16px
}

.bodyText-2xODKV {
    font-weight: 500;
    margin-bottom: 20px
}

.errorImage-3Hh27S {
    margin-top: 42px;
    margin-bottom: 12px;
    height: 111px
}

@media (max-width:485px) {
    .errorFooter-qmijiV {
        display: none
    }
}

.notice-2HEN-u {
    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-2HEN-u strong {
    font-weight: 600
}

.platform-osx .notice-2HEN-u {
    -webkit-app-region: drag
}

.colorDefault-1e8tQv {
    background-color: #f26522;
    color: #fff
}

.colorDefault-1e8tQv .button-1iHNQ2:hover {
    color: #f26522
}

.colorNeutral-1Ll2SQ {
    background-color: var(--background-accent);
    color: #fff
}

.colorNeutral-1Ll2SQ .button-1iHNQ2:hover {
    color: #222
}

.colorGreen-2YU4w4 {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%);
    color: #fff
}

.colorGreen-2YU4w4 .button-1iHNQ2:hover {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.1%), 33.3%)
}

.colorNotification-24Qhr6 {
    background-color: var(--status-positive-background);
    color: var(--status-positive-text)
}

.colorNotification-24Qhr6 .button-1iHNQ2 {
    font-weight: 600
}

.colorNotification-24Qhr6 .button-1iHNQ2:hover {
    color: var(--text-positive)
}

.colorDark-17ICom {
    background-color: #202225;
    color: #fff
}

.colorDark-17ICom .button-1iHNQ2:hover {
    color: #202225
}

.colorPremium-1VK7r6 {
    color: #fff
}

.colorPremiumTier1-2r-LRg {
    background-image: -webkit-gradient(linear, right top, left top, from(hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%)), to(hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%)));
    background-image: linear-gradient(270deg, hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%), hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%))
}

.colorPremiumTier1-2r-LRg .button-1iHNQ2:hover {
    color: var(--brand-experiment)
}

.colorPremiumTier2-3R4qYN {
    background-image: -webkit-gradient(linear, right top, left top, from(hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%)), to(hsl(270, calc(var(--saturation-factor, 1)*86.7%), 70.6%)));
    background-image: linear-gradient(270deg, hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%), hsl(270, calc(var(--saturation-factor, 1)*86.7%), 70.6%))
}

.colorPremiumTier2-3R4qYN .button-1iHNQ2:hover {
    color: hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%)
}

.colorInfo-1kEg3T {
    background-color: #4a90e2;
    color: #fff
}

.colorInfo-1kEg3T .button-1iHNQ2:hover {
    color: #4a90e2
}

.colorSuccess-2js6tw {
    background-color: var(--status-positive-background);
    color: var(--status-positive-text)
}

.colorSuccess-2js6tw .button-1iHNQ2:hover {
    color: var(--text-positive)
}

.colorWarning-3oV0Ge {
    background-color: var(--status-warning-background);
    color: #000
}

.colorWarning-3oV0Ge .button-1iHNQ2 {
    border-color: #000 !important;
    color: #000
}

.colorWarning-3oV0Ge .button-1iHNQ2:hover {
    color: #000;
    background-color: hsla(0, 0%, 100%, .26666666666666666) !important
}

.colorDanger-2YLzLC {
    background-color: var(--status-danger-background);
    color: var(--status-danger-text)
}

.colorDanger-2YLzLC .button-1iHNQ2:hover {
    color: var(--text-danger)
}

.colorStreamerMode-8uoRWd {
    background-color: hsl(262, calc(var(--saturation-factor, 1)*46.8%), 39.8%);
    color: #fff
}

.colorStreamerMode-8uoRWd .button-1iHNQ2:hover {
    color: hsl(262, calc(var(--saturation-factor, 1)*46.8%), 39.8%)
}

.colorSpotify-8EbkZS {
    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: hsl(141, calc(var(--saturation-factor, 1)*72.9%), 42%);
    color: #fff
}

.colorSpotify-8EbkZS .platformIcon-UUzhK2 {
    margin-top: 0;
    width: 24px;
    height: 24px
}

.colorSpotify-8EbkZS .button-1iHNQ2 {
    top: 0;
    margin-left: 20px
}

.colorSpotify-8EbkZS .button-1iHNQ2:hover {
    color: hsl(141, calc(var(--saturation-factor, 1)*72.9%), 42%)
}

.colorPlayStation-2D4fcT {
    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: hsl(220, calc(var(--saturation-factor, 1)*95.7%), 27.1%);
    color: #fff
}

.colorPlayStation-2D4fcT .platformIcon-UUzhK2 {
    margin-top: 0;
    width: 24px;
    height: 24px
}

.colorPlayStation-2D4fcT .button-1iHNQ2 {
    top: 0;
    margin-left: 20px
}

.colorPlayStation-2D4fcT .button-1iHNQ2:hover {
    color: hsl(220, calc(var(--saturation-factor, 1)*95.7%), 27.1%)
}

.colorBrand-2hgZSE {
    background-color: var(--brand-experiment);
    color: #fff
}

.colorBrand-2hgZSE .button-1iHNQ2:hover {
    color: var(--brand-experiment)
}

.colorCustom-3MjP7y .button-1iHNQ2:hover {
    color: #222
}

.closeButton-30b1gR {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    background: url(/assets/4d778f647fdb98bb77f6ebf5e2a5c188.svg) 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-30b1gR:hover {
    opacity: 1
}

.button-1iHNQ2 {
    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-1iHNQ2.buttonMinor-1i2UDG {
    border: none;
    text-decoration: underline
}

.theme-dark .button-1iHNQ2,
.theme-light .button-1iHNQ2 {
    border-color: #fff;
    background-color: transparent
}

.theme-dark .button-1iHNQ2:hover,
.theme-light .button-1iHNQ2:hover {
    border-color: #fff;
    background-color: #fff
}

.enable-forced-colors .notice-2HEN-u {
    border-bottom: 2px solid CanvasText
}

.notice-7NPVIG {
    border-radius: 0;
    background-color: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 71.8%);
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px
}

@media (max-width:485px) {
    .notice-7NPVIG {
        padding: 0 16px
    }
}

.noticeUnderlineButton-1fCvJH {
    border: none;
    padding: 0;
    position: static;
    text-decoration: underline;
    white-space: nowrap;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width:485px) {
    .mobileHide-R-gwuK {
        display: none
    }
}

.text-1w7zQ- {
    white-space: nowrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #fff
}

.noticeButton-wzEwdy {
    white-space: nowrap;
    position: static
}

.userTag-3tMk3V {
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    margin-left: 4px;
    color: #fff
}

.avatar-3-Z9WT {
    margin: 0 0 0 4px
}

.start-20MY3t {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    min-width: 0
}

.end-3jNqK7,
.start-20MY3t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    align-items: center
}

.end-3jNqK7 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    margin: 0 0 0 16px
}

.button-qNMA0V:active,
.button-qNMA0V:hover {
    background-color: #fff !important
}

.button-qNMA0V:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.banner-oA34U0 {
    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: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 660px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 0 0
}

.bannerBackgroundImage-1gV9hv {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(/assets/849b82ae5737d6bc9e2e9aa775ae824e.svg)
}

.image-J0sk71 {
    background-size: 100% 100%;
    height: 68px;
    width: 96px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

@media (max-width:485px) {
    .image-J0sk71 {
        display: none
    }
}

.details-3B7X1z,
.image-J0sk71 {
    position: relative
}

.tier1-314rFD.banner-oA34U0 {
    background-image: linear-gradient(8.62deg, hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%), hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%) 75.25%)
}

.tier1-314rFD .image-J0sk71 {
    background-image: url(/assets/dd7cd33166cc25b532bcbac1053d34aa.svg)
}

.tier1-314rFD .discordWordmark-2Vg2R3 {
    width: 41px;
    height: 16px
}

.tier1-314rFD .classicWordmark-1mVHGV {
    background-image: url(/assets/522d0515f2aff1feb5ab80b948593e20.svg);
    width: 185px;
    height: 19px
}

.tier1-314rFD .details-3B7X1z {
    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-314rFD.canceled-3FVVhC .image-J0sk71,
.tier1-314rFD.failedPayment-2RYzVK .image-J0sk71 {
    background-image: url(/assets/f8944710e64871658f6db8d977b62442.svg)
}

.tier2-2lPk-q.banner-oA34U0 {
    background-image: -webkit-gradient(linear, left top, right top, from(hsl(270, calc(var(--saturation-factor, 1)*86.7%), 70.6%)), to(hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%)));
    background-image: linear-gradient(90deg, hsl(270, calc(var(--saturation-factor, 1)*86.7%), 70.6%), hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%))
}

.tier2-2lPk-q .image-J0sk71 {
    background-image: url(/assets/4f3b99b76c1158fdd5606d1a782a1516.svg);
    height: 68px
}

.tier2-2lPk-q .planName-3i1IN1 {
    width: 77px;
    height: 32px
}

.tier2-2lPk-q.canceled-3FVVhC .image-J0sk71,
.tier2-2lPk-q.failedPayment-2RYzVK .image-J0sk71 {
    background-image: url(/assets/aca5d7597a3e0a6496c4833ed85aca34.svg)
}

.canceled-3FVVhC.banner-oA34U0 {
    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-2RYzVK.banner-oA34U0 {
    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-3eXANS {
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px
}

.buttons-2im8A3 {
    position: absolute;
    top: 16px;
    right: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.buttons-2im8A3,
.toolsButtons-2R0LO4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.toolsButton-30prRj {
    position: relative;
    margin-left: 16px
}

.externalButton-2SWkrB {
    text-transform: uppercase
}

.detailsContainer-3y3r-K {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.externalLink-qrkNU1 {
    width: 100%
}

.theme-dark .container-1maJTy {
    background-color: #2f3136
}

.theme-light .container-1maJTy {
    background-color: rgba(246, 246, 247, .6)
}

.currency-ugvBw4 {
    color: var(--text-normal);
    margin-top: 12px;
    font-size: 14px
}

.currency-ugvBw4 .currencyDropdown-2LTXrL {
    margin-left: 4px;
    width: 80px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.root-2QAhyj {
    -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-3ICH7G {
    margin-right: 6px;
    width: 14px;
    height: 14px
}

.infoIcon-3ICH7G,
.text-2iOgZW {
    color: var(--interactive-normal)
}

.text-2iOgZW {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cancelLink-3jRd0a {
    color: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%);
    font-weight: 600;
    white-space: nowrap
}

.modalBody-pH3Bky {
    color: var(--interactive-normal);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px
}

.section-1k4BCD {
    margin-bottom: 20px
}

.paymentBanner-1PHefn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    background: var(--background-floating);
    border-radius: 4px;
    margin-bottom: 14px
}

.paymentBannerNew-3RFViH {
    position: relative;
    margin-top: 28px
}

.paymentBannerIcon-1BGBJx {
    width: 20px;
    height: 20px
}

.paymentBannerText-2qCsbh {
    margin-left: 8px
}

.renewalMutationNotice-2ZdRpv {
    margin-bottom: 16px
}

.grandfatheredMessage-1ou_tM {
    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(hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%)), to(hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%)));
    background-image: linear-gradient(270deg, hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%), hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%));
    color: #fff;
    margin-bottom: 16px
}

.grandfatheredMessageText-2QkDGj {
    margin-right: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.grandfatheredIcon-DESYpl {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.subscriptionRows-3rUeLf {
    margin-bottom: 32px
}

.guildSubscriptionRow-2bRuzB {
    margin-top: 16px
}

.guildBoostingSubscriptionRow-3kEVdY {
    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
}

.guildBoostingSubscriptionRowActive-17ErXu {
    background-image: -webkit-gradient(linear, left top, right top, from(hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%)), to(hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%)));
    background-image: linear-gradient(90deg, hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%), hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%))
}

.guildBoostingSubscriptionRowActive-17ErXu .guildBoostingSubscriptionRowBackground-2Xizyq {
    background-image: url(/assets/25d8e777eb5efc5f8f24dd0529e1c208.svg)
}

.guildBoostingSubscriptionRowActive-17ErXu .guildBoostingImage-2yn7NJ {
    background-image: url(/assets/d9b856952d74569f7ea43a8924298f05.svg)
}

.guildBoostingSubscriptionRowCanceled-k-1AvO {
    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)
}

.guildBoostingSubscriptionRowCanceled-k-1AvO .guildBoostingSubscriptionRowBackground-2Xizyq {
    background-image: url(/assets/2163b069be6ff10ed16e101c980a7c0d.svg)
}

.guildBoostingSubscriptionRowCanceled-k-1AvO .guildBoostingImage-2yn7NJ {
    background-image: url(/assets/3abb539c6a85a5b8dcd4da5340d1a738.svg)
}

.guildBoostingSubscriptionRowFailedPayment-HXRirr {
    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)
}

.guildBoostingSubscriptionRowFailedPayment-HXRirr .guildBoostingSubscriptionRowBackground-2Xizyq {
    background-image: url(/assets/82724216ddca798abb9f00ba4a8664b1.svg)
}

.guildBoostingSubscriptionRowFailedPayment-HXRirr .guildBoostingImage-2yn7NJ {
    background-image: url(/assets/27d1125b6bdbe688aff9b7ee87f4f9b7.svg)
}

.sectionTitle-3vprZ6 {
    margin-bottom: 16px
}

.sectionDescription-2ealM1 {
    color: var(--text-normal);
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 0
}

.guildBoostingSubscriptionRowBackground-2Xizyq {
    background-position: bottom;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    border-radius: 4px
}

.guildBoostingImage-2yn7NJ {
    width: 96px;
    height: 54px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    position: relative
}

.guildBoostingSubscriptionRowBody-3d-Hpi {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.guildBoostingWordmark-vPAasF {
    background-image: url(/assets/bd6accf050484943dee720c8dcfe32de.svg);
    width: 184px;
    height: 17px;
    margin-bottom: 16px
}

.details-2q1D13 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:485px) {
    .details-2q1D13 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.detailsBlock-24pLFz {
    -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;
    min-width: 200px
}

@media (max-width:485px) {
    .detailsBlock-24pLFz {
        margin-right: 0;
        margin-bottom: 20px
    }
}

.paymentDropdownFinePrint-4J0PFB {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: var(--text-muted);
    margin-top: 4px
}

.paymentDropdown-1q1lBC {
    max-width: 400px
}

.redBorder-YGHWQi {
    border: 1px solid;
    border-color: hsl(359, calc(var(--saturation-factor, 1)*83%), 67.6%)
}

.detailsBlock-24pLFz:last-child {
    margin-right: 0
}

.detailBlockHeader-r4x-sB {
    margin-bottom: 8px
}

.billingInformation-2bXmfE {
    color: var(--text-normal);
    font-size: 14px;
    line-height: 18px
}

.finePrint-1YdWW6 {
    margin-top: 16px;
    line-height: 1.4;
    color: var(--text-muted)
}

.cardText-1KLO-g {
    padding-left: 8px
}

.noItemsCard-2V85P5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 16px;
    padding: 16px 19px;
    border: none;
    color: var(--interactive-active);
    background-color: var(--background-secondary)
}

.theme-dark .noItemsIcon-1rZlXZ {
    background: #4f545c
}

.newSparkles-2cMutB {
    position: absolute;
    width: 47px;
    height: 34px;
    top: -18px;
    left: -10px
}

.boostingDesktopAppBlurb-N7zbwx {
    margin-top: 8px
}

.message-2EPHS- {
    margin-top: 20px;
    margin-bottom: 20px
}

.imageUnverified-27S_KF {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    margin: 20px auto;
    width: 162px
}

.theme-dark .imageUnverified-27S_KF {
    background-image: url(/assets/9ee155142daa13a74e603cc1c1bad485.svg)
}

.theme-light .imageUnverified-27S_KF {
    background-image: url(/assets/6f6d652ea8bb11a8acde40a2916d2328.svg)
}

.wrapper-k4v1Z3 {
    max-height: 100%
}

.spinnerWrapper-3kB6FN,
.wrapper-k4v1Z3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.spinnerWrapper-3kB6FN {
    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
}

.subscriptionDetails-2BrjlL {
    background-color: var(--background-primary);
    min-width: 300px;
    max-width: 740px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

@media (max-width:485px) {
    .subscriptionDetails-2BrjlL {
        width: 100%
    }
}

.subscriptionContainer-2gAcas {
    padding: 60px 40px 80px;
    border-radius: 4px
}

@media (max-width:485px) {
    .subscriptionContainer-2gAcas {
        padding: 24px 16px 0
    }
}

.authBoxWhenMobileWebHandoffIsVisible-1wc3YQ {
    top: 70px !important;
    height: calc(100% - 70px) !important
}

.container-vujOuw {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.container-vujOuw,
.iconButton-Go5KJo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iconButton-Go5KJo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.iconButton-Go5KJo:hover {
    cursor: pointer
}

.iconButton-Go5KJo:hover .icon-12Gd96 {
    color: var(--interactive-active)
}

.iconButton-Go5KJo+.iconButton-Go5KJo {
    margin-left: 16px
}

.iconButonDisabled-2e4KbI {
    color: var(--interactive-muted)
}

.iconButonDisabled-2e4KbI:hover {
    cursor: not-allowed
}

.innerButton-1Usu-f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button-OEo0Ie,
.button-OEo0Ie+.button-OEo0Ie {
    margin-left: 8px
}

.buttonIcon-rxkPZG {
    margin-right: 4px
}

.icon-12Gd96 {
    color: var(--header-secondary)
}

.tooltips-1rQplI {
    max-width: 280px;
    text-align: center
}

.container-1r_14G {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.container-1r_14G,
.iconButton-1vGLOk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iconButton-1vGLOk {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.iconButton-1vGLOk:hover {
    cursor: pointer
}

.iconButton-1vGLOk:hover .icon-1c-RlV {
    color: var(--interactive-active)
}

.iconButton-1vGLOk+.iconButton-1vGLOk {
    margin-left: 16px
}

.iconButonDisabled-_2j2wS {
    color: var(--interactive-muted)
}

.iconButonDisabled-_2j2wS:hover {
    cursor: not-allowed
}

.innerButton-2txIbV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button-tCHZCF,
.button-tCHZCF+.button-tCHZCF {
    margin-left: 8px
}

.buttonIcon-39cvgi {
    margin-right: 4px
}

.icon-1c-RlV {
    color: var(--header-secondary)
}

.tooltips-1klP49 {
    max-width: 280px;
    text-align: center
}

.header-2Kx1US,
.item-3XjbnG {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500
}

.header-2Kx1US {
    font-size: 12px;
    font-weight: 700;
    font-family: var(--font-display);
    line-height: 16px;
    text-transform: uppercase;
    color: var(--channels-default)
}

.item-3XjbnG {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer
}

.brand-3g5E0C.item-3XjbnG,
.themed-2-lozF.item-3XjbnG {
    color: var(--interactive-normal)
}

.brand-3g5E0C.item-3XjbnG:hover,
.themed-2-lozF.item-3XjbnG:hover {
    color: var(--interactive-hover)
}

.brand-3g5E0C.item-3XjbnG:active,
.themed-2-lozF.item-3XjbnG:active {
    color: var(--interactive-active)
}

.separator-2wx7h6 {
    background-color: var(--background-modifier-accent)
}

.selected-g-kMVV.item-3XjbnG,
.selected-g-kMVV.item-3XjbnG:hover {
    cursor: default;
    color: var(--interactive-active)
}

.selected-g-kMVV {
    cursor: default
}

.disabled-1nofHP.item-3XjbnG,
.disabled-1nofHP.item-3XjbnG:hover {
    cursor: default;
    color: var(--interactive-muted)
}

.side-2ur1Qk {
    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-2ur1Qk .header-2Kx1US,
.side-2ur1Qk .item-3XjbnG {
    padding: 6px 10px
}

.side-2ur1Qk .header-2Kx1US:first-child {
    padding-top: 0
}

.side-2ur1Qk .item-3XjbnG {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 2px;
    border-radius: 4px
}

.side-2ur1Qk .separator-2wx7h6 {
    margin: 8px 10px;
    height: 1px
}

.top-K_jibn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.top-K_jibn .item-3XjbnG {
    border-bottom: 2px solid transparent
}

.top-K_jibn .disabled-1nofHP.item-3XjbnG {
    cursor: not-allowed
}

.top-K_jibn .themed-2-lozF.item-3XjbnG:hover {
    border-bottom-color: var(--interactive-hover)
}

.top-K_jibn .selected-g-kMVV.themed-2-lozF.item-3XjbnG,
.top-K_jibn .themed-2-lozF.item-3XjbnG:active {
    border-bottom-color: var(--interactive-active)
}

.top-K_jibn .brand-3g5E0C.item-3XjbnG:hover {
    border-bottom-color: var(--brand-experiment)
}

.top-K_jibn .brand-3g5E0C.item-3XjbnG:active,
.top-K_jibn .brand-3g5E0C.selected-g-kMVV.item-3XjbnG {
    border-bottom-color: var(--control-brand-foreground)
}

.top-K_jibn .disabled-1nofHP.brand-3g5E0C.item-3XjbnG:hover,
.top-K_jibn .disabled-1nofHP.themed-2-lozF.item-3XjbnG:hover {
    border-bottom-color: transparent
}

.topPill-3DJJNV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.topPill-3DJJNV .item-3XjbnG {
    border-radius: 4px;
    margin: 0 8px;
    padding: 2px 8px
}

.topPill-3DJJNV .separator-2wx7h6 {
    width: 1px
}

.side-2ur1Qk .themed-2-lozF.item-3XjbnG:hover:not(.disabled-1nofHP),
.topPill-3DJJNV .themed-2-lozF.item-3XjbnG:hover:not(.disabled-1nofHP) {
    background-color: var(--background-modifier-hover)
}

.side-2ur1Qk .themed-2-lozF.item-3XjbnG:active:not(.disabled-1nofHP),
.topPill-3DJJNV .themed-2-lozF.item-3XjbnG:active:not(.disabled-1nofHP) {
    background-color: var(--background-modifier-active)
}

.side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG,
.topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG {
    background-color: var(--background-modifier-selected)
}

.tabBar-3lflCo {
    padding-top: 1px;
    margin-bottom: -2px
}

.tabBarItem-2aZfB8 {
    margin-right: 40px;
    padding-bottom: 16px;
    border-bottom: 2px solid transparent;
    font-size: 14px
}

.container-3EBHNg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px;
    padding-left: 16px;
    padding-bottom: 1px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.closeIcon-2jT3e_ {
    color: #fff;
    margin-right: 8px;
    background-color: rgba(0, 0, 0, .42);
    padding: 4px;
    border-radius: 8px
}

.closeButton-3xPRc3 {
    position: absolute;
    top: 12px;
    right: 4px
}

.closeButton-3xPRc3:focus,
.closeButton-3xPRc3:hover {
    cursor: pointer
}

.closeButton-3xPRc3:focus .closeIcon-2jT3e_,
.closeButton-3xPRc3:hover .closeIcon-2jT3e_ {
    background-color: rgba(0, 0, 0, .8)
}

.wrapper-1HIH0j {
    background-color: var(--background-secondary);
    border-radius: 4px;
    padding: 16px;
    width: 432px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header-3anOjb {
    font-weight: 700;
    margin-bottom: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--interactive-normal)
}

.content-1r-J1r {
    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-3ZfRfI {
    background-color: var(--background-primary);
    margin-right: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.applicationIcon-21L3o_ {
    width: 48px;
    height: 48px
}

.guildIconJoined-1vwhjz {
    cursor: pointer
}

.guildIconImageJoined-1TjW1G {
    cursor: pointer
}

.inviteDestination-1rM5rX {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 2px
}

.inviteDestinationJoined-dZrdzT {
    cursor: pointer
}

.inviteDestinationJoined-dZrdzT:hover {
    text-decoration: underline
}

.channel-1hYMBr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.channelName-2GMEH5 {
    -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-1OCs9X {
    color: var(--text-muted)
}

.channelIcon-1OCs9X,
.status-JIDx3x {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.status-JIDx3x {
    display: block;
    margin-right: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.statusOnline-Iw3r2o {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.statusOffline-2R-ArP {
    background-color: hsl(214, calc(var(--saturation-factor, 1)*9.9%), 50.4%)
}

.count-62gVQ0 {
    -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-62gVQ0:last-child {
    margin-right: 0
}

.guildNameWrapper-OUvDrW {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.guildName-3G4jq- {
    -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-3FaJzP {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px
}

.guildInfo-UCKhrV {
    min-width: 1px
}

.guildDetail-3EJhW_ {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--interactive-normal);
    line-height: 16px
}

.statusCounts-3GLDH6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inviteSplash-2nkLRX {
    position: relative;
    background-color: var(--background-modifier-accent);
    border-radius: 4px 4px 0 0;
    height: 64px;
    margin: -16px -16px 16px;
    overflow: hidden
}

.inviteSplashImage-3f6SDQ {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    -webkit-transition: opacity .125s;
    transition: opacity .125s;
    width: 100%;
    height: 100%
}

.inviteSplashBadge-3tneBB {
    position: absolute;
    right: 8px;
    top: 8px
}

.inviteSplashImageLoaded-PnU-4Q {
    opacity: 1
}

.button-2b4VEQ {
    -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-2b4VEQ.buttonSize-3QlBTl {
    height: 40px;
    padding-left: 20px;
    padding-right: 20px
}

.guildIconExpired-2BFmZC {
    background-color: var(--background-secondary);
    background-size: 50px 26px;
    background-repeat: no-repeat;
    border-radius: 12px;
    background-position: 50%;
    width: 48px;
    height: 48px
}

.inviteDestinationExpired-1n9a5a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--status-danger)
}

.buttonForNonMember-284vM3 {
    display: block;
    margin-left: 0;
    margin-top: 16px;
    width: 100%
}

@-webkit-keyframes invite-button-resolving-2gIa0W {
    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-2gIa0W {
    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-1cL4mF {
    -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-1MSH01 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 760px;
    -webkit-animation: invite-button-resolving-2gIa0W 4s ease-in-out infinite;
    animation: invite-button-resolving-2gIa0W 4s ease-in-out infinite
}

.theme-light .guildIconImage-74OdmM {
    background-color: #fff
}

.theme-light .guildIconExpired-2BFmZC {
    background-image: url(/assets/feaff2557c548146aad83669db695e0b.svg)
}

.theme-light .resolvingBackground-1MSH01 {
    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-74OdmM {
    background-color: #36393f
}

.theme-dark .guildIconExpired-2BFmZC {
    background-image: url(/assets/9a31e0f65d520cc12d7f42374d59a2d1.svg)
}

.theme-dark .resolvingBackground-1MSH01 {
    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-1HIH0j {
    background: rgba(47, 49, 54, .3)
}

.theme-dark .background-opacity-low .header-3anOjb {
    text-shadow: 0 0 1px #202225, 1px 1px 0 #202225
}

.theme-dark .background-opacity-low .button-2b4VEQ {
    opacity: .8
}

.theme-dark .background-opacity-medium .wrapper-1HIH0j {
    background: rgba(47, 49, 54, .5)
}

.theme-dark .background-opacity-medium .header-3anOjb {
    text-shadow: 0 0 1px #36393f, 1px 1px 0 #36393f
}

.theme-dark .background-opacity-medium .guildIcon-3ZfRfI {
    opacity: .7
}

.theme-dark .background-opacity-medium .button-2b4VEQ {
    opacity: .9
}

.theme-dark .background-opacity-high .wrapper-1HIH0j {
    background: rgba(47, 49, 54, .6)
}

.theme-dark .overlay-unlocked .wrapper-1HIH0j {
    background-color: var(--background-secondary)
}

.theme-dark .overlay-unlocked .header-3anOjb {
    text-shadow: none
}

.theme-dark .overlay-unlocked .button-2b4VEQ,
.theme-dark .overlay-unlocked .guildIcon-3ZfRfI {
    opacity: 1
}

.inviteDetailsContainer-1F5-cd {
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0
}

.clickable-1X-Pj8 {
    cursor: pointer
}

.clickable-1X-Pj8:hover {
    background-color: var(--background-secondary-alt)
}

.guildChannelInfoContainer-2hDOLh {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guildChannelInfoContainer-2hDOLh,
.verticalContainer-1AOnNK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0
}

.verticalContainer-1AOnNK {
    margin-left: -4px;
    -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
}

.footerContainer-2oqEXf {
    margin-top: 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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button-c6KJnS {
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.innerButton-1wEHz_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.buttonIcon-OikXGW {
    margin-right: 4px
}

.eventDescription-3Aq-k9 {
    font-size: 14px;
    line-height: 18px
}

.channelDescription-1NVsPM {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.guildBadge-1R7BsD {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.guildName-2aZVsG {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.guildNameLinkable-1obRi7 {
    cursor: pointer
}

.guildNameLinkable-1obRi7:hover {
    text-decoration: underline
}

.channelIcon-2Zvctu {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.channelInfoContainer-3qUQMW {
    margin-top: 4px;
    -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
}

.channelInfoContainer-3qUQMW,
.channelLocationLink-2iSfuV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--header-secondary)
}

.channelLocationLink-2iSfuV {
    cursor: pointer
}

.channelLocationLink-2iSfuV:hover {
    text-decoration: underline
}

.banner-3YSe_P {
    margin: -16px -16px 16px;
    border-radius: 4px 4px 0 0
}

.header-18H69z {
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 8px
}

.description-1M399T,
.title-3cx1KA {
    margin-top: 16px
}

.guildBadge-8vBqeD {
    margin-right: 4px
}

.row-3J8X6C {
    margin-top: 8px;
    margin-bottom: 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;
    color: var(--text-muted)
}

.guildIcon-1t7MRZ {
    color: #fff;
    background-color: var(--brand-experiment)
}

.body-3dZw8h {
    padding: 8px 8px 24px 16px
}

.channelIcon-2HfGFe,
.icon-LRivaf {
    margin-right: 8px
}

.channelIcon-2HfGFe {
    fill: var(--header-primary)
}

.clickable-2Es6Gu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.clickable-2Es6Gu .linkText-3uNtEG:hover {
    text-decoration: underline
}

.cursorPointer-1gxBjT {
    cursor: pointer
}

.channelLocation-ywFWUD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.channelLocation-ywFWUD:hover {
    text-decoration: underline
}

.locationText-1mk4fP {
    color: var(--header-secondary)
}

.externalLocation-2_1zqo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.interestedCount-2zEAZg {
    cursor: pointer
}

.interestedCount-2zEAZg:hover {
    text-decoration: underline
}

.creator-qZpi-N {
    cursor: pointer
}

.creator-qZpi-N:hover {
    text-decoration: underline
}

.container-2GuWaQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sparkleIcon-aHefnO {
    height: 12px;
    width: 12px
}

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

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

.container-3E9X4C {
    height: 100%
}

.emptyContainer-1qMVs7 {
    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;
    height: 100%
}

.title-20BrdW {
    padding: 32px 0 8px
}

.errorTitle-RN9HwZ {
    padding: 32px 24px;
    text-align: center
}

.icon-2NslHk {
    color: var(--interactive-active)
}

.circle-1g-jMn {
    height: 64px;
    width: 64px
}

.circle-1g-jMn,
.listRowCircle-Yp4XyP {
    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
}

.listRowCircle-Yp4XyP {
    height: 40px;
    width: 40px
}

.listRow-3v94Wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 30px;
    padding: 8px;
    color: var(--text-normal);
    border-radius: 4px;
    margin: 0 0 1px 8px
}

.interactiveRow-ALfmDn {
    cursor: pointer
}

.interactiveRow-ALfmDn:hover {
    background-color: var(--background-modifier-hover)
}

.listName-kVsdV9 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.listAvatar-2MyNH5 {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.listDiscriminator-1_flfS {
    font-size: 12px;
    opacity: .6
}

.spinner-dMo6nM {
    width: 100%;
    height: 100%
}

.listScroller-2FcOQF {
    padding: 8px 0
}

.selected-2aBVty {
    color: var(--interactive-active);
    background-color: var(--background-modifier-selected)
}

.root-wwggTZ {
    height: auto;
    min-height: 0
}

.banner-ppi-o1 {
    height: 240px;
    margin: 0;
    border-radius: 4px 4px 0 0
}

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

.contentContainer-BWAau5 {
    padding-left: 0;
    padding-right: 0;
    background-color: var(--background-primary);
    min-height: 230px;
    max-height: 500px
}

.footer-2NMtcb {
    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;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: var(--background-secondary)
}

.content-2fXf1N {
    padding-top: 24px;
    padding-bottom: 24px
}

.title-1nWFDn {
    margin: 32px 0 8px
}

.subtitle-3VCL-p,
.title-1nWFDn {
    text-align: center
}

.subtitle-3VCL-p {
    margin-top: 8px
}

.icon-25q1Ll {
    color: var(--interactive-active)
}

.iconBackground-3gHYPJ {
    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
}

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

.fullArt-KDeDyg {
    margin: 38px 64px 20px;
    background: url(/assets/335c097a216b2d5a3d1e2660f54139e6.svg);
    width: 272px;
    height: 93px;
    background-position: 50%;
    background-repeat: no-repeat
}

.header-1iEhSH {
    text-transform: uppercase
}

.guildPopout-G6M0fK {
    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-1lJhcS {
    -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-NK9UXV {
    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-1V9gXL {
    position: absolute;
    top: 94.62482px
}

.avatar-2slV0S,
.splashImage-1zlvHU {
    width: 100%;
    height: 100%
}

.splashImage-1zlvHU {
    max-height: 140px;
    -o-object-fit: cover;
    object-fit: cover
}

.body-2VgEvc {
    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-2VgEvc.hasSplash-eb2gvm {
    padding-top: 58px
}

.guildNameWrapper-1-Mx1k {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guildName-31Kpwt {
    word-break: break-word;
    font-weight: 600
}

.badge-21WXUb {
    margin-right: 4px
}

.description-1h0_nW {
    text-align: center;
    margin-top: 8px
}

.memberInfo-2YYjvp {
    margin-top: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--header-secondary)
}

.memberCount-2ywHLx,
.memberInfo-2YYjvp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.memberCount-2ywHLx {
    margin-right: 8px
}

.memberCount-2ywHLx:last-child {
    margin-right: 0
}

.dot-FpbcxH {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 4px;
    margin-left: 4px
}

.dotOnline-1m3-ek {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.dotOffline-19zUSS {
    background-color: #b9bbbe
}

.memberText-13hcLO {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.footer-3YL3ds {
    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-19AA-h {
    text-transform: uppercase;
    margin-bottom: 8px
}

.emojiContainer-fK-z-T {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.emojiContainer-fK-z-T.withCounter-13M8JT {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.emoji-3SSqPN {
    margin-right: 8px
}

.emojiCounter-tx3ftR {
    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-1AOv32 {
    0% {
        opacity: .2
    }

    50% {
        opacity: .5
    }

    to {
        opacity: .2
    }
}

@keyframes placeholderPulse-1AOv32 {
    0% {
        opacity: .2
    }

    50% {
        opacity: .5
    }

    to {
        opacity: .2
    }
}

.placeholderSkeleton-2EfCME {
    border-radius: 8px;
    background: #72767d;
    opacity: .2;
    -webkit-animation: placeholderPulse-1AOv32 3s ease-in-out infinite;
    animation: placeholderPulse-1AOv32 3s ease-in-out infinite
}

.splashPlaceholder-3BQxwJ {
    width: 250px;
    height: 140.62482px;
    border-radius: 0
}

.iconPlaceholder-3g-xw9 {
    border-radius: 50%;
    width: 92px;
    height: 92px;
    margin-bottom: 16px;
    position: absolute;
    top: 94.62482px
}

.namePlaceholder-iLbLXK {
    height: 18px;
    width: 170px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.memberInfoPlaceholder-3yJDd2,
.namePlaceholder-iLbLXK {
    margin: 2px 0
}

.memberInfoPlaceholder-3yJDd2 {
    height: 12px;
    width: 70px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.viewButtonPlaceholder-2Vkp2r {
    height: 128px
}

.unavailableHeader-1vpp4N {
    margin-bottom: 8px
}

.theme-dark .guildPopout-G6M0fK {
    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-31Kpwt {
    color: #fff
}

.theme-light .guildPopout-G6M0fK {
    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-31Kpwt {
    color: #4f5660
}

.grid-25LEur {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    gap: 8px
}

.speakerContainer-3tZBWD {
    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-3ud3RO {
    height: 20px !important;
    width: 20px !important;
    margin-right: 8px
}

.iconMicrophone-229Yn0,
.speakerCount-1ZIbIK {
    background-color: var(--background-tertiary)
}

.iconMicrophone-229Yn0 {
    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-2R-eRv {
    max-width: 164px
}

.textInGrid-3HkVuL {
    max-width: 124px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:1200px) {
    .textInGrid-3HkVuL {
        max-width: 120px
    }
}

.container-iziRin {
    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-nyhAgi {
    margin-right: 4px;
    color: var(--header-primary)
}

.contentContainer-1OU6b6 {
    padding: 16px
}

.contentContainer-1OU6b6,
.headerContainer-rJD4fD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.guildIcon-3fa0Mr {
    margin-right: 8px;
    border-radius: 4px
}

.flexContainerRow-33ATcS {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flexContainerRow-33ATcS,
.guildInfoContainer-Ojd5nI {
    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-Ojd5nI {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.speakers-3A8kTo {
    margin-top: 12px
}

.topicText-2b9KnO {
    font-weight: 600
}

.description-3nt0Z7,
.topicText-2b9KnO {
    margin-top: 8px;
    -webkit-line-clamp: 2
}

.description-3nt0Z7,
.guildName-3yc-xg,
.topicText-2b9KnO {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.guildName-3yc-xg {
    margin-right: 4px;
    -webkit-line-clamp: 1
}

.guildName-3yc-xg:not(.disabled-bpf3H4):hover {
    text-decoration: underline;
    color: var(--header-primary)
}

.featuredTag-124UdK {
    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(--brand-experiment);
    border-radius: 12px;
    margin-right: 12px
}

.featuredTagText-2-2kbF {
    color: #fff
}

.rightJustifiedContent-AqKyqG {
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.footer-y6j8iq,
.rightJustifiedContent-AqKyqG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-1-O8JC {
    color: var(--header-secondary);
    margin-right: 4px
}

.divider-2ghupM {
    height: 1px;
    background-color: var(--background-modifier-accent);
    border: none;
    margin: 16px -16px 12px
}

.container-1cFjht {
    padding-top: 24px;
    padding-bottom: 24px
}

.header-1ZFg4m {
    text-align: center
}

.subtitle-3P050P {
    margin-top: 8px
}

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

.backButton-1SVnIU {
    margin-right: auto
}

.listItemContainer-3sMhJ9 {
    margin-top: 24px;
    margin-left: 16px;
    margin-right: 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
}

.listItemIconContainer-2uUTj1 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.listItemText-2EDje6 {
    margin-left: 16px
}

.iconContainer-2fWS7c {
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--background-tertiary);
    color: var(--interactive-normal);
    border-radius: 50%
}

.badgeIconBackground-2cOfzA {
    color: var(--background-tertiary)
}

.badgeIconForeground-36fb8n {
    fill: var(--interactive-normal)
}

.previewCardContainer-2GZkfq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px
}

.previewCard-3UR7AW,
.previewCardContainer-2GZkfq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.previewCard-3UR7AW {
    background-color: var(--background-floating);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid var(--background-modifier-accent);
    z-index: 3
}

.notificationToggle-j-dq2m {
    margin-top: 24px
}

.notificationContent-3EyqQL {
    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
}

.tooltipIcon-pC3Ka- {
    margin-left: 4px;
    color: var(--interactive-active)
}

.pill-13hvUG {
    padding: 2px 4px;
    margin-left: 8px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: var(--brand-experiment);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tooltip-1wyiRo {
    min-width: 20em
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    margin-left: -4px;
    position: absolute;
    width: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    height: 0;
    width: 1px;
    content: "";
    z-index: -1;
    border: 8px solid transparent;
    left: -8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    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:after,
.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:after {
    top: 0
}

.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 {
    bottom: 0;
    margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border-bottom: none;
    border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
    bottom: 0
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    bottom: -1px;
    border-top-color: #aeaeae
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0
}

.react-datepicker {
    font-family: Helvetica Neue, helvetica, arial, sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px
}

.react-datepicker-popper {
    z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
    padding-top: 10px
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
    left: auto;
    right: 50px
}

.react-datepicker-popper[data-placement^=top] {
    padding-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] {
    padding-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px
}

.react-datepicker-popper[data-placement^=left] {
    padding-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;
    padding: 8px 0;
    position: relative
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 2px
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.react-datepicker__navigation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    z-index: 1;
    height: 32px;
    width: 32px;
    text-indent: -999em;
    overflow: hidden
}

.react-datepicker__navigation--previous {
    left: 2px
}

.react-datepicker__navigation--next {
    right: 2px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px
}

.react-datepicker__navigation--years-upcoming {
    top: -4px
}

.react-datepicker__navigation:hover :before {
    border-color: #a6a6a6
}

.react-datepicker__navigation-icon {
    position: relative;
    top: -1px;
    font-size: 20px
}

.react-datepicker__navigation-icon--next {
    left: -2px
}

.react-datepicker__navigation-icon--next:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -7px
}

.react-datepicker__navigation-icon--previous {
    right: -2px
}

.react-datepicker__navigation-icon--previous:before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    right: -7px
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    position: absolute;
    right: -72px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff;
    border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + .85rem);
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent
}

.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-names,
.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day-names {
    margin-bottom: -8px
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__month--in-range,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--selected,
.react-datepicker__quarter--in-range,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__month--in-range:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--selected:hover,
.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
    cursor: default;
    background-color: transparent
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
    cursor: pointer
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--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,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    border-radius: .3rem;
    background-color: #2a87d0;
    color: #fff
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range {
    background-color: rgba(33, 107, 165, .5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range,
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range,
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
    background-color: transparent
}

.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
    background-color: #216ba5
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    background-color: #f0f0f0
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%
}

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem;
    position: relative
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-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__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-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: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: -16px;
    top: 0
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-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__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,
.react-datepicker__month-year-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__month-year-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__month-year-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__month-year-option:hover,
.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
    position: absolute;
    left: 15px
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "\D7"
}

.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,
.react-datepicker__portal .react-datepicker__time-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,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.calendarPicker-sDhzdi .react-datepicker {
    border: none;
    padding: 20px;
    font-family: var(--font-primary)
}

.calendarPicker-sDhzdi .react-datepicker__header {
    padding-top: 0;
    border-bottom: 0
}

.calendarPicker-sDhzdi .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-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next,
.calendarPicker-sDhzdi .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-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next.react-datepicker__navigation--next,
.calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous.react-datepicker__navigation--next {
    left: auto;
    right: 20px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next:focus-visible,
.calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous:focus-visible {
    -webkit-box-shadow: 0 0 0 4px var(--focus-primary);
    box-shadow: 0 0 0 4px var(--focus-primary)
}

.calendarPicker-sDhzdi .react-datepicker__navigation-icon:before {
    border-width: 0
}

.calendarPicker-sDhzdi .react-datepicker__month {
    margin: 0
}

.calendarPicker-sDhzdi .react-datepicker__week:first-of-type>.react-datepicker__day:first-of-type {
    border-radius: 3px 0 0
}

.calendarPicker-sDhzdi .react-datepicker__week:first-of-type>.react-datepicker__day:last-of-type {
    border-radius: 0 3px 0 0
}

.calendarPicker-sDhzdi .react-datepicker__week:last-of-type>.react-datepicker__day {
    border-bottom: 1px solid #dcddde
}

.calendarPicker-sDhzdi .react-datepicker__week:last-of-type>.react-datepicker__day:first-of-type {
    border-radius: 0 0 0 3px
}

.calendarPicker-sDhzdi .react-datepicker__week:last-of-type>.react-datepicker__day:last-of-type {
    border-radius: 0 0 3px
}

.calendarPicker-sDhzdi .react-datepicker__week>.react-datepicker__day:last-of-type {
    border-right: 1px solid
}

.calendarPicker-sDhzdi .react-datepicker__day-names {
    margin-bottom: 10px
}

.calendarPicker-sDhzdi .react-datepicker__day-name {
    width: 40px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0
}

.calendarPicker-sDhzdi .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 var(--deprecated-text-input-border-disabled);
    border-left: 1px solid var(--deprecated-text-input-border-disabled)
}

.calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--keyboard-selected,
.calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:hover,
.calendarPicker-sDhzdi .react-datepicker__day:hover {
    border-radius: 0;
    color: #fff;
    background-color: var(--brand-experiment)
}

.calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected {
    background: none;
    border-radius: 0
}

.calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--brand-experiment)
}

.calendarPicker-sDhzdi .react-datepicker__day:focus-visible {
    border-left-color: var(--focus-primary);
    border-top-color: var(--focus-primary);
    border: 1px solid var(--focus-primary)
}

.calendarPicker-sDhzdi .react-datepicker__day--disabled,
.calendarPicker-sDhzdi .react-datepicker__day--outside-month {
    font-weight: 500
}

.theme-light .calendarPicker-sDhzdi .react-datepicker {
    background-color: #fff
}

.theme-light .calendarPicker-sDhzdi .react-datepicker__header {
    background-color: #fff;
    border-color: rgba(220, 221, 222, .2)
}

.theme-light .calendarPicker-sDhzdi .react-datepicker__current-month {
    border-bottom-color: rgba(220, 221, 222, .2);
    color: #4f545c
}

.theme-light .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next,
.theme-light .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous {
    border-color: #dcddde;
    background-image: url(/assets/0fce6d7622d8173fcee0397634bff5b5.svg)
}

.theme-light .calendarPicker-sDhzdi .react-datepicker__week:last-of-type .react-datepicker__day {
    border-bottom-color: #dcddde
}

.theme-light .calendarPicker-sDhzdi .react-datepicker__week .react-datepicker__day:last-of-type {
    border-right-color: #dcddde
}

.theme-light .calendarPicker-sDhzdi .react-datepicker__day-name {
    color: rgba(79, 84, 92, .6)
}

.theme-light .calendarPicker-sDhzdi .react-datepicker__day {
    color: #4f545c
}

.theme-light .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled,
.theme-light .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover {
    background-color: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .2)
}

.theme-light .calendarPicker-sDhzdi .react-datepicker__day--disabled,
.theme-light .calendarPicker-sDhzdi .react-datepicker__day--outside-month {
    background-color: #f6f6f7;
    color: rgba(79, 84, 92, .3)
}

.theme-dark .calendarPicker-sDhzdi .react-datepicker {
    background-color: #36393f
}

.theme-dark .calendarPicker-sDhzdi .react-datepicker__header {
    background-color: #36393f;
    border-color: rgba(24, 25, 28, .2)
}

.theme-dark .calendarPicker-sDhzdi .react-datepicker__current-month {
    border-bottom-color: rgba(24, 25, 28, .3);
    color: #f6f6f7
}

.theme-dark .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next,
.theme-dark .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous {
    border-color: #18191c;
    background-image: url(/assets/7619529e87dad31fd2ae83d9b9583e49.svg)
}

.theme-dark .calendarPicker-sDhzdi .react-datepicker__week:last-of-type .react-datepicker__day {
    border-bottom-color: #18191c
}

.theme-dark .calendarPicker-sDhzdi .react-datepicker__week .react-datepicker__day:last-of-type {
    border-right-color: #18191c
}

.theme-dark .calendarPicker-sDhzdi .react-datepicker__day-name {
    color: rgba(246, 246, 247, .6)
}

.theme-dark .calendarPicker-sDhzdi .react-datepicker__day {
    color: #f6f6f7
}

.theme-dark .calendarPicker-sDhzdi .react-datepicker__day--disabled,
.theme-dark .calendarPicker-sDhzdi .react-datepicker__day--outside-month,
.theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled,
.theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover {
    background-color: #2f3136;
    color: rgba(246, 246, 247, .3)
}

.container-3muw00 {
    cursor: pointer
}

.content-cX049_ {
    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
}

.text-2MfqON {
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.icon-3iEhgE {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: -2px -2px -2px auto;
    color: var(--interactive-normal)
}

.disabled-3ufA1F {
    cursor: not-allowed
}

.select-2NDsde {
    background-color: var(--deprecated-text-input-bg);
    border: 1px solid var(--deprecated-text-input-border);
    height: 40px
}

.doubleInput-eFeU6X {
    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
}

.doubleInput-eFeU6X>div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    width: 0
}

.doubleInput-eFeU6X>div:first-child {
    margin-right: 8px
}

.doubleInput-eFeU6X>div:nth-child(2) {
    margin-left: 8px
}

.link-DmfYrM {
    -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)
}

.link-DmfYrM:hover {
    opacity: .8
}

.addIcon-1bAe_s {
    margin-right: 8px;
    color: var(--brand-experiment)
}

.removeIcon-2CQryW {
    margin-right: 8px;
    color: var(--status-danger)
}

.textArea-3WXAeD {
    height: auto;
    resize: none
}

.resizeable-1DrOf8 {
    resize: auto
}

.inputMaxLength-3n06SD {
    position: relative
}

.flex-3bQcVB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.maxLength-IdVNmX {
    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: var(--text-muted)
}

.errorOverflow-NbIdak {
    color: var(--text-danger)
}

.errorMessage-zmSO-9 {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: var(--status-danger)
}

@-webkit-keyframes outgoing-call-pulse-2KRITg {
    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-2KRITg {
    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-2RLQpZ {
    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-2RLQpZ {
    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-3mbTtV {
    cursor: pointer
}

.wrapper-3mYmFS {
    position: relative
}

.wrapper-3mYmFS.ringingOutgoing-1NjfRn:after {
    -webkit-animation: outgoing-call-pulse-2KRITg 2.5s ease-out infinite;
    animation: outgoing-call-pulse-2KRITg 2.5s ease-out infinite
}

.wrapper-3mYmFS.ringingIncoming-fibTw-:after,
.wrapper-3mYmFS.ringingOutgoing-1NjfRn: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-3mYmFS.ringingIncoming-fibTw-:after {
    -webkit-animation: incoming-call-pulse-2RLQpZ 5.407s ease-out infinite;
    animation: incoming-call-pulse-2RLQpZ 5.407s ease-out infinite
}

.status-1ZXjSF {
    background-clip: padding-box;
    border-radius: 50%;
    padding: 4px;
    color: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.voiceAvatar-lRbblo {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: inherit
}

.voiceAvatar-lRbblo.ringingOutgoing-1NjfRn {
    opacity: .3
}

.border-2BJQjd {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%
}

.border-2BJQjd.speaking-3RWJBr {
    -webkit-box-shadow: inset 0 0 0 2px hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%), inset 0 0 0 3px var(--background-floating);
    box-shadow: inset 0 0 0 2px hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%), inset 0 0 0 3px var(--background-floating)
}

.app-focused .border-2BJQjd {
    -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-3lUFZu {
    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-3KjoNm {
    width: 32px;
    height: 32px;
    color: #fff
}

.callAvatarMask-fiNMWy {
    position: relative;
    overflow: visible
}

.container-2hluuJ {
    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-3_EOSd {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px
}

.user-3_EOSd,
.username-_aiZQG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-3baIqr {
    margin-right: 12px;
    opacity: .5
}

.blockedNotice-3AknHH {
    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-qvMynk {
    font-size: 12px;
    margin-left: 4px;
    font-weight: 600;
    color: var(--text-link);
    cursor: pointer
}

.icon-1NKuOs {
    background-clip: padding-box;
    border-radius: 50%;
    padding: 2px;
    background-color: var(--background-accent);
    color: #fff;
    width: 12px;
    height: 12px;
    position: absolute;
    right: -2px;
    top: 0
}

.userInfo-1jUuZP {
    margin-left: 12px
}

.modalContent-4rcT7I {
    padding-bottom: 16px
}

.blockedUsersContainer-TKOk-Z {
    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
}

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

.formItem-3dJmes {
    width: 100%;
    margin-top: 24px
}

.topicFormItem-3sVNB_ {
    width: 100%;
    margin-bottom: 16px
}

.channelSelectionFormItem-2Oyo9H {
    margin-top: 24px
}

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

.cancelButton-2P5W94 {
    margin-right: 8px
}

.buttonsContainer-3eUBK2 {
    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
}

.speakerHint-SZrVqh {
    margin-top: 8px
}

.itemIcon-1I05Tv {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: var(--interactive-normal)
}

.channelName-2aDQQF {
    color: var(--header-primary);
    font-weight: 700
}

.channelSelection-z8YzTN {
    margin: 8px 0 24px
}

.label-1v00Eu {
    margin: 24px 0 8px;
    text-transform: uppercase;
    font-weight: 700
}

.warning-3FwaVv {
    margin-bottom: 8px
}

.notificationToggle-3dOrpU {
    margin-top: 24px
}

.notificationContent-1KZ7Cn {
    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
}

.tooltipIcon-pspZxn {
    margin-left: 4px;
    color: var(--interactive-active)
}

.pill-2Z96cC {
    padding: 2px 4px;
    margin-left: 8px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: var(--brand-experiment);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content-ninSrc {
    padding-top: 24px
}

.content-ninSrc,
.stageIconBackground-22nTnK {
    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-22nTnK {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-tertiary);
    border-radius: 50%;
    height: 60px;
    width: 60px
}

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

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

.headerSubtitle-2N2J6U {
    margin-bottom: 32px
}

.container-2XtWWi {
    height: 100%;
    width: 100%
}

.slideContainer-1kdX2a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: clamp(200px, calc(100vh - 80px), 660px)
}

.content-3HXdeP {
    padding-top: 40px
}

.content-3HXdeP,
.stageIconBackground-2QZZqq {
    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-2QZZqq {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-tertiary);
    border-radius: 50%;
    height: 80px;
    width: 80px
}

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

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

.buttonsContainer-3cTfgQ,
.headerSubtitle-3yPXij {
    margin-bottom: 24px
}

.buttonsContainer-3cTfgQ {
    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-1vb9UG {
    margin: 4px;
    width: 50%
}

.icon-2aTVgt,
.innerButton-2G4by0 {
    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-2aTVgt {
    margin-right: 8px
}

.body-3CI_Zh {
    padding: 24px
}

.headerIconContainer-2RdpHx {
    margin-bottom: 24px
}

.iconBackground--5d6Rk {
    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-2DFmfg {
    color: var(--interactive-normal)
}

.title-3fNuBx {
    margin-bottom: 8px
}

.subtitle-1ghboQ,
.title-3fNuBx {
    text-align: center
}

.content-16WwZC {
    padding: 24px
}

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

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

.description-3IQp-q {
    margin-top: 8px
}

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

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

.iconBackground-3fyZsZ {
    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-1eBuC0 {
    color: var(--header-primary)
}

.subtitle-ks3txG,
.title-1vddjH {
    margin-top: 8px;
    text-align: center
}

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

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

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

.image-1L5vsB {
    margin-top: 24px;
    height: 90px;
    width: auto
}

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

.subtitle-3L7yDn {
    margin-top: 8px;
    margin-bottom: 32px
}

.button-2O6fNu {
    width: 100%
}

.title-2HpNgU {
    font-weight: 700;
    margin-top: 11px;
    margin-bottom: 8px
}

.body-2uVWQs,
.title-2HpNgU {
    text-align: center
}

.body-2uVWQs {
    margin-bottom: 16px
}

.art-3yfHpl {
    height: 105px;
    margin-top: -88px
}

.modalContent-UDVXTW {
    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
}

.modalRoot-19bxGJ {
    width: 400px
}

.modal-2PGEoi {
    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;
    padding: 24px;
    overflow: visible
}

.header-6h98Y_ {
    margin-bottom: 16px
}

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

.button-1vgYuI:first-child {
    margin-left: 8px
}

.closeButton-5GBG8G {
    position: absolute;
    top: 14px;
    right: 14px
}

.art-pJT2se {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.description-25Gmxv {
    line-height: 1.44;
    margin-bottom: 20px
}

.conflictButton-Nfx9ta {
    height: 100px;
    width: 100%;
    border: 1px solid;
    padding: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.linkButtonSize-3iu4l8 {
    height: 38px;
    width: auto
}

.linkButton-X-3844 {
    padding: 0
}

.linkButton-X-3844:hover {
    text-decoration: underline
}

.retryButton-mKa-oG {
    margin-right: 8px
}

.conflictButtonInner-OpUQxb {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.title-11Fgm0 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px
}

.buttonBody-3UZ8dc {
    line-height: 1.25;
    text-align: left;
    font-size: 16px
}

.timestamp-dG4A_N {
    font-weight: 700
}

.choiceWrapper-14ol2V {
    margin-top: 20px;
    margin-bottom: 20px
}

.choiceLine-2u6VP4 {
    height: 1px;
    width: 100%
}

.choiceTitle-2elrUs {
    margin: 0 8px
}

.conflictTitle-eFkaAQ {
    margin-bottom: 4px
}

.conflictArt-29XUpB {
    width: 60px;
    height: 60px;
    margin-right: 20px
}

.errorArt-1eXOnd {
    width: 220px;
    height: 123px;
    margin-top: 20px;
    margin-bottom: 40px
}

.theme-dark .modal-2EjvcX {
    color: #dcddde
}

.theme-dark .conflictButton-Nfx9ta {
    background-color: #2f3136;
    border-color: #202225
}

.theme-dark .conflictButton-Nfx9ta:hover {
    background-color: #4f545c
}

.theme-dark .title-11Fgm0 {
    color: #b9bbbe
}

.theme-dark .conflictUploadArt-21GcRD {
    background-image: url(/assets/b55aae0bca1abd3369da79d1e6618211.svg)
}

.theme-dark .conflictDownloadArt-3TkINu {
    background-image: url(/assets/c6252bc3f9adf69da8ef5af3b8e04c01.svg)
}

.theme-dark .errorArt-1eXOnd {
    background-image: url(/assets/a9cea9dcca399579f75e78d703989496.svg)
}

.theme-dark .buttonBody-3UZ8dc {
    color: #fff
}

.theme-dark .choiceLine-2u6VP4 {
    background-color: rgba(79, 84, 92, .6)
}

.theme-light .modal-2EjvcX {
    color: #72767d
}

.theme-light .conflictButton-Nfx9ta {
    background-color: hsl(180, calc(var(--saturation-factor, 1)*7.7%), 97.5%);
    border-color: rgba(220, 221, 222, .6)
}

.theme-light .conflictButton-Nfx9ta:hover {
    border-color: rgba(185, 187, 190, .6);
    background-color: rgba(220, 221, 222, .3)
}

.theme-light .title-11Fgm0 {
    color: #b9bbbe
}

.theme-light .conflictUploadArt-21GcRD {
    background-image: url(/assets/d4303335f7d43a0f62cb9061f638974a.svg)
}

.theme-light .conflictDownloadArt-3TkINu {
    background-image: url(/assets/f2b6352b388b1db124b024a67715adc3.svg)
}

.theme-light .errorArt-1eXOnd {
    background-image: url(/assets/9f981a4377e84c4bbddeb477133793be.svg)
}

.theme-light .buttonBody-3UZ8dc {
    color: #4f545c
}

.theme-light .choiceLine-2u6VP4 {
    background-color: rgba(220, 221, 222, .6)
}

.keybindShortcut-3zF1P9 {
    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-3zF1P9,
.keybindShortcut-3zF1P9 span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 23px
}

.keybindShortcut-3zF1P9 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-3zF1P9 span .bindArrow-EmK4SC {
    width: 10px;
    height: 10px
}

.keybindShortcut-3zF1P9 span .bindArrow-EmK4SC.up-17zw24 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.keybindShortcut-3zF1P9 span .bindArrow-EmK4SC.left-1_KiKR {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.keybindShortcut-3zF1P9 span .bindArrow-EmK4SC.right-1nqoSK {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

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

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

.keybindShortcutQuickSwitcher-3VYgcU span {
    margin-right: 0
}

.keybindShortcutQuickSwitcher-3VYgcU.up {
    margin-left: 5px
}

.keybindShortcutTipsNav-39nQtC {
    margin-left: 4px;
    margin-right: 0
}

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

.keybindShortcutTipsNav-39nQtC:last-of-type {
    margin-right: 4px
}

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

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

.theme-light .keybindShortcut-3zF1P9 {
    color: #fff
}

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

.theme-light .keybindShortcut-3zF1P9 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-3zF1P9 span:active g {
    fill: #adadad
}

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

.theme-light .dim-2Uxgxb span .bindArrow-EmK4SC g {
    fill: #95989d
}

.theme-light .dim-2Uxgxb span:active {
    color: #777a7e
}

.theme-light .dim-2Uxgxb span:active .bindArrow-EmK4SC g {
    fill: #777a7e
}

.theme-light .dark-xiCmJZ 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-xiCmJZ span .bindArrow-EmK4SC g {
    fill: #95989d
}

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

.theme-light .dark-xiCmJZ span:active .bindArrow-EmK4SC g {
    fill: #777a7e
}

.theme-light .keybindShortcutTipsSelect-2FpxFp:last-of-type:before {
    background-color: #dfe0e2
}

.theme-dark .keybindShortcut-3zF1P9 {
    color: #f6f6f7
}

.theme-dark .keybindShortcut-3zF1P9 span {
    color: #f6f6f7;
    -webkit-box-shadow: inset 0 -4px 0 #202225;
    box-shadow: inset 0 -4px 0 #202225
}

.theme-dark .keybindShortcut-3zF1P9 span .bindArrow-EmK4SC g {
    fill: #f6f6f7
}

.theme-dark .keybindShortcut-3zF1P9 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-3zF1P9 span:active .bindArrow-EmK4SC g {
    fill: #b9bbbe
}

.theme-dark .dim-2Uxgxb span {
    background-color: #72767d;
    color: #b9bbbe
}

.theme-dark .dim-2Uxgxb span .bindArrow-EmK4SC g {
    fill: #b9bbbe
}

.theme-dark .dim-2Uxgxb span:active {
    color: null
}

.theme-dark .dim-2Uxgxb span:active .bindArrow-EmK4SC g {
    fill: null
}

.theme-dark .keybindShortcutTipsSelect-2FpxFp:last-of-type:before {
    background-color: #4f545c
}

.keybindShortcutSearchPopout-pt_bn5 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0
}

.keyboardShortcuts-1QattB {
    margin: 0
}

.content-1pIKZR {
    padding: 32px 16px
}

.header-2U_JHm {
    margin-bottom: 8px;
    text-align: center
}

.headerShortcut-2VVk2C {
    display: inline-block;
    margin: 0 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.tips-39ZVzW {
    background-color: var(--background-secondary-alt);
    border-radius: 8px;
    padding: 16px;
    margin: 16px 0
}

.tips-39ZVzW li {
    display: grid;
    grid-template-columns: auto 1fr
}

.unsupportedBrowser-2lq5rk {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #1b242b;
    text-align: center
}

.unsupportedBrowser-2lq5rk,
.wrap-19udrI {
    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-19udrI {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 320px;
    overflow: auto;
    height: 100%
}

.title-2ddpmt {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    margin: 50px 0 10px;
    text-transform: uppercase
}

.message-1WZ2fb,
.title-2ddpmt {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.message-1WZ2fb {
    font-weight: 500;
    margin: 0 auto 30px;
    line-height: 18px;
    max-width: 420px;
    font-size: 14px;
    padding: 0 20px;
    color: #949494
}

.browserList-Qv1YDh {
    -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-3m6JOB {
    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-3m6JOB:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    border-color: var(--brand-experiment)
}

.browserItem-3m6JOB:hover .browser-2PKTeM {
    background-position-y: 100px
}

.browserItem-3m6JOB:hover .btn-2BWCqt {
    background-color: var(--brand-experiment);
    border-color: var(--brand-experiment);
    color: #fff
}

.browserItemText-Y1zLID {
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5em;
    font-weight: 500;
    font-size: 12px
}

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

.browserDiscord-2cyOZI {
    background-position-x: 0
}

.browserOpera-2CYuep {
    background-position-x: 100px
}

.browserFirefox-2HRYjI {
    background-position-x: 200px
}

.browserChrome-n9k9VO {
    background-position-x: 300px
}

.btn-2BWCqt {
    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-2BWCqt:active {
    position: relative;
    top: 1px
}

.theme-dark .btn-2BWCqt,
.theme-light .btn-2BWCqt {
    background: transparent
}

.verifyConnectedAccount-3EQU9K {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(/assets/d20e43cdcadf850cfd8d4e953df0f3b4.png) 0 0 repeat;
    background-color: #282b30
}

.verifyConnectedAccount-3EQU9K,
.verifyConnectedAccount-3EQU9K .logos-2S_BUa {
    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-3EQU9K .logos-2S_BUa {
    margin-bottom: 95px
}

.verifyConnectedAccount-3EQU9K .logos-2S_BUa .logosDivider-2Dw-LR {
    width: 28px;
    height: 28px;
    margin: 0 37px;
    background-size: 28px 28px;
    background-image: url(/assets/a7d42e6f52d4e9f4d5be448d267cda8f.svg);
    content: " ";
    display: inline-block
}

.verifyConnectedAccount-3EQU9K .logos-2S_BUa .logo-NKOv2w {
    width: 88px;
    height: 88px;
    background-size: 88px 88px
}

.verifyConnectedAccount-3EQU9K .logos-2S_BUa .logoDiscord-3wgL1U {
    background-image: url(/assets/d7dddb95a4f4478bd53f16f2549a28a3.svg)
}

.verifyConnectedAccount-3EQU9K .message-1eGzHc {
    text-align: center;
    font-size: 18px
}

.verifyConnectedAccount-3EQU9K .message-1eGzHc.error-x5LzET {
    color: var(--status-danger)
}

.verifyConnectedAccount-3EQU9K .message-1eGzHc strong {
    font-weight: 700
}

.verifyConnectedAccount-3EQU9K .btn-GGwnFG {
    margin-top: 22px;
    width: 100%;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.verifyConnectedAccount-3EQU9K .btn-GGwnFG .spinnerItem-2AxZg7 {
    background-color: #fff;
    opacity: .25
}

.verifyConnectedAccount-3EQU9K .btn-GGwnFG:disabled {
    cursor: default;
    background-color: transparent;
    opacity: 1;
    padding: 28px
}

.container-1Gt1iQ {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-height:600px) {
    .container-1Gt1iQ {
        margin-top: -20px
    }
}

.contentWrapper-3oy4Xo {
    border-radius: 5px 0 0 5px;
    height: 100%
}

.contentWrapper-3oy4Xo:only-child {
    border-radius: 5px
}

@media (max-width:720px) {
    .contentWrapper-3oy4Xo {
        border-radius: 5px
    }
}

.theme-dark .contentWrapper-3oy4Xo {
    background: #36393f
}

.theme-light .contentWrapper-3oy4Xo {
    background: #f6f6f7
}

.scroller-Q9d9Di {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 400px;
    padding: 32px
}

.noThanksButton-Iu22pq {
    height: 32px
}

.stage-2XTn2f {
    background-color: var(--background-secondary);
    padding: 16px;
    border-radius: 8px
}

.inviteContent-2aigZR {
    position: relative;
    min-height: 380px;
    text-align: center
}

.inviteSplash-2Q0PLE {
    width: 520px;
    background-size: cover;
    background-position: 100%;
    border-radius: 0 5px 5px 0
}

@media (max-width:940px) {
    .inviteSplash-2Q0PLE {
        width: 300px
    }
}

@media (max-width:720px) {
    .inviteSplash-2Q0PLE {
        display: none
    }
}

.buttonGroup-SKWUwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buttonGroup-SKWUwo>* {
    margin: 4px
}

.experimentUpsellError-D333dz {
    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-D333dz:hover {
    background-color: var(--background-floating)
}

.experimentUpsellIcon-1U7r7A {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px;
    min-width: 0
}

.experimentUpsellText-2IydZW {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: left;
    min-width: 0;
    color: var(--text-normal)
}

.experimentGetNitro-1n87pF,
.experimentUpsellText-2IydZW {
    display: block;
    font-size: 12px;
    line-height: 16px
}

.experimentGetNitro-1n87pF {
    -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
}

.container-ZH5pD3 {
    text-align: center;
    margin-top: 16px
}

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

.img-33QuWq,
.subtitle-1-PFPS {
    margin-bottom: 16px
}

.img-33QuWq {
    width: 252px;
    height: 168px
}

.container-5CZpw5 {
    text-align: center;
    margin-top: 16px
}

.title-39fvJw {
    margin-bottom: 8px
}

.img-66JNtM,
.subtitle-2NmtFS {
    margin-bottom: 16px
}

.img-66JNtM {
    width: 113px;
    height: 94px
}

.popout-2Is9aQ {
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh
}

.content-2qc4CV,
.popout-2Is9aQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.content-2qc4CV {
    position: relative;
    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
}

.chatWheelMouseInput-4glELU {
    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
}

.chatWheel-16Tznl {
    position: relative
}

.chatWheelBackground-15Qhhp {
    width: 100%;
    height: 100%
}

.chatWheelDeadZone-wFUUs6 {
    fill: #000;
    opacity: 0
}

.chatWheelDeadZone-wFUUs6:hover {
    opacity: .3
}

.chatWheelDeadZoneIcon-1JbVEd {
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 24px);
    width: 48px;
    height: 48px;
    color: #fff;
    pointer-events: none
}

.chatWheelBackground-15Qhhp {
    fill: none;
    stroke: var(--background-floating)
}

.chatWheelItem-X28Mpd {
    position: absolute;
    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
}

.soundButton-2P2Ua2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    background: var(--background-secondary);
    border-radius: 8px;
    height: 52px;
    padding: 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;
    font-weight: 600;
    border: 1px solid transparent;
    overflow: hidden;
    text-align: center
}

.soundButton-2P2Ua2.playing-16rHcH {
    border-color: var(--status-positive-background)
}

.soundButton-2P2Ua2.focused-3HPLAS .buttonOverlay-3K0hyD,
.soundButton-2P2Ua2:hover .buttonOverlay-3K0hyD {
    opacity: 1
}

.buttonOverlay-3K0hyD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, .3);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.playIcon-3vkhLN {
    width: 32px;
    height: 32px
}

.soundButton-1oOuga {
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    width: 96px;
    height: 52px
}

.ragingDemon-10qP1U {
    position: relative;
    width: 100vw;
    height: 100vh;
    color: #fff;
    display: none;
    margin-top: -40px
}

.ragingDemon-10qP1U.visible-3oZJ5L {
    display: block
}

.symbol-34PJsf {
    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
}

.symbol-34PJsf 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-1IzFxB .3s ease-out forwards;
    animation: symbolFadeIn-1IzFxB .3s ease-out forwards
}

.symbolBackground-3ozYSg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-animation: symbolBgFadeOut-2xDb96 .3s ease-out;
    animation: symbolBgFadeOut-2xDb96 .3s ease-out
}

.container-2b_Yms {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.explosion-1ED3FW {
    position: absolute;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.explosion-1ED3FW img {
    position: absolute;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.animate-3lsZOU .circleInner-1AgxM5 {
    -webkit-animation: explCircleInner-L15jI9 .3s ease-out .15s 1 forwards;
    animation: explCircleInner-L15jI9 .3s ease-out .15s 1 forwards;
    opacity: 0
}

.animate-3lsZOU .circleOuter-2CgSof {
    -webkit-animation: explCircleOuter-1WD0Ce .45s ease-out 1 forwards;
    animation: explCircleOuter-1WD0Ce .45s ease-out 1 forwards;
    opacity: 0
}

.animate-3lsZOU .linesSecondary-2Yykl3 {
    -webkit-animation: explLinesSecondary-l2BOt1 .375s ease-out .225s 1 forwards;
    animation: explLinesSecondary-l2BOt1 .375s ease-out .225s 1 forwards;
    opacity: 0
}

.animate-3lsZOU .linesMain-sZ6RXD {
    -webkit-animation: explLinesMain-E5yxrD .3s ease-out .15s 1 forwards;
    animation: explLinesMain-E5yxrD .3s ease-out .15s 1 forwards;
    opacity: 0
}

.primaryExplosion-CKeauh {
    width: 178px;
    height: 175px;
    margin-left: -77px;
    margin-top: -102px
}

.primaryExplosion-CKeauh .circleInner-1AgxM5 {
    top: 69px;
    left: 43px
}

.primaryExplosion-CKeauh .circleOuter-2CgSof {
    top: 56px;
    left: 30px
}

.primaryExplosion-CKeauh .linesSecondary-2Yykl3 {
    top: 59px;
    left: 0;
    -webkit-transform-origin: 77px 43px;
    transform-origin: 77px 43px
}

.primaryExplosion-CKeauh .linesMain-sZ6RXD {
    top: 0;
    left: 71px;
    -webkit-transform-origin: 3px 110px;
    transform-origin: 3px 110px
}

.secondaryExplosion-HblR3Z {
    width: 170px;
    height: 300px;
    margin-left: -88px;
    margin-top: -156px
}

.secondaryExplosion-HblR3Z .circleInner-1AgxM5 {
    top: 130px;
    left: 58px;
    -webkit-transform-origin: 30.5px 27.5px;
    transform-origin: 30.5px 27.5px
}

.secondaryExplosion-HblR3Z .circleOuter-2CgSof {
    top: 115px;
    left: 46px
}

.secondaryExplosion-HblR3Z .linesSecondary-2Yykl3 {
    top: 68px;
    left: 19px;
    -webkit-transform-origin: 70px 91px;
    transform-origin: 70px 91px
}

.secondaryExplosion-HblR3Z .linesMain-sZ6RXD {
    top: 6px;
    left: 5px;
    -webkit-transform-origin: 87px 150px;
    transform-origin: 87px 150px
}

@-webkit-keyframes symbolFadeIn-1IzFxB {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes symbolFadeIn-1IzFxB {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes symbolBgFadeOut-2xDb96 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes symbolBgFadeOut-2xDb96 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes explCircleInner-L15jI9 {
    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-L15jI9 {
    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-1WD0Ce {
    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-1WD0Ce {
    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-l2BOt1 {
    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-l2BOt1 {
    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-E5yxrD {
    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-E5yxrD {
    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-2CRmCm {
    position: relative;
    width: 80vw;
    max-height: 80vh;
    max-width: 950px;
    min-width: 800px;
    border-radius: 4px;
    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
}

.noBackground-32obMC {
    background: none !important
}

.noBackground-32obMC.noShadow-3QKycP {
    -webkit-box-shadow: none;
    box-shadow: none
}

.modalTitle-2skSKy {
    margin: 0 0 5px;
    padding: 20px 40px 0;
    font-size: 26px;
    line-height: 34px;
    overflow: hidden;
    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;
    flex: 0 0
}

.modalTitle-2skSKy .content-1i_k8f {
    margin-right: 20px
}

.modalSubtitle-2lx7qk {
    padding: 0 40px 20px;
    font-size: 16px;
    line-height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0
}

.ddrArrows-24s05s {
    position: absolute;
    overflow: hidden;
    top: 22px;
    right: 40px
}

.ddrArrows-24s05s .arrow-hkea5Y {
    margin: 4px;
    width: 50px;
    height: 50px;
    float: left;
    overflow: hidden;
    text-indent: -9999em
}

.ddrArrows-24s05s .arrow-hkea5Y.active-2gIs0U {
    -webkit-animation: arrow-hkea5Y .2s steps(2) 1;
    animation: arrow-hkea5Y .2s steps(2) 1;
    background-position: 0 -100px
}

.ddrArrows-24s05s .arrow-hkea5Y.left-n0qLrU {
    background-image: url(/assets/3b308ce4ff40614b2fd543c826b3e192.svg)
}

.ddrArrows-24s05s .arrow-hkea5Y.down-3tFLkY {
    background-image: url(/assets/8a8ba76326c92159d8712b6fe2c39cc0.svg)
}

.ddrArrows-24s05s .arrow-hkea5Y.up-C6wQCy {
    background-image: url(/assets/6e99eb3adc1f2154c96d5ea33563b14c.svg)
}

.ddrArrows-24s05s .arrow-hkea5Y.right-2w8sx7 {
    background-image: url(/assets/d5b3f5d3fc31cc6e7af394e139111b68.svg)
}

.keybindGroupDescription-1P2Y6A,
.keybindGroupDivider-21WgP5 {
    margin: 8px 0
}

.keyboardShortcutList-3VFAYS {
    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-3VFAYS .keybindGroup-39HP2U {
    -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-3VFAYS .keybindGroup-39HP2U.groupEnd-2WW2sq {
    margin-bottom: 40px
}

.keyboardShortcutList-3VFAYS .keybindGroup-39HP2U .keybindDescription-oXh6w_ {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 4px
}

.keyboardShortcutListGroup-2m9BJ_ {
    padding: 8px;
    margin: 8px 0
}

.theme-dark .keyboardShortcutsModal-2CRmCm {
    background-color: #36393f
}

.theme-dark .modalTitle-2skSKy {
    color: #fff
}

.theme-dark .modalSubtitle-2lx7qk {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #dcddde
}

.theme-dark .keyboardShortcutList-3VFAYS .keybindGroup-39HP2U .keybindDescription-oXh6w_ {
    color: #b9bbbe;
    font-weight: 600
}

.firstGroup-2N8rxd {
    margin-top: 0;
    padding-top: 0
}

.theme-light .keyboardShortcutsModal-2CRmCm {
    background-color: #fff
}

.theme-light .modalTitle-2skSKy {
    color: #4f545c
}

.theme-light .modalSubtitle-2lx7qk {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #737f8d
}

.theme-light .keyboardShortcutList-3VFAYS .keybindGroup-39HP2U .keybindDescription-oXh6w_ {
    color: #4f545c
}

@-webkit-keyframes arrow-hkea5Y {
    0% {
        background-position: 0 -50px
    }

    to {
        background-position: 0 -150px
    }
}

@keyframes arrow-hkea5Y {
    0% {
        background-position: 0 -50px
    }

    to {
        background-position: 0 -150px
    }
}

.wrapper-30-Nkg {
    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-2Nkcau.wrapper-30-Nkg {
    padding-left: 5rem
}

.compact-2Nkcau.wrapper-30-Nkg,
.cozy-VmLDNB.wrapper-30-Nkg {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.cozy-VmLDNB.wrapper-30-Nkg {
    padding-left: 72px
}

.repliedMessage-3Z6XBG {
    --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-14-SNW,
.repliedMessage-3Z6XBG,
.threadMessageAccessory-2W9mjC {
    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-14-SNW,
.threadMessageAccessory-2W9mjC {
    height: 18px;
    min-width: 0
}

.repliedMessage-3Z6XBG.latin12CompactTimeStamp-2G5XJd {
    --timestamp-width: 2.25rem
}

.repliedMessage-3Z6XBG.latin24CompactTimeStamp-2pXUBq {
    --timestamp-width: 3.1rem
}

.repliedMessage-3Z6XBG.asianCompactTimeStamp-1yM0Ly {
    --timestamp-width: 4.25rem
}

.compact-2Nkcau .repliedMessage-3Z6XBG {
    --text-indent: -4rem;
    margin-left: calc(var(--timestamp-width) + .25rem + var(--text-indent));
    padding-left: .625rem
}

.cozy-VmLDNB .repliedMessage-3Z6XBG {
    margin-bottom: var(--reply-spacing)
}

.cozy-VmLDNB .repliedMessage-3Z6XBG:before {
    --avatar-size: 40px;
    --gutter: 16px
}

.a11y-font-scaled-down .cozy-VmLDNB .repliedMessage-3Z6XBG: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-2Nkcau .repliedMessage-3Z6XBG:before {
    --avatar-size: var(--timestamp-width);
    --gutter: 0.25rem
}

.repliedMessage-3Z6XBG: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(var(--avatar-size)/2*-1 + var(--gutter)*-1);
    margin-right: var(--reply-spacing);
    margin-top: calc(var(--spine-width)*-1/2);
    margin-left: calc(var(--spine-width)*-1/2);
    margin-bottom: calc(.125rem - 4px);
    border-left: var(--spine-width) solid var(--interactive-muted);
    border-bottom: 0 solid var(--interactive-muted);
    border-right: 0 solid var(--interactive-muted);
    border-top: var(--spine-width) solid var(--interactive-muted);
    border-top-left-radius: 6px
}

.compact-2Nkcau .repliedMessage-3Z6XBG:before {
    right: calc(100% - .625rem)
}

.executedCommandAvatar-3oOnb1,
.replyAvatar-sHd2sU,
.replyBadge-LMm_Ic,
.threadMessageAccessoryAvatar-17qE_g {
    -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-17qE_g {
    margin-right: 8px
}

.replyBadge-LMm_Ic {
    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-20gA8D {
    width: 10.8px;
    height: 7.2px
}

.userJoinSystemMessageIcon-3FQ_Mo {
    width: 12px;
    height: 12px;
    margin-right: .25rem
}

.commandIcon-uH0dHh {
    width: 5px;
    height: 9px
}

.executedCommand-14-SNW .applicationName-19i3lP,
.executedCommand-14-SNW .commandName-1KhvGm,
.executedCommand-14-SNW .username-h_Y3Us,
.repliedMessage-3Z6XBG .username-h_Y3Us,
.threadMessageAccessory-2W9mjC .username-h_Y3Us {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: inherit;
    line-height: inherit;
    margin-right: .25rem;
    opacity: .64
}

.executedCommand-14-SNW .applicationName-19i3lP,
.executedCommand-14-SNW .commandName-1KhvGm,
.executedCommand-14-SNW .username-h_Y3Us {
    margin-right: 0
}

.executedCommand-14-SNW .botTag-1NoD0B,
.repliedMessage-3Z6XBG .botTag-1NoD0B,
.threadMessageAccessory-2W9mjC .botTag-1NoD0B {
    top: 0
}

.executedCommand-14-SNW .commandName-1KhvGm {
    font-weight: 500;
    color: var(--text-link)
}

.executedCommand-14-SNW .applicationName-19i3lP {
    font-weight: 500;
    color: var(--header-primary)
}

.repliedTextPreview-1bvxun,
.threadMessageAccessoryPreview-13YRmc {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.threadMessageAccessoryPreview-13YRmc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.repliedTextPreview-1bvxun.clickable-31pE3P {
    cursor: pointer
}

.repliedTextPreview-1bvxun.clickable-31pE3P:hover {
    color: var(--header-primary)
}

.repliedMessage-3Z6XBG .repliedTextPreview-1bvxun .repliedTextContent-2hOYMB,
.threadMessageAccessory-2W9mjC .threadMessageAccessoryPreview-13YRmc .threadMessageAccessoryContent-1HTTUq {
    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-3Z6XBG .repliedTextPreview-1bvxun .repliedTextContent-2hOYMB code,
.threadMessageAccessory-2W9mjC .threadMessageAccessoryPreview-13YRmc .threadMessageAccessoryContent-1HTTUq code {
    white-space: pre
}

.repliedTextPlaceholder-1Njd47,
.threadMessageAccessoryPlaceholder-2jynb2 {
    font-style: italic;
    padding-right: 2px
}

.repliedTextContentIcon-1LQXRB,
.threadMessageAccessoryContentIcon-TRQY1x {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-left: 4px
}

.compact-2Nkcau .contents-2MsGLg {
    margin-left: -5rem;
    padding-left: 5rem;
    text-indent: -4rem
}

.cozy-VmLDNB .contents-2MsGLg {
    position: static;
    margin-left: 0;
    padding-left: 0;
    text-indent: 0
}

.zalgo-26OfGz.compact-2Nkcau .messageContent-2t3eCI {
    overflow: hidden
}

.compact-2Nkcau .header-2jRmjb {
    display: inline
}

.cozy-VmLDNB .header-2jRmjb {
    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-26OfGz.cozy-VmLDNB .header-2jRmjb {
    overflow: hidden
}

.a11y-font-scaled-down .cozy-VmLDNB.wrapper-30-Nkg,
.a11y-font-scaled-down .cozy-VmLDNB.wrapper-30-Nkg .header-2jRmjb {
    padding-left: 4.5rem
}

.a11y-font-scaled-down .cozy-VmLDNB .header-2jRmjb {
    margin-left: -4.5rem
}

.buttonContainer-1502pf {
    position: absolute;
    top: 0;
    right: 0
}

.systemMessageAccessories-raVX9E {
    margin-left: 2.5rem
}

.avatar-2e8lTP {
    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
}

.compact-2Nkcau .avatar-2e8lTP {
    position: relative;
    left: 0;
    margin-top: 0;
    width: 1em;
    height: 1em;
    top: .18em;
    margin-left: .1em;
    margin-right: .1em
}

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

.a11y-font-scaled-down .avatar-2e8lTP:not(.compact-2Nkcau) {
    width: 2.5rem;
    height: 2.5rem;
    left: 1rem;
    margin-top: .125rem
}

.avatar-2e8lTP.clickable-31pE3P {
    pointer-events: auto
}

.full-motion .avatar-2e8lTP.clickable-31pE3P:hover {
    -webkit-filter: drop-shadow(var(--elevation-medium));
    filter: drop-shadow(var(--elevation-medium))
}

.avatar-2e8lTP.clickable-31pE3P:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.roleIcon-zWuatl {
    margin-left: .25rem;
    vertical-align: top;
    position: relative;
    top: 1px;
    height: calc(1rem + 4px);
    width: calc(1rem + 4px)
}

.timestamp-p1Df1m {
    display: inline-block;
    height: 1.25rem;
    cursor: default;
    pointer-events: none;
    font-weight: 500
}

.timestampInline-_lS3aK {
    margin-left: .25rem
}

.timestamp-p1Df1m.latin12CompactTimeStamp-2G5XJd {
    width: 2.25rem
}

.timestamp-p1Df1m.latin24CompactTimeStamp-2pXUBq {
    width: 3.1rem
}

.timestamp-p1Df1m.asianCompactTimeStamp-1yM0Ly {
    width: 4.25rem
}

.mouse-mode .timestamp-p1Df1m {
    pointer-events: auto
}

.cozy-VmLDNB .timestamp-p1Df1m {
    font-size: 0.75rem;
    line-height: 1.375rem;
    color: var(--text-muted);
    vertical-align: baseline
}

.background-opacity-high .cozy-VmLDNB .timestamp-p1Df1m,
.background-opacity-low .cozy-VmLDNB .timestamp-p1Df1m,
.background-opacity-medium .cozy-VmLDNB .timestamp-p1Df1m {
    display: none
}

.compact-2Nkcau .timestamp-p1Df1m,
.cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH {
    text-align: right;
    font-size: 0.6875rem;
    line-height: 1.375rem;
    margin-right: .25rem;
    color: var(--text-muted);
    text-indent: 0
}

.cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH {
    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-VmLDNB .timestamp-p1Df1m.alt-1dvXnH {
    width: 3.5rem
}

.a11y-font-scaled-up .cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH {
    font-size: 12Px
}

.background-opacity-high .compact-2Nkcau .timestamp-p1Df1m,
.background-opacity-low .compact-2Nkcau .timestamp-p1Df1m,
.background-opacity-medium .compact-2Nkcau .timestamp-p1Df1m {
    text-shadow: none;
    color: #f6f6f7
}

.timestampTooltip-1IKBS8 {
    max-width: none !important;
    white-space: nowrap
}

.timestampVisibleOnHover-9PEuZS {
    opacity: 0
}

.keyboard-mode .wrapper-30-Nkg:focus .timestampVisibleOnHover-9PEuZS,
.mouse-mode .wrapper-30-Nkg:hover .timestampVisibleOnHover-9PEuZS {
    opacity: 1
}

.username-h_Y3Us {
    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-2Nkcau .headerText-2z4IhQ,
.cozy-VmLDNB .headerText-2z4IhQ {
    margin-right: .25rem
}

.compact-2Nkcau .headerText-2z4IhQ.hasRoleIcon-1Usc6e,
.cozy-VmLDNB .headerText-2z4IhQ.hasRoleIcon-1Usc6e {
    margin-right: 0
}

.applicationName-19i3lP.clickable-31pE3P:hover,
.commandName-1KhvGm.clickable-31pE3P:hover,
.username-h_Y3Us.clickable-31pE3P:hover {
    cursor: pointer;
    text-decoration: underline
}

@media (-webkit-max-device-pixel-ratio:1) {
    .theme-light .username-h_Y3Us {
        font-weight: 600
    }
}

.background-opacity-high .username-h_Y3Us,
.background-opacity-low .username-h_Y3Us,
.background-opacity-medium .username-h_Y3Us {
    text-shadow: 0 0 1px #202225, 1px 1px 0 #202225
}

.background-opacity-low .username-h_Y3Us,
.background-opacity-medium .username-h_Y3Us {
    font-weight: 600
}

.botTag-1NoD0B {
    position: relative;
    top: .1rem
}

.botTagCompact-1idyyC {
    margin-right: .25rem
}

.botTagCozy-3NTBvK {
    margin-left: .25rem
}

.replyLink-25gPcI {
    color: var(--header-secondary)
}

.replyLink-25gPcI.clickable-31pE3P {
    cursor: pointer
}

.replyLink-25gPcI.clickable-31pE3P:hover {
    text-decoration: underline
}

.separator-AebOhG {
    position: absolute;
    opacity: 0;
    width: 0;
    display: inline-block;
    font-style: normal
}

.messageEditorCompact-3dWt-L {
    margin-left: 5rem;
    margin-right: 16px
}

.messageContent-2t3eCI {
    text-indent: 0
}

.cozy-VmLDNB .messageContent-2t3eCI {
    position: relative
}

.cozy-VmLDNB.hasThread-3h-KJV:after {
    border-left: 2px solid var(--interactive-muted);
    border-bottom: 2px solid var(--interactive-muted);
    border-bottom-left-radius: 8px;
    bottom: 29px;
    content: "";
    position: absolute
}

.font-size-24 .cozy-VmLDNB.hasThread-3h-KJV:after {
    width: 1.25rem;
    left: 1.5rem;
    top: 2rem
}

.font-size-20 .cozy-VmLDNB.hasThread-3h-KJV:after {
    width: 1.625rem;
    left: 1.75rem;
    top: 2.375rem
}

.font-size-18 .cozy-VmLDNB.hasThread-3h-KJV:after {
    width: 1.75rem;
    left: 2rem;
    top: 2.75rem
}

.font-size-12 .cozy-VmLDNB.hasThread-3h-KJV:after,
.font-size-14 .cozy-VmLDNB.hasThread-3h-KJV:after,
.font-size-15 .cozy-VmLDNB.hasThread-3h-KJV:after,
.font-size-16 .cozy-VmLDNB.hasThread-3h-KJV:after {
    width: 2rem;
    left: 2.2rem;
    top: 3rem
}

.font-size-12 .cozy-VmLDNB.hasThread-3h-KJV.isSystemMessage-QNv9ZH:after,
.font-size-14 .cozy-VmLDNB.hasThread-3h-KJV.isSystemMessage-QNv9ZH:after,
.font-size-15 .cozy-VmLDNB.hasThread-3h-KJV.isSystemMessage-QNv9ZH:after,
.font-size-16 .cozy-VmLDNB.hasThread-3h-KJV.isSystemMessage-QNv9ZH:after,
.font-size-18 .cozy-VmLDNB.hasThread-3h-KJV.isSystemMessage-QNv9ZH:after,
.font-size-20 .cozy-VmLDNB.hasThread-3h-KJV.isSystemMessage-QNv9ZH:after,
.font-size-24 .cozy-VmLDNB.hasThread-3h-KJV.isSystemMessage-QNv9ZH:after {
    top: 1.75rem
}

.font-size-24 .cozy-VmLDNB.hasThread-3h-KJV.hasReply-2Cr4KE:after {
    top: 3.25rem
}

.font-size-20 .cozy-VmLDNB.hasThread-3h-KJV.hasReply-2Cr4KE:after {
    top: 3.75rem
}

.font-size-18 .cozy-VmLDNB.hasThread-3h-KJV.hasReply-2Cr4KE:after {
    top: 4rem
}

.font-size-15 .cozy-VmLDNB.hasThread-3h-KJV.hasReply-2Cr4KE:after,
.font-size-16 .cozy-VmLDNB.hasThread-3h-KJV.hasReply-2Cr4KE:after {
    top: 4.375rem
}

.font-size-14 .cozy-VmLDNB.hasThread-3h-KJV.hasReply-2Cr4KE:after {
    top: 4.5rem
}

.font-size-12 .cozy-VmLDNB.hasThread-3h-KJV.hasReply-2Cr4KE:after {
    top: 4.75rem
}

.compact-2Nkcau .contents-2MsGLg {
    position: relative
}

.compact-2Nkcau.hasThread-3h-KJV .contents-2MsGLg:before {
    background-color: var(--background-accent);
    bottom: 0;
    content: "";
    position: absolute;
    width: 2px;
    left: 2.5rem;
    top: 1.5rem
}

.compact-2Nkcau.hasThread-3h-KJV.isSystemMessage-QNv9ZH .contents-2MsGLg:before {
    left: 3rem;
    top: 1.75rem
}

.zalgo-26OfGz .messageContent-2t3eCI {
    overflow: hidden
}

.messageContent-2t3eCI:empty {
    display: none
}

.compact-2Nkcau .messageContent-2t3eCI {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    display: inline;
    word-wrap: break-word
}

.compact-2Nkcau .messageContent-2t3eCI .emoji {
    position: relative
}

.compact-2Nkcau .messageContent-2t3eCI .emoji.jumboable {
    width: 1.375em;
    height: 1.375em;
    min-height: 1.375em
}

.compact-2Nkcau .messageContent-2t3eCI.markupRtl-1iLc5Y {
    display: block;
    text-indent: 0
}

.cozy-VmLDNB .messageContent-2t3eCI {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    margin-left: -72px;
    padding-left: 72px
}

.isSending-3SiDwE {
    opacity: .5
}

.isFailed-2b8sCy,
.isFailed-2b8sCy .hljs,
.isFailed-2b8sCy a,
.isFailed-2b8sCy code.inline,
.theme-dark .isFailed-2b8sCy,
.theme-light .isFailed-2b8sCy {
    color: var(--status-danger)
}

.cozy-VmLDNB .markupRtl-1iLc5Y {
    text-align: left;
    text-indent: 0;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.edited-1v5nT8 {
    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
}

.communicationDisabled-2KRN2p {
    margin-right: 8px;
    vertical-align: -1px
}

.compactCommunicationDisabled-9iUn1D {
    margin: 0 4px;
    vertical-align: -1px
}

.communicationDisabledOpacity-2u2aB2 {
    opacity: .5
}

.mention {
    border-radius: 3px;
    padding: 0 2px
}

.background-opacity-low .edited-1v5nT8 {
    color: hsla(0, 0%, 100%, .6)
}

.background-opacity-medium .edited-1v5nT8 {
    color: hsla(0, 0%, 100%, .5)
}

.background-opacity-high .edited-1v5nT8 {
    color: hsla(0, 0%, 100%, .4)
}

.wrapper-j6jsrw {
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-ivcclU {
    display: block;
    margin-right: 8px
}

.errorIcon-2tohBs {
    color: var(--status-danger)
}

.tile-2mmK5T {
    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-1DBMDZ {
    -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-oJa_A6 {
    font-size: 18px;
    font-weight: 600;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    line-height: 1.2
}

.tagline-3DhQWg {
    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-3Gkxv6 {
    margin-top: 12px;
    justify-self: flex-end;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.media-1cVFCz {
    position: relative
}

.mediaHorizontal-1eDgDq {
    -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-X8_53U,
.mediaHorizontal-1eDgDq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.description-X8_53U {
    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-X8_53U {
    color: #fff
}

.theme-dark .tagline-3DhQWg {
    color: #b9bbbe
}

.theme-dark .tile-2mmK5T {
    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-2mmK5T:hover {
    background-color: #18191c
}

.theme-light .description-X8_53U {
    color: #202225
}

.theme-light .tagline-3DhQWg {
    color: #36393f
}

.theme-light .tile-2mmK5T {
    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-2GF6zV {
    height: 173px
}

.embedVertical-2vpt72 {
    width: 240px;
    height: 300px
}

@-webkit-keyframes loading-xi60fG {
    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-xi60fG {
    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-Dn-App {
    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-GbXBio {
    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-1P0Q-E {
    -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-3R-Yue {
    width: 100%;
    padding-top: 56%
}

.loadingImageHorizontal-2V-Bts {
    height: 100%;
    padding: 0
}

.loadingBackground-26IZRN {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 542px;
    -webkit-animation: loading-xi60fG 4s ease-in-out infinite;
    animation: loading-xi60fG 4s ease-in-out infinite
}

.theme-dark .loadingBackground-26IZRN {
    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-3R-Yue {
    background-color: #2f3136
}

.theme-light .embedHorizontal-2GF6zV,
.theme-light .embedVertical-2vpt72 {
    background-color: #f6f6f7
}

.theme-light .loadingBackground-26IZRN {
    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-3R-Yue {
    background-color: #dcddde
}

.spriteCanvas-1GzFop {
    position: absolute;
    width: 0;
    height: 0;
    left: -100%
}

.applicationBuyButton-cQlytq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.disabledButtonWrapper-1ue6JC {
    position: relative
}

.disabledButtonOverlay-2QHquS {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.premiumIcon-3Le847 {
    margin-right: 4px
}

.playButton-2Hc0gE {
    padding-left: 0;
    padding-right: 0
}

.playButtonContents-3vgiax {
    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-3HHloA {
    position: relative
}

.disabledButtonOverlay-3Fl5Xv {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.disabledButtonColor-3C2MCR {
    background-color: rgba(24, 25, 28, .5);
    color: rgba(246, 246, 247, .5);
    opacity: 1
}

.buttonText-2c2zz1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 2px 16px
}

.dropdownArrowHitbox-wdF8n_ {
    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-ssJIvn {
    width: 1px;
    height: 24px;
    opacity: .2;
    background-color: currentColor
}

.dropdownArrow-2yeHyb {
    -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-wdF8n_:hover .dropdownArrow-2yeHyb {
    opacity: 1
}

.button-1bv-gS {
    padding: 0
}

html .progress-2Otdc- {
    position: absolute;
    bottom: 0;
    left: 0
}

.disabledButtonWrapper-gKi4w2 {
    position: relative
}

.disabledButtonOverlay-2CzHuw {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.disabledButtonColor-1MaGz- {
    background-color: rgba(24, 25, 28, .5);
    color: var(--header-primary);
    opacity: 1
}

.row-3Z86-N {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-2dpZEG {
    margin-right: 4px;
    width: 20px;
    height: 20px
}

.salePercentage-1mi7hp {
    border-radius: 3px;
    color: #fff;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    padding: 4px 6px
}

.originalAmount-fVSHy9 {
    text-decoration: line-through
}

.directoryTilePrice-3Zri6O {
    font-size: 16px;
    font-weight: 500
}

.directoryTilePrice-3Zri6O .originalAmount-fVSHy9,
.directoryTilePrice-3Zri6O .salePercentage-1mi7hp {
    margin-right: 6px
}

.directoryHeroPrice-1mL8NS {
    font-size: 16px
}

.directoryHeroPrice-1mL8NS .originalAmount-fVSHy9,
.directoryHeroPrice-1mL8NS .salePercentage-1mi7hp {
    margin-right: 6px
}

.directoryHeroPricePremium-cNEUik {
    font-size: 14px;
    font-weight: 500;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.directoryHeroPricePremium-cNEUik .icon-2dpZEG {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.directorySearchPrice-3X8YHl {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500
}

.directorySearchPrice-3X8YHl .icon-2dpZEG {
    width: 16px;
    height: 16px
}

.directorySearchPrice-3X8YHl .originalAmount-fVSHy9,
.directorySearchPrice-3X8YHl .salePercentage-1mi7hp {
    margin-right: 6px
}

.listingPrice-3Byrq9 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 500
}

.listingPrice-3Byrq9 .salePercentage-1mi7hp {
    color: #fff;
    font-size: 16px;
    margin-left: 10px
}

.listingPrice-3Byrq9 .originalAmount-fVSHy9 {
    font-size: 15px
}

.embedPrice-2cAoWE {
    font-size: 16px;
    font-weight: 500
}

.embedPrice-2cAoWE .originalAmount-fVSHy9,
.embedPrice-2cAoWE .salePercentage-1mi7hp {
    margin-right: 6px
}

.theme-dark .directoryHeroPrice-1mL8NS,
.theme-dark .directoryHeroPricePremium-cNEUik {
    color: #fff
}

.theme-dark .directorySearchPrice-3X8YHl {
    color: #b9bbbe
}

.theme-dark .listingPrice-3Byrq9 {
    color: #f6f6f7
}

.theme-dark .originalAmount-fVSHy9 {
    color: #b9bbbe
}

.theme-dark .embedPrice-2cAoWE {
    color: #fff
}

.theme-dark .embedPrice-2cAoWE .salePercentage-1mi7hp {
    background-color: #2f3136
}

.theme-light .directoryHeroPrice-1mL8NS,
.theme-light .directoryHeroPricePremium-cNEUik {
    color: #36393f
}

.theme-light .directoryHeroPrice-1mL8NS .originalAmount-fVSHy9,
.theme-light .directoryHeroPricePremium-cNEUik .originalAmount-fVSHy9,
.theme-light .directorySearchPrice-3X8YHl {
    color: #72767d
}

.theme-light .listingPrice-3Byrq9 {
    color: #f6f6f7
}

.theme-light .originalAmount-fVSHy9 {
    color: #b9bbbe
}

.theme-light .embedPrice-2cAoWE {
    color: #4f545c
}

.theme-light .embedPrice-2cAoWE .salePercentage-1mi7hp {
    background-color: #b9bbbe
}

.OSSection-1W7BUn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.purchaseUnitOperatingSystem-1OW7Kw {
    margin-left: 4px
}

.theme-dark .purchaseUnitOperatingSystem-1OW7Kw,
.theme-light .purchaseUnitOperatingSystem-1OW7Kw {
    color: #4f545c
}

.tag-2Ss-_w {
    padding: 6px 12px
}

.tag-2Ss-_w:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.text-3MpYyQ {
    position: relative;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    display: block
}

.theme-dark .text-3MpYyQ,
.theme-light .text-3MpYyQ {
    color: #fff
}

.theme-dark .tag-2Ss-_w,
.theme-light .tag-2Ss-_w {
    background-image: -webkit-gradient(linear, left top, right top, from(hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%)), to(hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%)));
    background-image: linear-gradient(90deg, hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%), hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%))
}

.theme-dark .tag-2Ss-_w:before,
.theme-light .tag-2Ss-_w:before {
    background-image: url(/assets/04a2e1509ad72be575b1529b51ea3977.svg)
}

.tag-24DJjL {
    padding: 6px 12px
}

.tag-24DJjL:before {
    background-image: url(/assets/6ad70a75e9c902fa39bcdddbdbd2b3f0.png);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.text-2yixD9 {
    position: relative;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    display: block
}

.theme-dark .text-2yixD9,
.theme-light .text-2yixD9 {
    color: #fff
}

.centeringContainer-3JNWlB {
    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-1uHMSg {
    font-size: 20px;
    color: #fff;
    padding: 8px 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(/assets/dda3b174d159c95f4531c4384d153edd.png)
}

.slideshowWrapper-1urjBw {
    height: 100%
}

.spinner-1KUctl {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.imageLoading-28QWvm {
    visibility: hidden
}

.splash-PDbb7Y {
    -o-object-position: top;
    object-position: top
}

.splash-PDbb7Y,
.splashPlaceholder-2-N6vT {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    vertical-align: middle
}

.splashPlaceholder-2-N6vT {
    height: 100%
}

.muteContainer-2-pHWw {
    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-1RiWcg {
    opacity: 1
}

.muteContainerMediaOverlay-vJO5ul {
    margin: 0 10px 0 0;
    position: absolute;
    top: 86px;
    right: 0
}

.mute-1S_mnd {
    width: 20px;
    height: 20px;
    color: #fff
}

.theme-dark .loadingContainer-2dRvxT {
    background-color: rgba(0, 0, 0, .4)
}

.theme-light .loadingContainer-2dRvxT {
    background-color: hsla(0, 0%, 100%, .4)
}

.theme-light .spinnerItem-1oMRtW {
    background-color: #18191c
}

.splashContainer-Bv4lwJ {
    margin: 0;
    overflow: hidden;
    position: relative;
    pointer-events: none;
    max-height: 60%;
    padding-top: 56%
}

.splashContainerHorizontal-2KmXEq {
    max-height: none;
    padding-top: 0;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.priceOs-MrUybe {
    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-2fMOsY {
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.exclusiveRegular-2iTdgn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.exclusivePlaying-3po-E8 {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0
}

.splashPlaceholder-2TdV9z,
.splashVideo-uVbleJ {
    height: 100%
}

.tileBuyButton-2jm7W0 {
    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-6Sphdb {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.tileBuyButton-2jm7W0,
.tileBuyButton-2jm7W0:disabled {
    opacity: 0
}

.tileBuyButtonVisible-6Sphdb,
.tileBuyButtonVisible-6Sphdb:disabled {
    opacity: 1
}

.tilePrice-3sOidj {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.tilePriceWithVisibleBuyButton-3gR1xs {
    opacity: 0
}

.tileActions-VUBz_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500
}

.actionButton-1_88OP {
    margin-right: 8px
}

.metadata-3MqUp5 {
    font-size: 12px
}

.libraryLink-t3ekoU {
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.libraryIcon-11UjLs {
    margin-right: 6px
}

.invalidPoop--w1123 {
    margin: 0;
    overflow: hidden;
    position: relative;
    max-height: 60%;
    padding-top: 56%;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.invalidPoopHorizontal-lVJuEM {
    max-height: none;
    padding-top: 0;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.theme-light .libraryLink-t3ekoU,
.theme-light .metadata-3MqUp5 {
    color: #72767d
}

.theme-light .invalidPoop--w1123 {
    background-color: rgba(116, 127, 141, .3);
    background-image: url(/assets/feaff2557c548146aad83669db695e0b.svg)
}

.theme-dark .libraryLink-t3ekoU {
    color: hsla(0, 0%, 100%, .6)
}

.theme-dark .invalidPoop--w1123 {
    background-color: rgba(79, 84, 92, .3);
    background-image: url(/assets/9a31e0f65d520cc12d7f42374d59a2d1.svg)
}

.theme-dark .metadata-3MqUp5 {
    color: #72767d
}

.seasonalGiftEmbedWrapper-3-ABcb {
    height: 128px
}

.seasonalGiftEmbedWrapper-3-ABcb,
.seasonalGiftEmbedWrapperHorizontal-zeHSkC {
    margin: 0;
    overflow: hidden;
    position: relative;
    background: linear-gradient(102.85deg, #26569e 2.16%, #3584d5 46.11%, #5dbace 99.42%);
    background-position: 50% 50%
}

.seasonalGiftEmbedWrapperHorizontal-zeHSkC {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.snow-_q6DgL {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    pointer-events: none
}

.seasonalGiftEmbedBox-2RnS0W {
    position: absolute;
    height: 110%;
    right: -8px;
    bottom: -24px;
    z-index: 1
}

.headerIcon-L9dUKq {
    width: 92px;
    margin-bottom: auto;
    margin-left: 16px;
    margin-top: 16px;
    color: #fff
}

.container-LxpXNv {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bumpBox-1Pp4td,
.container-LxpXNv {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bumpBox-1Pp4td {
    -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-1Pp4td,
.icon-3N9zCW {
    -webkit-box-flex: 0
}

.icon-3N9zCW {
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    color: var(--text-muted)
}

.icon-3N9zCW,
.publish-di1vOQ,
.tagline-7EjHTm {
    margin-right: 8px
}

.hidePermanently-3f2ZH0 {
    cursor: pointer;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    line-height: 24px
}

.hidePermanently-3f2ZH0:focus,
.hidePermanently-3f2ZH0:hover {
    color: var(--text-normal)
}

.closeIcon-2Qp1gl {
    display: block;
    color: var(--interactive-muted);
    cursor: pointer
}

.closeIcon-2Qp1gl:focus,
.closeIcon-2Qp1gl:hover {
    color: var(--interactive-hover)
}

.closeIcon-2Qp1gl:active {
    color: var(--interactive-active)
}

.icon-_LIGOM {
    color: var(--interactive-normal);
    margin-right: 8px
}

.component-ifCTxY {
    margin: 4px 8px 4px 0
}

.content-1xP6ZE {
    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-1-T6IQ {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.textEmoji-3k0RZh {
    margin-right: 4px
}

.launchIcon-2KvOPN,
.textEmoji-3k0RZh {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.launchIcon-2KvOPN {
    margin-left: 8px
}

.hidden-3hZBQ6 {
    visibility: hidden
}

.label-31sIdr {
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.container-uvFoTU {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .125rem 0 .25rem
}

.select-GyxhEA {
    width: 90%;
    max-width: 400px
}

.loading-yGkLDx {
    padding-left: 16px
}

.iconContainer-2DUs5j {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-R7B0VZ {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .125rem 0 .25rem
}

.select-1tJVq6 {
    width: 90%;
    max-width: 400px;
    margin-right: 16px;
    padding: 8px;
    -webkit-transition: border .2s ease;
    transition: border .2s ease
}

.select-1tJVq6:hover {
    border-color: var(--deprecated-text-input-border-hover)
}

.selectOption-GKp9VY {
    padding: 8px
}

.disabled-27hjF6 {
    opacity: .6
}

.emoji-2HyKgk {
    margin-right: 8px
}

.offset-1yfuYK {
    margin-left: 27px
}

.tag-4fIUbr {
    max-width: 230px;
    -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;
    padding: 4px 8px;
    -webkit-transition: none;
    transition: none;
    color: var(--interactive-hover);
    background-color: var(--interactive-muted);
    font-weight: 400
}

.tag-4fIUbr:hover {
    text-decoration: none
}

.labelContainer-2piV96 {
    font-size: 14px;
    line-height: 18px;
    overflow: hidden
}

.label-1Zd0HF {
    color: var(--header-primary);
    margin-bottom: 4px
}

.description-rAKEYd {
    color: var(--interactive-normal)
}

.description-rAKEYd,
.label-1Zd0HF,
.singleValueLabel-2R4uXN,
.tag-4fIUbr {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.option-k8GcaU {
    font-size: 14px
}

.option-k8GcaU,
.value-1EPXH7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.value-1EPXH7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px
}

.singleValue-1QKo4_ {
    font-size: 16px;
    gap: 0
}

.singleValueLabel-2R4uXN {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.indicator-2YbgDB {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: 14px;
    padding-left: 14px;
    font-size: 12px
}

.error-TJq1eS {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.errorIcon-3JLB4P {
    color: var(--status-danger);
    display: block;
    margin-right: 8px
}

.discriminator-rEQdFY,
.username-3N2eJT {
    color: var(--text-muted)
}

.label-UhRCuP {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    width: 0;
    min-width: 100%;
    overflow: hidden
}

.label-UhRCuP,
.roleCountContainer-14KsFY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.roleCountIcon-1dd3yP,
.roleCountText-1KTdrk {
    color: var(--text-muted)
}

.roleCountText-1KTdrk {
    margin: 0 4px
}

.formItem-onjS-K {
    width: 100%;
    margin-bottom: 1em
}

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

.children-2XdE_I,
.container-3nKPGI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.children-2XdE_I {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.error-3t9tXx {
    margin: 4px 0
}

.container-3Sqbyb {
    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-BfbFoV {
    padding: 16px
}

.packName-1olSwb {
    font-size: 16px;
    line-height: 20px;
    cursor: pointer
}

.packDescription-96e8-v {
    color: var(--text-normal);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
    margin-top: 8px
}

.packDescription-96e8-v strong {
    color: var(--header-primary)
}

.stickersList-2DytTV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px
}

.stickerWrapper-cGgfUF {
    cursor: pointer
}

.packActions-1Xj6en {
    -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-l-bmpH {
    margin-right: 4px
}

.premiumButtonInner-3SsOWb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.premiumButton-CucmSw {
    margin-bottom: 8px
}

.theme-dark .countdownIcon-1cMBum {
    color: #fbb848
}

.theme-light .popoutContent-BfbFoV,
.theme-light .popoutLoader-GQkzqY {
    background-color: var(--background-floating);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.theme-light .countdownIcon-1cMBum {
    color: #ff8a00
}

.nonInteractingSticker-8fb5NC {
    opacity: .5
}

.clickableSticker-3FN2_L {
    cursor: pointer
}

.stickerName-2ggpcl {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-gap: 4px
}

.stickerIcon-24bVTR {
    height: 16px;
    width: 16px;
    margin-right: 2px
}

.background-opacity-low .clickableSticker-3FN2_L {
    opacity: .6
}

.background-opacity-medium .clickableSticker-3FN2_L {
    opacity: .7
}

.background-opacity-high .clickableSticker-3FN2_L {
    opacity: .8
}

.spine-2vt3pM {
    border-bottom-left-radius: 8px;
    border-bottom: 2px solid var(--background-accent);
    border-left: 2px solid var(--background-accent);
    bottom: 29px;
    position: absolute;
    top: 0;
    left: -2.5rem;
    width: 2.25rem
}

.spine-2vt3pM.systemMessageSpine-18-bd2 {
    bottom: 32px;
    left: -2rem;
    width: 1.75rem
}

.spine-2vt3pM.cozy-1HM6-i {
    display: none
}

.container-3i3IzO {
    background-color: var(--background-secondary);
    border-radius: 4px;
    cursor: pointer;
    margin-top: 8px;
    max-width: 480px;
    min-width: 0;
    padding: 8px
}

.systemMessageContainer-3F3V9U {
    margin-top: 0
}

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

.name-13vPlv {
    color: var(--header-primary);
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cta-1XhfrG,
.name-13vPlv {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.125rem
}

.cta-1XhfrG {
    color: var(--text-link);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.container-3i3IzO:hover .cta-1XhfrG {
    text-decoration: underline
}

.bottomLine-2RVwOq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--header-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2px;
    white-space: nowrap
}

.bottomLine-2RVwOq,
.timestamp-1VMnSc {
    font-size: 0.875rem;
    line-height: 1.125rem
}

.timestamp-1VMnSc {
    color: var(--text-muted);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px
}

.clock-sC9Uqu {
    margin-left: 6px
}

.embed-hKpSrO {
    position: relative;
    display: grid;
    max-width: 520px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.embed-hKpSrO .emoji {
    width: 18px;
    height: 18px
}

.embed-hKpSrO pre {
    max-width: 100%;
    border: none
}

.embed-hKpSrO code {
    border: none;
    background: var(--background-tertiary);
    scrollbar-color: var(--background-secondary) var(--background-tertiary)
}

.embed-hKpSrO blockquote {
    max-width: 100%
}

.embedFull-1HGV2S {
    border-left: 4px solid var(--background-tertiary);
    background: var(--background-secondary)
}

.embedAuthorName-pGyUPR,
.embedAuthorNameLink-1NK1y6,
.embedDescription-1DrJxZ,
.embedFieldName-9LYSyR,
.embedFieldValue-3EHtvR,
.embedFooterText-2Mc7H9,
.embedLink-1TLNja,
.embedProvider-1GSN0c,
.embedTitle-2n1pEb,
.embedTitleLink-1QbYA- {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
    text-align: left
}

.grid-1aWVsE {
    overflow: hidden;
    padding: .5rem 1rem 1rem .75rem;
    display: inline-grid;
    grid-template-columns: auto;
    grid-template-rows: auto
}

.grid-1aWVsE.hasThumbnail-388RMe {
    grid-template-columns: auto -webkit-min-content;
    grid-template-columns: auto min-content
}

.embedMargin-2PsaQ4 {
    margin-top: 8px
}

.embedLink-1TLNja {
    text-decoration: none;
    cursor: pointer
}

.embedLink-1TLNja:hover {
    text-decoration: underline
}

.embedSuppressButton-1rZHq6 {
    opacity: 0;
    position: absolute;
    top: -2px;
    right: -20px;
    cursor: pointer;
    padding: 2px;
    color: var(--interactive-normal)
}

.embed-hKpSrO:focus-within .embedSuppressButton-1rZHq6,
.embed-hKpSrO:hover .embedSuppressButton-1rZHq6 {
    opacity: 1
}

.embedSuppressButton-1rZHq6:hover {
    color: var(--interactive-hover)
}

.embedProvider-1GSN0c {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    grid-column: 1/1
}

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

.embedAuthor-TJIHp5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column: 1/1
}

.embedAuthorName-pGyUPR {
    font-size: 0.875rem;
    font-weight: 600
}

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

.embed-hKpSrO .embedAuthorNameLink-1NK1y6 {
    color: var(--header-primary)
}

.embedAuthorIcon-3pnkS4 {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%
}

.embedTitle-2n1pEb {
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
    grid-column: 1/1
}

.embedDescription-1DrJxZ {
    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-1DrJxZ {
        font-weight: 500
    }
}

.embedImage-2Ynqkh,
.embedThumbnail-2nTasl,
.embedVideo-2ixt5A {
    display: block;
    -o-object-fit: fill;
    object-fit: fill
}

.embedImage-2Ynqkh img,
.embedImage-2Ynqkh video,
.embedThumbnail-2nTasl img,
.embedThumbnail-2nTasl video,
.embedVideo-2ixt5A img,
.embedVideo-2ixt5A video {
    display: block;
    border-radius: 4px
}

.embedGalleryImagesWrapper-3BWvNM {
    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-3zsYpc {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.embedGallerySide-3zsYpc,
.embedGallerySide-3zsYpc>.galleryImage-1yhJCI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.embedGallerySide-3zsYpc>.galleryImage-1yhJCI {
    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-3zsYpc>.galleryImage-1yhJCI:only-child {
    min-height: 100%
}

.embedGallerySide-3zsYpc>.galleryImage-1yhJCI:nth-child(2) {
    margin-top: 4px
}

.embedGalleryImageElement-2VNYIN {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.embedThumbnail-2nTasl {
    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-2ixt5A {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: rgba(0, 0, 0, .05)
}

.centerContent-2Er_xu,
.embedVideoActions-2XdFk2,
.embedVideoImageComponent-3Clc3C {
    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-3Clc3C {
    width: 100% !important;
    height: 100% !important;
    max-height: 100%;
    border-radius: 0
}

.embedVideoImageComponentInner-1UCVh2 {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover
}

.embedVideoActions-2XdFk2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.embedVideoAction-39JZ9- {
    width: 24px;
    height: 24px;
    background: none;
    background-size: 24px 24px;
    display: inline-block;
    opacity: .6
}

.embedVideoAction-39JZ9-:hover {
    opacity: 1
}

.embedIframe-1UpXja {
    width: 100%;
    height: 100%;
    display: block
}

.embedGIFTag-2xAy8W {
    position: absolute;
    top: 4px;
    right: 4px
}

.embedFooter-3dj0UE {
    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-388RMe .embedFooter-3dj0UE {
    grid-column: 1/3
}

.embedFooterText-2Mc7H9 {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    color: var(--text-normal)
}

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

.embedFooterSeparator-2YCzYT {
    font-weight: 500;
    color: var(--text-normal);
    display: inline-block;
    margin: 0 4px
}

.embedFooterIcon-1dTZzD {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%
}

.embedFields-2yHGHT {
    display: grid;
    grid-column: 1/1;
    margin-top: 8px;
    grid-gap: 8px
}

.embedField-2kda1Q {
    font-weight: 400
}

.embedField-2kda1Q,
.embedFieldName-9LYSyR {
    font-size: 0.875rem;
    line-height: 1.125rem;
    min-width: 0
}

.embedFieldName-9LYSyR {
    font-weight: 600;
    margin-bottom: 2px
}

.embedFieldValue-3EHtvR {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 400;
    white-space: pre-line;
    min-width: 0
}

.embedMedia-1mdWSP {
    grid-column: 1/1;
    border-radius: 4px;
    contain: paint
}

.hasThumbnail-388RMe .embedMedia-1mdWSP {
    grid-column: 1/3
}

.embedFull-1HGV2S .embedMedia-1mdWSP {
    margin-top: 16px
}

@media (-webkit-max-device-pixel-ratio:1) {
    .theme-light .embedFieldName-9LYSyR {
        font-weight: 600
    }
}

@media (-webkit-max-device-pixel-ratio:1) {
    .theme-light .embedFieldValue-3EHtvR {
        font-weight: 400
    }
}

.embedDescription-1DrJxZ,
.embedFieldValue-3EHtvR {
    color: var(--text-normal)
}

.embedProvider-1GSN0c .embedLink-1TLNja {
    color: var(--interactive-normal)
}

.embedProvider-1GSN0c .embedLink-1TLNja:hover {
    color: var(--interactive-hover)
}

.embedAuthorName-pGyUPR,
.embedFieldName-9LYSyR,
.embedTitle-2n1pEb {
    color: var(--header-primary)
}

.embedAuthor-TJIHp5,
.embedDescription-1DrJxZ,
.embedFields-2yHGHT,
.embedFooter-3dj0UE,
.embedMedia-1mdWSP,
.embedProvider-1GSN0c,
.embedTitle-2n1pEb {
    min-width: 0
}

.background-opacity-low .embedFull-1HGV2S {
    background-color: rgba(47, 49, 54, .2);
    border-left-color: rgba(32, 34, 37, .4) !important
}

.background-opacity-low .embedFull-1HGV2S code {
    background: rgba(32, 34, 37, .4)
}

.background-opacity-low .embedThumbnail-2nTasl {
    opacity: .4
}

.background-opacity-low .embedSpotify-1rDvOE {
    opacity: .8
}

.background-opacity-low .embedSpotify-1rDvOE:hover {
    opacity: 1
}

.background-opacity-low .embedDescription-1DrJxZ,
.background-opacity-low .embedFieldValue-3EHtvR,
.background-opacity-low .embedFooterText-2Mc7H9,
.background-opacity-low .embedProvider-1GSN0c {
    color: #fff !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, .3)
}

.background-opacity-low .embedTitleLink-1QbYA- {
    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-1HGV2S {
    background-color: rgba(47, 49, 54, .2);
    border-left-color: rgba(32, 34, 37, .4) !important
}

.background-opacity-medium .embedFull-1HGV2S code {
    background: rgba(32, 34, 37, .4)
}

.background-opacity-medium .embedThumbnail-2nTasl {
    opacity: .4
}

.background-opacity-medium .embedSpotify-1rDvOE {
    opacity: .8
}

.background-opacity-medium .embedSpotify-1rDvOE:hover {
    opacity: 1
}

.background-opacity-medium .embedDescription-1DrJxZ,
.background-opacity-medium .embedFieldValue-3EHtvR,
.background-opacity-medium .embedFooterText-2Mc7H9,
.background-opacity-medium .embedProvider-1GSN0c {
    color: null !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, .2)
}

.background-opacity-medium .embedTitleLink-1QbYA- {
    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-1HGV2S {
    background-color: rgba(47, 49, 54, .2);
    border-left-color: rgba(32, 34, 37, .4) !important
}

.background-opacity-high .embedFull-1HGV2S code {
    background: rgba(32, 34, 37, .4)
}

.background-opacity-high .embedThumbnail-2nTasl {
    opacity: .4
}

.background-opacity-high .embedSpotify-1rDvOE {
    opacity: .9
}

.background-opacity-high .embedSpotify-1rDvOE:hover {
    opacity: 1
}

.background-opacity-high .embedDescription-1DrJxZ,
.background-opacity-high .embedFieldValue-3EHtvR,
.background-opacity-high .embedFooterText-2Mc7H9,
.background-opacity-high .embedProvider-1GSN0c {
    text-shadow: 0 0 1px rgba(0, 0, 0, .2)
}

.background-opacity-high .embedTitleLink-1QbYA- {
    text-shadow: 0 0 1px hsla(0, 0%, 100%, .2), 0 0 3px rgba(0, 0, 0, .4)
}

.spoilerEmbed-1LYr3G.hiddenSpoiler-3pPzRF {
    cursor: pointer;
    overflow: hidden
}

.spoilerEmbed-1LYr3G.hiddenSpoiler-3pPzRF .grid-1aWVsE {
    -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-1rDvOE,
.overlay-unlocked .embedThumbnail-2nTasl {
    opacity: 1
}

.spoilerAttachment-1QvPhn.hiddenSpoiler-3pPzRF {
    -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-11q8XZ {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: var(--text-muted)
}

.icon-2XqU5M {
    margin-right: 4px;
    vertical-align: text-bottom
}

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

.inline-18PIBU {
    opacity: 1;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.inline-18PIBU.hiddenSpoilers-19m4Pg {
    visibility: hidden
}

.spoiler-3aUoEX {
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.spoiler-3aUoEX.hiddenSpoilers-19m4Pg {
    -webkit-filter: blur(44px);
    filter: blur(44px);
    pointer-events: none
}

.removeAttachmentButton-1iO1qS {
    opacity: 0;
    position: absolute;
    top: -2px;
    right: -20px;
    cursor: pointer;
    color: var(--interactive-normal);
    padding: 2px
}

.messageAttachment-CZp8Iv {
    position: relative;
    width: 100%
}

.messageAttachment-CZp8Iv:focus-within .removeAttachmentButton-1iO1qS,
.messageAttachment-CZp8Iv:hover .removeAttachmentButton-1iO1qS {
    opacity: 1
}

.removeAttachmentButton-1iO1qS:hover {
    color: var(--interactive-hover)
}

.enable-forced-colors .removeAttachmentButton-1iO1qS {
    background-color: ButtonFace;
    border: 1px solid ButtonFace;
    color: ButtonText;
    opacity: 1
}

.enable-forced-colors .removeAttachmentButton-1iO1qS:focus,
.enable-forced-colors .removeAttachmentButton-1iO1qS:hover {
    border-color: ButtonText
}

@-webkit-keyframes ripple-2hTBFr {
    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-2hTBFr {
    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-hv5Nhd {
    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-hv5Nhd {
    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-7nU0fO {
    width: 29px;
    height: 29px
}

.gifFavoriteButton-2IttKp {
    color: #fff
}

.gifFavoriteButton-2IttKp: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 hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%);
    border-radius: 50%;
    pointer-events: none
}

.gifFavoriteButton-2IttKp:focus,
.gifFavoriteButton-2IttKp:hover {
    color: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%);
    -webkit-transform: none;
    transform: none
}

.gifFavoriteButton-2IttKp.selected-7JJuv5 {
    color: var(--text-warning)
}

.gifFavoriteButton-2IttKp.selected-7JJuv5.showPulse-2X8M9z:after {
    -webkit-animation: ripple-2hTBFr .45s ease;
    animation: ripple-2hTBFr .45s ease
}

.gifFavoriteButton-2IttKp.selected-7JJuv5.showPulse-2X8M9z .icon-1m_PLf {
    -webkit-animation: bounce-hv5Nhd .4s linear;
    animation: bounce-hv5Nhd .4s linear
}

.icon-1m_PLf {
    display: block;
    width: 100%;
    height: 100%
}

.enable-forced-colors .gifFavoriteButton-2IttKp {
    background-color: ButtonFace;
    border: 1px solid ButtonFace;
    border-radius: 4px;
    color: ButtonText
}

.enable-forced-colors .gifFavoriteButton-2IttKp:focus,
.enable-forced-colors .gifFavoriteButton-2IttKp:hover {
    border-color: ButtonText
}

.enable-forced-colors .gifFavoriteButton-2IttKp.selected-7JJuv5 {
    background-color: HighlightText;
    border-color: Highlight;
    color: Highlight
}

.container-O54IuJ {
    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-13vtq8 {
    margin-top: 8px;
    font-weight: 600;
    font-size: 13px;
    text-align: center
}

.closeButton-PCZcma {
    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-PCZcma:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.closeButton-PCZcma,
.keybind-13vtq8 {
    color: var(--interactive-normal)
}

.closeButton-PCZcma:hover {
    background-color: var(--background-modifier-hover)
}

.closeButton-PCZcma:hover,
.closeButton-PCZcma:hover+.keybind-13vtq8 {
    color: var(--interactive-hover)
}

.closeButton-PCZcma:active {
    background-color: var(--background-modifier-active)
}

.closeButton-PCZcma:active,
.closeButton-PCZcma:active+.keybind-13vtq8 {
    color: var(--interactive-active)
}

.theme-dark .closeButtonBold-2Wgbg8 {
    border-color: #b9bbbe
}

.theme-dark .closeButtonBold-2Wgbg8:hover {
    background-color: rgba(185, 187, 190, .3)
}

.singleItemWrapper-SbLQgQ {
    width: 100%
}

.carousel-2M5OVB,
.singleItemWrapper-SbLQgQ {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.carousel-2M5OVB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.item-2XEagK {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.singleItem-p1R7vX {
    margin: 0 auto
}

.viewport-3r0TA4 {
    overflow: hidden
}

.progressBar-20NUv9 {
    position: relative;
    height: 24px
}

.bar-1g-wqp {
    border-radius: 4px
}

.barBackground-unEPDT {
    position: absolute;
    top: 10px;
    left: 12px;
    right: 12px;
    height: 4px;
    overflow: hidden
}

.barForeground-2kwBa_,
.barSecondary-VouwoY {
    position: absolute;
    height: 100%
}

.tierMarkerContainer-18QTgJ {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 12px;
    right: 12px
}

.tierMarkerContainer-18QTgJ,
.tierMarkerGroup-2udhIi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierMarkerGroup-2udhIi {
    position: relative
}

.tierMarker-Vw1C95,
.tierMarkerGroup-2udhIi {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tierMarker-Vw1C95 {
    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
}

.tierMarkerSelectable-2WVYV- {
    cursor: pointer
}

.tierMarkerBackground-G8FoN4 {
    position: absolute;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    left: -16px;
    top: -4px
}

.currentTierIcon-2rq-bv {
    width: 6px;
    height: 10px;
    pointer-events: none
}

.tierMarkerLabelContainer-1bRYay {
    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-1bRYay,
.tierMarkerLabelText-1wk8KK {
    font-size: 14px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierMarkerLabelText-1wk8KK {
    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-24Xj0k .tierMarkerLabelText-1wk8KK {
    color: var(--interactive-active)
}

.tierMarkerLabelText-1wk8KK:not(.isAccomplished-2NcqRT):hover {
    background-color: var(--background-modifier-selected)
}

.tierMarkerLabelPlusIcon-2zLkr7 {
    margin-left: 4px;
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.barForeground-2kwBa_ {
    background-color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.barSecondary-VouwoY {
    background-color: var(--interactive-hover)
}

.theme-dark .barBackground-unEPDT {
    background-color: #202225
}

.theme-dark .tierMarkerBackground-G8FoN4 {
    background-color: #36393f
}

.theme-dark .currentTierIcon-2rq-bv,
.theme-dark .selectedTier-24Xj0k .tierMarkerLabelText-1wk8KK {
    color: #fff
}

.theme-light .barBackground-unEPDT {
    background-color: #ebedef
}

.theme-light .tierMarkerBackground-G8FoN4 {
    background-color: #fff
}

.theme-light .tierMarkerInProgress-2Tdxjz .currentTierIcon-2rq-bv {
    color: #4f5660
}

.theme-light .tierMarkerAccomplished-1SkbEJ .currentTierIcon-2rq-bv {
    color: #fff
}

.theme-dark .selectedTier-24Xj0k .tierMarker-Vw1C95,
.theme-light .selectedTier-24Xj0k .tierMarker-Vw1C95 {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .24);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .24)
}

.theme-dark .tierMarkerInProgress-2Tdxjz .currentTierIcon-2rq-bv.tier3Icon-959FdD,
.theme-light .tierMarkerInProgress-2Tdxjz .currentTierIcon-2rq-bv.tier3Icon-959FdD {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.slider-3yk5_9 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.hidden-334jci {
    visibility: hidden
}

.theme-dark .unlocked-Vc8qg9,
.theme-light .unlocked-Vc8qg9 {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.theme-dark .emoji-9BUMSf,
.theme-light .emoji-9BUMSf {
    color: hsl(47, calc(var(--saturation-factor, 1)*98.9%), 63.9%)
}

.theme-dark .animated-1th8Z0,
.theme-light .animated-1th8Z0 {
    color: hsl(221, calc(var(--saturation-factor, 1)*100%), 84.1%)
}

.theme-dark .audio-1gwn0y,
.theme-light .audio-1gwn0y {
    color: hsl(220, calc(var(--saturation-factor, 1)*67.4%), 55.5%)
}

.theme-dark .customization-2EsHiN,
.theme-light .customization-2EsHiN {
    color: hsl(164, calc(var(--saturation-factor, 1)*55.1%), 69.4%)
}

.theme-dark .upload-2ZF-qH,
.theme-light .upload-2ZF-qH {
    color: hsl(305, calc(var(--saturation-factor, 1)*100%), 75.1%)
}

.theme-dark .vanity-3w8-tW,
.theme-light .vanity-3w8-tW {
    color: hsl(25, calc(var(--saturation-factor, 1)*96.7%), 64.1%)
}

.theme-dark .stream-MrQM3B,
.theme-light .stream-MrQM3B {
    color: hsl(222, calc(var(--saturation-factor, 1)*100%), 75.1%)
}

.theme-dark .sticker-1VBw7w,
.theme-light .sticker-1VBw7w {
    color: hsl(272, calc(var(--saturation-factor, 1)*100%), 80.2%)
}

.theme-dark .archiveThread-31XNI5,
.theme-light .archiveThread-31XNI5 {
    color: hsl(47, calc(var(--saturation-factor, 1)*98.9%), 63.9%)
}

.theme-dark .privateThread-30NcIk,
.theme-light .privateThread-30NcIk {
    color: hsl(164, calc(var(--saturation-factor, 1)*55.1%), 69.4%)
}

.theme-dark .customRoleIcon-33irpw,
.theme-light .customRoleIcon-33irpw {
    color: hsl(272, calc(var(--saturation-factor, 1)*100%), 80.2%)
}

.ctaBar-Nhk8yY {
    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-2m9r_w {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 16px;
    overflow: hidden
}

.guildSubscriptionInfo-3RbzWj {
    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-2xKEtM {
    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-2ATNPb {
    -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-1m0IGa {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 8px
}

.bageIcon-3bmJGi,
.subscriberCountWrapper-1m0IGa {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.bageIcon-3bmJGi {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.badgeIconWithSubscribers-2WYJsQ {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.guildSubscriptionInfoSubscriberCount-2o45Ho {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 700
}

.userSubscriptionCount-e5RoZh {
    color: var(--interactive-normal)
}

.actions-b9dB88,
.userSubscriptionCount-e5RoZh {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.actions-b9dB88 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.giftAction-ACtHBA {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 8px
}

.giftActionContent-2WmPpd {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.giftIcon-2kmx1K {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    cursor: pointer
}

.giftIcon-2kmx1K:hover {
    opacity: 1
}

.iconButton-3iaUvK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.getPremiumIcon-WwllVv {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.theme-dark .ctaBar-Nhk8yY {
    background-image: url(/assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.svg)
}

.theme-dark .giftIcon-2kmx1K {
    color: #b9bbbe
}

.theme-dark .badgeIconWithoutSubscribers-1hjTfX {
    color: #72767d
}

.theme-light .ctaBar-Nhk8yY {
    background-image: url(/assets/f6af0869894912b0d08e2729fd9c22c9.svg)
}

.theme-light .giftIcon-2kmx1K {
    color: #fff
}

.theme-light .badgeIconWithoutSubscribers-1hjTfX {
    color: #9099a4
}

.gemSheen-1vCZGS {
    opacity: .45
}

.perks-BtAudq {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(3, 1fr)
}

.perk-19D_HN {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px
}

.icon-3dkE_X {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px;
    width: 24px;
    height: 24px
}

.theme-dark .perk-19D_HN {
    background-color: #2f3136
}

.theme-light .perk-19D_HN {
    background-color: #f8f9f9
}

.theme-dark .icon-3dkE_X,
.theme-light .icon-3dkE_X {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.wrapper-3Zq_cJ {
    background: -webkit-gradient(linear, left top, right top, from(hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%)), to(hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%))) no-repeat;
    background: linear-gradient(90deg, hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%), hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%)) no-repeat;
    border-radius: 8px;
    color: #fff;
    margin-top: 24px;
    padding: 16px 32px;
    position: relative;
    text-align: center
}

.wrapper-3Zq_cJ:before {
    position: absolute;
    top: -44px;
    right: -82px;
    background-image: url(/assets/d1dab93347ab65e2b31d9dc39c9c5a9a.svg);
    background-repeat: no-repeat;
    content: "";
    width: 168px;
    height: 88px
}

.heading-nvrZcg {
    color: inherit;
    margin-bottom: 16px
}

.headingTier1-2oLnhT {
    margin-bottom: 8px
}

.headingSecondary-385Ba- {
    color: inherit;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 24px
}

.tiersList-12_0Zw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.tier-R8h9Y_ {
    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-1fTmTd+.tierVertical-1fTmTd {
    margin-left: 16px
}

.tierVertical-1fTmTd .tierLogo-15LJhV {
    margin-bottom: 16px
}

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

.tierHorizontal-3_wK7G .tierLogo-15LJhV {
    margin-right: 36px
}

.perk-3GzuGh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    text-align: left
}

.perk-3GzuGh+.perk-3GzuGh {
    margin-top: 8px
}

.perkUnavailable-20dc3P {
    opacity: .5
}

.perkAvailabilityIcon-2zd8HP {
    margin-right: 10px;
    width: 16px;
    height: 16px
}

.perkLabel-2Qqg0w {
    margin-bottom: 4px
}

.perkDescription-1kpM7B {
    margin: 0
}

.action-MXk_HA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapper-2-Da9H {
    margin: 0 auto;
    max-width: 440px;
    text-align: center
}

.heading-2w-1WC {
    margin-bottom: 12px
}

.originalPrice-Dcfjcp {
    text-decoration: line-through;
    color: var(--text-muted)
}

.perksModal-CLcR1c {
    background: no-repeat bottom;
    background-size: 100%;
    height: 100%
}

.perksModalContentWrapper-3RHugb {
    padding: 64px 0 96px
}

.closeWrapper-1aVqeP {
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 32px;
    z-index: 1
}

.closeContent-1uXQiy,
.closeWrapper-1aVqeP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.closeContent-1uXQiy {
    position: fixed;
    max-width: 660px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.closeIcon-11-ihs {
    position: relative;
    right: -120px
}

.content-2O_Vsy {
    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-1PsHkb {
    display: block;
    margin-bottom: 16px;
    width: 95px;
    height: 60px
}

.headerGraphic-1PsHkb,
.headerLogo-2M4f14 {
    -ms-flex-item-align: center;
    align-self: center
}

.headerLogo-2M4f14 {
    margin-bottom: 24px;
    width: 334px;
    height: 32px
}

.headerBlurb-m6Avyp {
    margin-bottom: 36px;
    text-align: center
}

.progressBarWrapper-kd5G1S {
    margin-top: 64px;
    min-height: 24px;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.progressBarWrapperVisible-SvV-hL {
    opacity: 1
}

.carouselContainer-3eVO-H {
    margin: 56px 0 24px;
    position: relative;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.carouselContainerVisible-bGCrdY {
    opacity: 1
}

.carouselPlaceholder-1K4Rsi {
    width: 100%;
    opacity: 0;
    min-height: 286px
}

.carousel-3dvee9 {
    height: calc(100% + 24px)
}

.carouselItem-vFF4ee {
    height: 100%
}

.carouselItemSelected-1_QSK7 {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.carouselItemClickable-1xNf2x {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tierDefaultUnlocked-3wpxhx {
    margin-bottom: 16px
}

.tierDefaultUnlockedDescription-S-QIMt {
    margin-top: 10px
}

.tierWrapper-CsnudO {
    height: 100%;
    border-radius: 4px
}

.tier-lFqDUs {
    border-radius: 4px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tier-lFqDUs,
.tierHeader-wgo0w_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierHeader-wgo0w_ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    border-radius: 4px 4px 0 0;
    position: relative
}

.tierIcon-l63BHe {
    width: 32px;
    height: 32px
}

.tierTitle--wPpA8 {
    margin-left: 16px;
    font-size: 16px;
    line-height: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600
}

.tierLock-1uBqZ0 {
    width: 30px;
    height: 30px;
    margin-left: 16px
}

.tierUnlocked-1yG5Ic {
    border-radius: 10px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

.tierRequirements-1jbR3I {
    font-size: 14px
}

.tierBody-3ju-rc {
    -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-Ej6Xj1 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px
}

.perk-1vIPJd {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 14px
}

.perk-1vIPJd:first-child {
    margin-top: 0
}

.newBadge-S1zzov {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px
}

.perkIcon-3RsaNA {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.perkText-3Mgx9o {
    font-size: 14px;
    line-height: 16px;
    margin-left: 8px
}

.subscriberPerksHeader-1kC9fO {
    margin-bottom: 24px;
    margin-top: 32px;
    text-align: center;
    font-weight: 600
}

.divider-1MSaR9 {
    height: 1px;
    background: var(--background-modifier-accent);
    margin: 32px 0
}

.slideIn-1QPL4U {
    margin: 0 auto 16px;
    max-width: 660px
}

.theme-dark .perksModal-CLcR1c {
    background-image: url(/assets/a49aa0af67106dfc5fed4d6ebfa011c9.svg);
    background-color: #36393f
}

.theme-dark .headerLogo-2M4f14 {
    color: #fff
}

.theme-dark .tierHeaderLocked-3ItHYn {
    background-color: #18191c;
    color: #72767d
}

.theme-dark .tierLock-1uBqZ0 {
    color: #4f545c
}

.theme-dark .tierBody-3ju-rc {
    background-color: #202225
}

.theme-light .perksModal-CLcR1c {
    background-image: url(/assets/86498d69483fd2386d7a4bc82a93ded3.svg);
    background-color: #fff
}

.theme-light .headerLogo-2M4f14 {
    color: #23262a
}

.theme-light .tierHeaderLocked-3ItHYn {
    background-color: #f8f9f9;
    color: #9099a4
}

.theme-light .tierLock-1uBqZ0 {
    color: #9099a4
}

.theme-light .tierBody-3ju-rc {
    background-color: #fff;
    border: 1px solid #ebedef
}

.theme-dark .tierHeaderUnlocked-1IvR2R,
.theme-light .tierHeaderUnlocked-1IvR2R {
    background-image: -webkit-gradient(linear, left top, right top, from(hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%)), to(hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%)));
    background-image: linear-gradient(90deg, hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%), hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%));
    color: #fff
}

.theme-dark .tierUnlocked-1yG5Ic,
.theme-light .tierUnlocked-1yG5Ic {
    background-color: #fff;
    color: var(--brand-experiment)
}

.boostedGuildIconGem-u5aHBL {
    -webkit-transition: color .1s linear;
    transition: color .1s linear;
    height: 10px
}

.iconBackgroundTierNone-3M21Zn,
.iconBackgroundTierOne-1S68CI,
.iconBackgroundTierThree-2hfNBO,
.iconBackgroundTierTwo-2XoNXD {
    color: var(--background-accent)
}

.iconTierNone-1iHKfJ {
    color: hsla(0, 0%, 100%, .2)
}

.iconTierOne-2h4ba6,
.iconTierTwo-3MBPlM {
    color: #fff
}

.iconTierThree-n2n0gX {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.guildIconContainer-3QvE6w {
    margin-right: 4px
}

.guildBadge-3_UK6z .boostedGuildIconGem-1cgQ2M {
    -webkit-transition: color .1s linear;
    transition: color .1s linear
}

.disableColor-1nVFoH {
    color: var(--background-accent)
}

.tierTooltipTitle-3QMl42 {
    font-weight: 600
}

.boostedGuildIconGem-1cgQ2M {
    height: 10px
}

.boostedGuildTierIconBackgroundWithVisibleBanner-2KrNB1 {
    color: #fff
}

.boostedGuildTierIconWithVisibleBanner-3XawD_ {
    color: var(--text-muted)
}

.iconTierNone-3b7aj6 {
    color: hsla(0, 0%, 100%, .2)
}

.separator-1slsIJ {
    height: 1px;
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: var(--background-modifier-accent)
}

.infoTitle-367C0l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.infoBadge-3DRXxE {
    margin-left: 4px
}

.container-27s5CM {
    position: relative
}

.iconContainer-2MuG0z {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 4px
}

.icon-3sfeom {
    position: relative;
    color: #b9bbbe;
    width: 100%
}

.foreground-AxD9-_,
.icon-3sfeom {
    opacity: .6
}

.avatar-3qKHpY {
    margin-right: -4px
}

.avatarSize-1KpZ5E {
    width: 20px !important;
    height: 20px !important
}

.emptyUser-13SMCb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4f545c
}

.avatarMasked-qX7NI7 {
    -webkit-mask-image: url(/assets/bdfdb44edfec770fb4e448cbbebfe922.svg);
    mask-image: url(/assets/bdfdb44edfec770fb4e448cbbebfe922.svg);
    -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-Gej0iV {
    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-1Qy8jo {
    z-index: 2
}

.invite-3uuHYQ {
    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-2rYHNc {
    height: 100%
}

.coverImageWrapper-2wx5q1 {
    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-oTYoFG {
    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-38UjN9.blurred-3p_Z84 {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.coverImageNotActionable-3_d2tn {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.coverImageNotActionable-3_d2tn.blurred-3p_Z84 {
    -webkit-filter: blur(5px) grayscale(100%);
    filter: blur(5px) grayscale(100%)
}

.artwork-28Cmnt {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    position: relative;
    z-index: 1
}


.artworkNotActionable-UGHb0J {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.artworkSpotifySessionEnded-D18iXB {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.header-1Fx4D1 {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700
}

.partyStatus-2-VcyG {
    font-size: 18px
}

.actionAndParty-3gueRh {
    margin-right: 0;
    max-height: 32px
}

.actionButton-1oqssG {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.name-QjR4Jk {
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px;
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.partyMembers-3cd-7x {
    margin-left: 20px;
    overflow: hidden;
    white-space: nowrap
}

.partyMember-1ywltu {
    position: relative
}

.partyMemberKnown-3IXfnB {
    cursor: pointer
}

.partyAvatar-1X95NO {
    width: 22px !important;
    height: 22px !important
}

.partyMemberEmpty-GtlQ_s {
    width: 22px
}

.moreUsers-3PdGZN,
.partyMemberEmpty-GtlQ_s {
    height: 22px;
    border-radius: 50%
}

.moreUsers-3PdGZN {
    min-width: 18px;
    line-height: 22px;
    text-align: center;
    padding: 0 2px
}

.helpIcon-24pk1Z {
    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-24pk1Z:hover {
    opacity: 1
}

.invite-3uuHYQ:hover .helpIcon-24pk1Z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.details-1nO3iV,
.state-3Nm83F {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 240px;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 4px
}

.textLink-_PElWP:hover {
    text-decoration: underline
}

.theme-dark .invite-3uuHYQ {
    background: rgba(47, 49, 54, .6);
    border-color: rgba(47, 49, 54, .9)
}

.theme-dark .artworkSpotifySessionEnded-D18iXB {
    background-image: url(/assets/1e3eefd7b16f4e6b59faa3e3d48f582f.svg)
}

.theme-dark .header-1Fx4D1 {
    color: #72767d
}

.theme-dark .name-QjR4Jk,
.theme-dark .partyStatus-2-VcyG {
    color: #fff
}

.theme-dark .moreUsers-3PdGZN {
    background-color: #4f545c
}

.theme-dark .partyMemberEmpty-GtlQ_s {
    background: #4f545c
}

.theme-dark .helpIcon-24pk1Z {
    background-color: #fff
}

.theme-dark .textLink-_PElWP,
.theme-dark .message-group .textLink-_PElWP {
    color: #fff
}

.theme-dark .background-opacity-high .invite-3uuHYQ,
.theme-dark .background-opacity-low .invite-3uuHYQ,
.theme-dark .background-opacity-medium .invite-3uuHYQ {
    opacity: .4
}

.theme-dark .overlay-unlocked .invite-3uuHYQ {
    opacity: 1
}

.theme-light .invite-3uuHYQ {
    background: rgba(246, 246, 247, .6);
    border-color: rgba(220, 221, 222, .3)
}

.theme-light .artworkSpotifySessionEnded-D18iXB {
    background-image: url(/assets/f448e486ed9792938c6dcec4c476734b.svg)
}

.theme-light .header-1Fx4D1 {
    color: #72767d
}

.theme-light .name-QjR4Jk,
.theme-light .partyStatus-2-VcyG {
    color: #4f545c
}

.theme-light .moreUsers-3PdGZN {
    background-color: #dcddde
}

.theme-light .partyMemberEmpty-GtlQ_s {
    background: #dcddde
}

.theme-light .helpIcon-24pk1Z {
    background-color: #4f545c
}

.theme-light .textLink-_PElWP,
.theme-light .message-group .textLink-_PElWP {
    color: #4f545c
}

.container-NzjEEe {
    width: 100%
}

.container-KM8BU6 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    width: 500px;
    height: 440px
}

.container-KM8BU6,
.scroller-2GkvCq {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.scroller-2GkvCq {
    padding: 8px;
    width: 90px
}

.reactors-1VXca7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 410px
}

.reactionDefault-1Sjj1f,
.reactionSelected-1aMb2K {
    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-1Sjj1f {
    cursor: pointer
}

.emoji-1kNQp2 {
    padding: 6px;
    width: 1rem;
    height: 1rem;
    min-width: auto;
    min-height: auto;
    vertical-align: middle;
    -o-object-fit: contain;
    object-fit: contain
}

.emojiText-39JpT8 {
    vertical-align: -3px;
    display: inline-block
}

.spinner-2-QFHh {
    width: 100%;
    height: 440px
}

.spinnerMore-2b2ZnS {
    width: 100%;
    height: 44px
}

.reactor-1J25Qp {
    -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
}

.name-1wQ8F4 {
    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-1PaREw {
    line-height: 17px
}

.username-tJjT82 {
    font-weight: 500
}

.tagFaded-1S1bJ- {
    padding-left: 6px;
    opacity: .6
}

.discriminator-1DCM-o {
    font-size: 12px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.remove-19AQn_ {
    cursor: pointer;
    display: none;
    font-size: 16px;
    opacity: .3;
    padding: 3px;
    border-radius: 3px
}

.remove-19AQn_:hover {
    opacity: 1
}

.reactor-1J25Qp:hover .remove-19AQn_ {
    display: inline-block
}

.theme-dark .container-KM8BU6,
.theme-dark .reactors-1VXca7 {
    background-color: #36393f
}

.theme-dark .remove-19AQn_ {
    color: #b9bbbe
}

.theme-dark .remove-19AQn_:hover {
    background-color: rgba(185, 187, 190, .1)
}

.theme-dark .scroller-2GkvCq {
    background: #2f3136
}

.theme-dark .reactionSelected-1aMb2K {
    background-color: rgba(79, 84, 92, .3)
}

.theme-dark .reactionDefault-1Sjj1f:hover {
    background-color: rgba(79, 84, 92, .1)
}

.theme-dark .reactorDefault-3GSyaV {
    -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-1DCM-o {
    color: #72767d
}

.theme-light .container-KM8BU6,
.theme-light .reactors-1VXca7 {
    background-color: #fff
}

.theme-light .remove-19AQn_ {
    color: #72767d
}

.theme-light .remove-19AQn_:hover {
    background-color: rgba(114, 118, 125, .1)
}

.theme-light .scroller-2GkvCq {
    background: null
}

.theme-light .reactionSelected-1aMb2K {
    background-color: #dcddde
}

.theme-light .reactionDefault-1Sjj1f:hover {
    background-color: rgba(220, 221, 222, .3)
}

.theme-light .reactorDefault-3GSyaV {
    -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-1DCM-o {
    color: #b9bbbe
}

.wrapper-22rqw6 {
    background-color: var(--background-tertiary);
    position: relative
}

.list-obNEuP {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.enable-forced-colors .wrapper-22rqw6 {
    border-right: 1px solid CanvasText
}

.container-1jha_j {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-3akWb2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: var(--text-muted);
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.size56-2axAby .avatarContainer-gPrCzX {
    width: 56px;
    height: 56px
}

.size56-2axAby .avatarContainerMasked-13fYnN {
    margin-right: -14px;
    width: 56px;
    height: 56px
}

.size56-2axAby .clickableAvatar-igrb2Y,
.size56-2axAby .emptyUser-2FDCJv {
    width: 56px;
    height: 56px
}

.size32-3k9BTZ .avatarContainer-gPrCzX {
    width: 32px;
    height: 32px
}

.size32-3k9BTZ .avatarContainerMasked-13fYnN {
    margin-right: -8px;
    width: 32px;
    height: 32px
}

.size32-3k9BTZ .clickableAvatar-igrb2Y,
.size32-3k9BTZ .emptyUser-2FDCJv {
    width: 32px;
    height: 32px
}

.size24-9rrwDS .avatarContainer-gPrCzX {
    width: 24px;
    height: 24px
}

.size24-9rrwDS .avatarContainerMasked-13fYnN {
    margin-right: -6px;
    width: 24px;
    height: 24px
}

.size24-9rrwDS .clickableAvatar-igrb2Y,
.size24-9rrwDS .emptyUser-2FDCJv {
    width: 24px;
    height: 24px
}

.size16-2-tfaM .avatarContainer-gPrCzX {
    width: 16px;
    height: 16px
}

.size16-2-tfaM .avatarContainerMasked-13fYnN {
    margin-right: -3px;
    width: 16px;
    height: 16px
}

.size16-2-tfaM .clickableAvatar-igrb2Y,
.size16-2-tfaM .emptyUser-2FDCJv {
    width: 16px;
    height: 16px
}

.clickableAvatar-igrb2Y {
    border-radius: 50%;
    cursor: pointer
}

.emptyUser-2FDCJv {
    border-radius: 50%;
    background: var(--background-accent)
}

.avatar-3TrM7c {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.moreUsers-_v6T-L {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--background-tertiary);
    font-weight: 500;
    color: var(--text-normal);
    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
}

.size56-2axAby .moreUsers-_v6T-L {
    font-size: 24px;
    height: 56px;
    min-width: 56px;
    border-radius: 28px;
    padding: 0 8px
}

.size32-3k9BTZ .moreUsers-_v6T-L {
    font-size: 12px;
    height: 32px;
    min-width: 32px;
    border-radius: 16px;
    padding: 0 8px
}

.size24-9rrwDS .moreUsers-_v6T-L {
    font-size: 12px;
    height: 24px;
    min-width: 24px;
    border-radius: 12px;
    padding: 0 8px
}

.size16-2-tfaM .moreUsers-_v6T-L {
    font-size: 10px;
    height: 16px;
    min-width: 16px;
    border-radius: 8px;
    padding: 0 4px
}

.row-x_t5Ya {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row-x_t5Ya+.row-x_t5Ya {
    margin-top: 8px
}

.rowGuildName-21wur6 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.rowIcon-2tDEcE {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.activityIcon-vfIBet {
    width: 20px;
    height: 20px
}

.stageListenerPill-1_QAPA {
    margin-left: 8px;
    padding: 0 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;
    height: 24px
}

.stageListenerCount-1wC7Ci {
    margin-left: 4px;
    font-weight: 500
}

.guildNameText-jBFbNC {
    word-wrap: break-word;
    color: var(--text-normal);
    min-width: 0
}

.viewAsRolesWarning-3qPnd9 {
    margin: 8px 0 4px;
    font-weight: 400
}

.guildNameTextLimitedSize-3jKqMf {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.theme-dark .activityIcon-vfIBet,
.theme-light .activityIcon-vfIBet {
    color: #b9bbbe
}

.muteText-13RgwP {
    font-weight: 500
}

.muteTextWithActivity-27eAze {
    margin-top: 8px
}

.navigationIcon-1Sw7kD {
    display: block;
    width: 48px;
    height: 48px
}

.badgeIcon-COqTDw {
    width: 12px;
    height: 12px
}

.guildSeparator-2ULOMe {
    height: 2px;
    width: 32px;
    border-radius: 1px;
    background-color: var(--background-modifier-accent)
}

.guildsError-YJjW3A {
    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 var(--status-danger);
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out
}

.errorInner-3BYtzY {
    font-weight: 700
}

.guildsError-YJjW3A:hover {
    text-decoration: none;
    color: #fff;
    border-color: var(--status-danger);
    background-color: var(--status-danger)
}

.circleButtonBase-2fWKQc {
    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-3lUBQk {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    background-color: var(--background-primary)
}

.circleIconButton-3lUBQk.selected-2tb4pB {
    color: #fff;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.nitroUpsell-1e0oh5 {
    background: linear-gradient(135deg, hsl(270, calc(var(--saturation-factor, 1)*86.7%), 70.6%), hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%));
    color: #fff
}

.nitroUpsellIcon-2i3ebE {
    stroke: #000 2px
}

.circleIcon-3TMIJL {
    width: 24px;
    height: 24px
}

.plus-1Cr66p {
    position: relative;
    top: -1px;
    font-size: 40px;
    line-height: 40px;
    font-weight: 300
}

.createJoinContainer-3wW_Gk {
    position: relative;
    width: 50px
}

.pill-1fqNCF {
    position: absolute;
    left: 0;
    top: 0
}

.listItem-1d8GP4 {
    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-3ktTom:active {
    -webkit-transform: translateY(1px) translateZ(0);
    transform: translateY(1px) translateZ(0)
}

.listItemTooltip-eHcnUw {
    max-width: 196px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    word-wrap: break-word
}

.placeholderMask-3Z1hhV {
    display: block
}

.dragInner-189QA3 {
    width: 48px;
    height: 48px
}

.iconBadge-2wWu5e {
    background-color: var(--background-accent)
}

.iconBadge-2wWu5e.participating-1TnRN9 {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.unavailableBadge-3ODur- {
    background-color: #fff;
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%) !important
}

.dragInner-189QA3 {
    background-color: var(--background-primary)
}

.tutorialContainer-35RLOQ {
    position: relative
}

.theme-dark .listItemTooltip-eHcnUw,
.theme-light .listItemTooltip-eHcnUw {
    color: var(--text-normal)
}

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

.upsellIcon-xoZhCo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px;
    margin-left: -6px
}

.upsellText-1b320c {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 22px
}

.guildIcon-2SUGiq {
    -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-1hlQQ6 {
    display: block
}

.guildAcronym-80rQch {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

.guildIconWithoutImage-3bOll3 {
    background-color: var(--background-primary)
}

.categoryItem-1sHzUv {
    cursor: pointer
}

.categoryItemGuildCategory-3mvXlo {
    height: 32px;
    margin-bottom: 8px;
    width: 32px
}

.categoryItemDefaultCategory-3haEDq {
    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-3haEDq:hover {
    background-color: var(--background-modifier-hover)
}

.categoryItemDefaultCategory-3haEDq:hover .categoryIcon-2cYeku {
    color: var(--interactive-hover)
}

.categoryItemRecentEmoji-Rk8CU1 {
    margin-bottom: 8px
}

.categoryItemDefaultCategorySelected-2YeRUu,
.categoryItemDefaultCategorySelected-2YeRUu:hover {
    background-color: var(--background-primary)
}

.categoryItemDefaultCategorySelected-2YeRUu .categoryIcon-2cYeku,
.categoryItemDefaultCategorySelected-2YeRUu:hover .categoryIcon-2cYeku {
    color: var(--interactive-active)
}

.categoryIcon-2cYeku {
    color: var(--interactive-normal)
}

.guildCategorySeparator-3QYkij {
    margin: 12px 0;
    border: none;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.theme-light .categoryItemDefaultCategorySelected-2YeRUu .categoryIcon-2cYeku,
.theme-light .categoryItemDefaultCategorySelected-2YeRUu:hover .categoryIcon-2cYeku {
    color: #4f5660
}

.unicodeShortcut-3N8oDe {
    -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-3N8oDe:hover {
    color: var(--interactive-hover)
}

.unicodeShortcutInvisible-27MSUJ {
    opacity: 0;
    -webkit-transform: translateY(48px);
    transform: translateY(48px)
}

.hideUnicodeShortcut-1QVnf- {
    display: none
}

.enable-forced-colors .unicodeShortcut-3N8oDe {
    background-color: ButtonFace;
    border-top: 1px solid CanvasText;
    color: ButtonText;
    height: 47px
}

.enable-forced-colors .categoryItemDefaultCategory-3haEDq,
.enable-forced-colors .categoryItemGuildCategory-3mvXlo {
    border: 1px solid Canvas;
    border-radius: 4px;
    -webkit-transition: none;
    transition: none
}

.enable-forced-colors .categoryItemDefaultCategory-3haEDq .categoryIcon-2cYeku,
.enable-forced-colors .categoryItemGuildCategory-3mvXlo .categoryIcon-2cYeku {
    color: ButtonText
}

.enable-forced-colors .categoryItemDefaultCategory-3haEDq:hover,
.enable-forced-colors .categoryItemGuildCategory-3mvXlo:hover {
    background: ButtonFace;
    border-color: ButtonText
}

.enable-forced-colors .categoryItemDefaultCategorySelected-2YeRUu,
.enable-forced-colors .categoryItemDefaultCategorySelected-2YeRUu:hover {
    background-color: HighlightText;
    border-color: Highlight
}

.enable-forced-colors .categoryItemDefaultCategorySelected-2YeRUu .categoryIcon-2cYeku,
.enable-forced-colors .categoryItemDefaultCategorySelected-2YeRUu:hover .categoryIcon-2cYeku {
    color: Highlight
}

.diversitySelectorButton-2CGlo5 {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.diversitySelectorOptions-3DhNYs {
    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: 12px;
    right: 7px
}

.diversitySelectorOptionsInExpressionPicker-3wybQR {
    top: 0;
    right: 11px
}

.diversityEmojiItem-2bgZKv {
    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-2bgZKv:hover {
    background-color: var(--background-modifier-hover)
}

.diversityEmojiItemImage-1pfGqI {
    width: 24px;
    height: 24px
}

.enable-forced-colors .diversitySelectorButton-2CGlo5 {
    background-color: HighlightText;
    border: 1px solid Highlight;
    border-radius: 4px;
    padding: 2px
}

.enable-forced-colors .diversityEmojiItem-2bgZKv {
    background-color: ButtonFace;
    border: 1px solid ButtonFace;
    border-radius: 4px
}

.enable-forced-colors .diversityEmojiItem-2bgZKv:hover {
    border-color: ButtonText
}

.inspector-DFKXwB {
    -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-jNHB2G {
    height: 28px;
    width: 28px
}

.graphicSecondary-37AA_Y {
    height: 32px;
    margin-left: 8px;
    width: 32px
}

.textWrapper-3m4b4D {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    overflow: hidden
}

.titlePrimary-23rNQQ {
    font-weight: 600
}

.titlePrimary-23rNQQ,
.titleSecondary-3hcpuB {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.titleSecondary-3hcpuB {
    color: var(--interactive-normal)
}

.favorite-1t1nOZ {
    margin-right: 3px;
    margin-bottom: -1px
}

.enable-forced-colors .inspector-DFKXwB {
    border-top: 1px solid CanvasText
}

.emoji-4YP39J {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.glyphEmoji-1sYp8m {
    -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
}

.icon-2SPLaT {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 100%;
    height: 100%;
    fill: var(--interactive-normal)
}

.wrapper-2g4olo {
    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-2_mw0p {
    width: 90px;
    height: 90px;
    background-size: 90px;
    background-repeat: no-repeat;
    margin-bottom: 20px
}

.theme-dark .wrapper-2g4olo {
    color: #72767d
}

.theme-dark .sadImage-2_mw0p {
    background-image: url(/assets/28e8c52ad284779a9272dad02a70fa4e.svg)
}

.theme-dark .forceLightTheme-is2kDA .wrapper-2g4olo,
.theme-light .wrapper-2g4olo {
    color: #99aab5
}

.theme-dark .forceLightTheme-is2kDA .sadImage-2_mw0p,
.theme-light .sadImage-2_mw0p {
    background-image: url(/assets/82b585afafcfb12c4d013635a4543bb5.svg)
}

.wrapper-1NNaWG {
    -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-1NNaWG:after {
    content: "";
    background-color: inherit;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: -2px
}

.header-1XpmZs {
    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-MpGq2z:hover {
    cursor: pointer
}

.interactive-MpGq2z:hover:hover {
    color: var(--interactive-active)
}

.headerIcon-2Gk2OH {
    display: contents;
    height: 100%;
    margin-right: 8px
}

.headerLabel-1g790w {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    margin-right: 8px
}

.headerIcon-2Gk2OH+.headerLabel-1g790w {
    margin-left: 8px
}

.headerCollapseIcon-3WeMjJ {
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s
}

.headerCollapseIconCollapsed-3C20LE {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.enable-forced-colors .wrapper-1NNaWG {
    border-bottom: 1px solid CanvasText
}

.enable-forced-colors .interactive-MpGq2z {
    background-color: ButtonFace;
    color: ButtonText
}

.enable-forced-colors .interactive-MpGq2z:hover {
    color: ButtonText
}

.upsell-1ZXP3R {
    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-2gt86v {
    margin-right: 8px;
    height: 24px;
    width: 24px
}

.body-1dqcho {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.image-3tDi44,
.imageLoading-2uloYN {
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    color: transparent
}

.imageLoading-2uloYN {
    background-repeat: no-repeat;
    -o-object-position: 100px;
    object-position: 100px
}

.theme-dark .imageLoading-2uloYN {
    background-image: url(/assets/56b42ec7fdca5d48afd672a7163b9c06.png)
}

.theme-light .imageLoading-2uloYN {
    background-image: url(/assets/9fbc3289310d3e4e6f1bfb668f3e8c63.png)
}

.emojiSpriteImage-3ykvhZ {
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none
}

@-webkit-keyframes ripple-1zZKn6 {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 1
    }

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

@keyframes ripple-1zZKn6 {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 1
    }

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

.emojiListRow-3hshyU {
    display: grid;
    grid-auto-flow: column
}

.emojiListRowLargeSize-2ydLSH {
    grid-template-columns: repeat(auto-fill, 56px);
    height: 56px
}

.emojiListRowMediumSize-2_-xbz {
    grid-template-columns: repeat(auto-fill, 40px);
    height: 40px
}

.emojiItem-277VFM {
    background: none;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    padding: 4px;
    position: relative
}

.emojiItem-277VFM,
.emojiItem-277VFM:focus {
    outline: none
}

.emojiItem-277VFM.emojiItemSelected-2Lg50V {
    background-color: var(--background-accent)
}

.emojiItem-277VFM: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 hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%);
    border-radius: 100%;
    pointer-events: none
}

.emojiItem-277VFM.showPulse-3P6qqV:after {
    -webkit-animation: ripple-1zZKn6 .25s ease-out 1;
    animation: ripple-1zZKn6 .25s ease-out 1
}

.emojiItemLarge-3fJwCk {
    height: 56px;
    width: 56px
}

.emojiItemMedium-2stgkv {
    height: 40px;
    width: 40px
}

.emojiItemDisabled-3VVnwp {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.icon-PeEVCD {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 100%;
    height: 100%;
    fill: var(--interactive-normal)
}

.icon-PeEVCD:hover .icon-PeEVCD {
    fill: var(--interactive-hover)
}

.keyboard-mode .emojiItem-277VFM.emojiItemSelected-2Lg50V {
    position: relative
}

.keyboard-mode .emojiItem-277VFM.emojiItemSelected-2Lg50V:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    --__adaptive-radius: 4px;
    border-radius: var(--__adaptive-radius);
    --__adaptive-focus-color: var(--interactive-hover);
    border: 2px solid var(--__adaptive-focus-color);
    z-index: 1
}

.enable-forced-colors .emojiItem-277VFM.emojiItemSelected-2Lg50V {
    background-color: HighlightText;
    outline: 1px solid Highlight;
    outline-offset: -1px
}

.enable-forced-colors .emojiItem-277VFM.emojiItemSelected-2Lg50V:before {
    border-color: Highlight
}

.listWrapper-2nHLP8 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.list-3V14yy {
    height: 100%
}

.noSearchResultsContainer-VnpLwp {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.categorySection-3j71bm {
    margin-bottom: 12px
}

.categorySectionCollapsed-3AV4SU,
.categorySectionLast-3_qh0K {
    margin-bottom: 0
}

.header-1ULbqO {
    position: sticky;
    top: 0
}

.premiumUpsell-2K2V_c {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 54px;
    overflow: hidden;
    margin-top: 16px;
    margin-right: 4px
}

.premiumRetentionNotice-A_Ke4K {
    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-Oax7OY {
    min-width: undefined;
    height: 24px;
    margin-right: 8px;
    margin-top: 2px
}

.premiumRetentionNoticeClose-8G95sd {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal);
    cursor: pointer
}

.premiumRetentionNoticeClose-8G95sd:hover {
    color: var(--interactive-hover)
}

.premiumRetentionNoticeContent-Q45Zy9 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.premiumPromo-1eKAIB {
    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-Nuntxy {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px;
    background: url(/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999em;
    opacity: .6
}

.premiumPromoClose-Nuntxy:hover {
    opacity: 1
}

.premiumPromoImage-2q0gnA {
    display: block;
    margin-bottom: 15px;
    width: 124px;
    height: 96px
}

.premiumPromoTitle-3tWrPT {
    font-size: 18px;
    line-height: 24px;
    color: var(--header-primary);
    font-weight: 600;
    margin-bottom: 4px
}

.premiumPromoDescription-1kf0Oa {
    margin: 0 20px 24px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: var(--header-secondary)
}

.container-1SX9VC {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--background-tertiary)
}

.container-1SX9VC,
.inner-1NoIT5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inner-1NoIT5 {
    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-2QaYSb .inner-1NoIT5 {
    opacity: .3
}

.input-2FSSDe {
    -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-2FSSDe::-webkit-input-placeholder {
    color: var(--text-muted);
    opacity: 1
}

.disabled-2QaYSb .input-2FSSDe {
    cursor: not-allowed
}

.tag-15zcD_ {
    -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-15zcD_:hover {
    text-decoration: none;
    opacity: .9
}

.small-1hw8IT .input-2FSSDe,
.small-1hw8IT .tag-15zcD_ {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    padding: 0 4px
}

.medium-13kyaW .input-2FSSDe,
.medium-13kyaW .tag-15zcD_ {
    font-size: 16px;
    line-height: 32px;
    height: 30px;
    padding: 0 8px
}

.large-3rD1c7 .input-2FSSDe,
.large-3rD1c7 .tag-15zcD_ {
    font-size: 20px;
    line-height: 40px;
    height: 38px;
    padding: 0 16px
}

.richTag-20_n21 {
    background-color: var(--background-secondary-alt)
}

.medium-13kyaW .richTag-20_n21,
.medium-13kyaW .richTagInput-xF2rgz {
    margin: 3px 0 3px 3px;
    height: 26px;
    line-height: 24px
}

.large-3rD1c7 .richTag-20_n21,
.large-3rD1c7 .richTagInput-xF2rgz {
    margin: 4px 0 4px 4px;
    height: 32px;
    line-height: 30px
}

.tagLabel-1CV02L {
    padding-left: 6px
}

.tagRoleColor-1rZDyG {
    height: 8px;
    width: 8px;
    border-radius: 50%
}

.close-3-lUJg {
    width: 12px;
    height: 12px;
    margin-left: 4px
}

.close-3-lUJg,
.iconLayout-SqV3nb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.iconLayout-SqV3nb {
    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-13kyaW.iconLayout-SqV3nb {
    width: 32px;
    height: 32px
}

.large-3rD1c7.iconLayout-SqV3nb {
    width: 40px;
    height: 40px
}

.iconContainer-1RqWJj {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 16px;
    height: 16px
}

.medium-13kyaW .iconContainer-1RqWJj {
    width: 20px;
    height: 20px
}

.large-3rD1c7 .iconContainer-1RqWJj {
    width: 24px;
    height: 24px
}

.icon-18rqoe {
    -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-18rqoe.visible-2yTnyW {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.clear-2KQ7l1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.clear-2KQ7l1 .icon-18rqoe {
    color: var(--interactive-normal)
}

.clear-2KQ7l1.iconLayout-SqV3nb:hover .icon-18rqoe {
    color: var(--interactive-hover)
}

.enable-forced-colors .input-2FSSDe {
    border: 1px solid CanvasText;
    border-radius: 4px
}

.enable-forced-colors .input-2FSSDe::-webkit-input-placeholder {
    color: GrayText
}

.enable-forced-colors .icon-18rqoe {
    border: 1px solid Canvas;
    background-color: Canvas;
    color: GrayText
}

.enable-forced-colors .clear-2KQ7l1 .icon-18rqoe {
    background-color: ButtonFace;
    border-color: CanvasText;
    color: ButtonText
}

.enable-forced-colors .clear-2KQ7l1.iconLayout-SqV3nb:focus .icon-18rqoe,
.enable-forced-colors .clear-2KQ7l1.iconLayout-SqV3nb:hover .icon-18rqoe {
    border-color: ButtonText;
    color: ButtonText
}

.wrapper-3u51GQ {
    position: relative
}

.emojiPicker-6YCk8a {
    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-2nOwH8 .emojiPicker-6YCk8a {
    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-11eigE {
    -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-2nOwH8 .header-11eigE {
    padding: 0 16px 16px
}

.searchBar-2M9mRP {
    grid-column: 1/2
}

.searchBarFullRow-2d3B66 {
    grid-column: 1/3
}

.diversitySelector-P-W_tU {
    grid-column: 2/3
}

.categoryList-2qRrlj {
    border-radius: 0 0 0 5px;
    position: absolute;
    top: 58px;
    bottom: 0;
    left: 0;
    width: 48px;
    overflow: hidden
}

.emojiPickerInExpressionPicker-2nOwH8 .categoryList-2qRrlj {
    top: 50px
}

.bodyWrapper-1eSOtW {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-column: 2/3;
    grid-row: 2/3;
    position: relative
}

.emojiPickerListWrapper-1T3YI3 {
    grid-row: 2/2;
    overflow: hidden;
    position: relative
}

.inspector-2A2Chb {
    grid-column: 2/3;
    grid-row: 3/4
}

.enable-forced-colors .header-11eigE {
    border-bottom: 1px solid CanvasText
}

.container-2dXT_2 {
    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-3Y1V2C {
    margin-left: 24px;
    max-width: 320px
}

.buttonContainer-38oHuK {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cancel-2g5o4k {
    color: var(--interactive-normal);
    margin-left: 24px
}

.cancel-2g5o4k:hover {
    color: var(--interactive-hover)
}

.cancel-2g5o4k:active {
    color: var(--interactive-active)
}

.image-1Rq4ry {
    width: 64px;
    height: 64px
}

.reactions-1BUEKl {
    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-uXAV0f,
.reactionBtn-3_qQdk {
    width: 1rem;
    height: 1rem
}

.reactionBtn-3_qQdk {
    margin-left: .25rem;
    margin-bottom: .125rem;
    cursor: pointer;
    visibility: hidden;
    color: var(--interactive-normal)
}

.reactionBtn-3_qQdk:hover .icon-uXAV0f {
    color: var(--interactive-hover)
}

.reactionBtn-3_qQdk.active-1qckR- .icon-uXAV0f,
.reactionBtn-3_qQdk:active .icon-uXAV0f {
    color: var(--interactive-active)
}

.reactionBtn-3_qQdk.active-1qckR-,
.reactionBtn-3_qQdk.visible-1HcIFX,
.reactions-1BUEKl:hover .reactionBtn-3_qQdk {
    visibility: visible
}

.reactionBtn-3_qQdk.forceShow-14Xiew {
    visibility: visible;
    padding: .25rem .375rem;
    border-radius: .5rem;
    background-color: var(--background-secondary);
    border: 1px solid transparent;
    margin-left: 0;
    margin-bottom: .25rem
}

.reactionBtn-3_qQdk.forceShow-14Xiew:hover {
    background-color: var(--background-primary);
    border-color: hsla(0, 0%, 100%, .2)
}

.reaction-2A2y9y {
    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-2A2y9y.reactionReadOnly-2EqcQ4 {
    cursor: not-allowed
}

.reaction-2A2y9y .emoji {
    width: 1rem;
    height: 1rem;
    margin: .125rem 0;
    min-width: auto;
    min-height: auto
}

.reaction-2A2y9y .emoji-text {
    color: var(--text-normal);
    vertical-align: -.125rem;
    display: inline-block
}

.reaction-2A2y9y:hover {
    background-color: var(--background-primary);
    border-color: hsla(0, 0%, 100%, .2)
}

.reaction-2A2y9y:hover .reactionCount-1zkLcN {
    color: var(--interactive-hover)
}

.reaction-2A2y9y:active {
    background-color: var(--background-secondary-alt);
    border-color: transparent
}

.reaction-2A2y9y:active .reactionCount-1zkLcN {
    color: var(--interactive-active)
}

.reaction-2A2y9y.reactionMe-3I9gFK {
    background-color: var(--brand-experiment-15a);
    border-color: var(--brand-experiment)
}

.reaction-2A2y9y.reactionMe-3I9gFK .reactionCount-1zkLcN {
    color: var(--brand-experiment-200)
}

.low-contrast .reaction-2A2y9y.reactionMe-3I9gFK {
    background-color: var(--brand-experiment-15a);
    border-color: var(--brand-experiment-50a)
}

.low-contrast .reaction-2A2y9y.reactionMe-3I9gFK .reactionCount-1zkLcN {
    color: var(--brand-experiment-300)
}

.reactionInner-9eVHJa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .125rem .375rem
}

.reactionCount-1zkLcN {
    font-size: 0.875rem;
    font-weight: 500;
    margin-left: .375rem;
    text-align: center;
    color: var(--interactive-normal)
}

.remainingReactions-1ENxSg {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.theme-light .reaction-2A2y9y:hover {
    border-color: rgba(0, 0, 0, .2)
}

.theme-light .reaction-2A2y9y.reactionMe-3I9gFK {
    background-color: var(--brand-experiment-160);
    border-color: var(--brand-experiment)
}

.theme-light .reaction-2A2y9y.reactionMe-3I9gFK .reactionCount-1zkLcN {
    color: var(--brand-experiment-560)
}

.background-opacity-high .reaction-2A2y9y,
.background-opacity-low .reaction-2A2y9y,
.background-opacity-medium .reaction-2A2y9y {
    background-color: rgba(41, 43, 47, .2)
}

.background-opacity-high .reactionCount-1zkLcN,
.background-opacity-low .reactionCount-1zkLcN,
.background-opacity-medium .reactionCount-1zkLcN {
    color: #fff
}

.background-opacity-high .reaction-2A2y9y.reactionMe-3I9gFK,
.background-opacity-low .reaction-2A2y9y.reactionMe-3I9gFK,
.background-opacity-medium .reaction-2A2y9y.reactionMe-3I9gFK {
    background-color: var(--brand-experiment-50a)
}

.enable-forced-colors .reaction-2A2y9y.reactionMe-3I9gFK {
    border-color: Highlight;
    outline: 2px solid Highlight
}

.reactionTooltip-34qbn9 {
    max-width: 234px
}

.reactionTooltipContent-bJy0c2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px
}

.reactionTooltipEmoji-EMfTC- {
    width: 32px;
    height: 32px
}

.reactionTooltipText-2M3J-B {
    margin-left: 12px
}

.reactionTooltipInner-2eNtr9 {
    pointer-events: all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.reactionTooltipInner-2eNtr9:hover {
    cursor: pointer
}

.reactionTooltipInner-2eNtr9:hover a {
    text-decoration: underline
}

.container-2sjPya {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: .25rem;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    text-indent: 0;
    min-height: 0;
    min-width: 0;
    padding-top: .125rem;
    padding-bottom: .125rem;
    position: relative
}

.container-2sjPya:empty {
    display: none
}

.container-2sjPya>* {
    justify-self: start;
    -ms-flex-item-align: start;
    align-self: start
}

.gifFavoriteButton-3ZomyF {
    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-1MtIDg:focus-within .gifFavoriteButton-3ZomyF,
.embedWrapper-1MtIDg:hover .gifFavoriteButton-3ZomyF {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.giftCodeContainer-3ObH0O {
    width: 100%
}

.confirmText-2FxFHs {
    margin-bottom: 12px
}

.threadRoleMentionFailure-2IPB1Y {
    color: var(--text-danger);
    font-size: 12px;
    line-height: 16px
}

.popoutContainer-1x4DR4 {
    padding: 16px
}

.mainContent-15Uhv6 {
    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: start;
    -ms-flex-align: start;
    align-items: start
}

.roleIconContainer-3h_fI- {
    margin-right: 16px;
    width: 40px
}

.roleName-2zn3dr {
    margin-bottom: 4px
}

.truncatingText-3gTyiq {
    min-width: 0
}

.ctaButton-1b1vwt {
    margin: 16px auto 0
}

.ctaButtonContent-2V8G-U {
    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
}

.boosterBadge-3ISvxr {
    margin-right: 3px
}

.welcomeCTA-3GMMRK {
    margin-bottom: 2px
}

.welcomeCTAButtonOuter-3pJkMq {
    padding-left: 8px
}

.welcomeCTAButton-24ZR8d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.welcomeCTASticker-gjrFUO {
    margin-right: 4px
}

.container-x059i8 {
    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-3bMNvi {
    margin-left: -4ch
}

.content-vSHmMD {
    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-vSHmMD a {
    cursor: pointer;
    color: var(--interactive-active);
    font-weight: 500
}

.content-vSHmMD .actionAnchor-2f5gMg {
    color: var(--text-link)
}

.low-saturation .content-vSHmMD a {
    color: var(--interactive-active);
    text-decoration: none
}

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

    .theme-light .content-vSHmMD a {
        font-weight: 600
    }
}

.iconContainer-2rPbqG {
    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;
    padding-top: .25rem
}

.compact-3bMNvi .iconContainer-2rPbqG {
    margin-right: 1rem
}

.font-size-24 .cozy-S5wsfF .iconContainer-2rPbqG {
    width: 3rem
}

.font-size-20 .cozy-S5wsfF .iconContainer-2rPbqG {
    width: 3.5rem
}

.font-size-18 .cozy-S5wsfF .iconContainer-2rPbqG {
    width: 4rem
}

.font-size-12 .cozy-S5wsfF .iconContainer-2rPbqG,
.font-size-14 .cozy-S5wsfF .iconContainer-2rPbqG,
.font-size-15 .cozy-S5wsfF .iconContainer-2rPbqG,
.font-size-16 .cozy-S5wsfF .iconContainer-2rPbqG {
    width: 4.5rem
}

.compact-3bMNvi .iconContainer-2rPbqG {
    position: relative;
    width: auto;
    right: auto
}

.icon-JRJzJz {
    background-repeat: no-repeat;
    background-size: 1rem 1rem
}

.iconSize-Ai8Wtu {
    width: 1rem;
    height: 1rem
}

.action-2dBXYl,
.actionAnchor-2f5gMg {
    margin-left: 3px
}

.actionAnchor-2f5gMg {
    cursor: pointer
}

.timestamp-2qj4__ {
    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-2qj4__ {
        font-weight: 500
    }
}

.background-opacity-low .content-vSHmMD {
    color: #fff;
    text-shadow: 0 0 1px #202225, 1px 1px 0 #202225
}

.background-opacity-low .content-vSHmMD a {
    color: var(--interactive-active)
}

.background-opacity-high .content-vSHmMD,
.background-opacity-medium .content-vSHmMD {
    color: #f6f6f7;
    text-shadow: 0 0 1px #36393f, 1px 1px 0 #36393f
}

.background-opacity-high .content-vSHmMD a,
.background-opacity-medium .content-vSHmMD a {
    color: var(--interactive-active)
}

.background-opacity-low .timestamp-2qj4__,
.background-opacity-medium .timestamp-2qj4__ {
    color: #dcddde
}

.background-opacity-high .timestamp-2qj4__ {
    color: #b9bbbe
}

.messageApplicationCommand-39C7UP {
    display: block
}

.messageIconContainer-1wHFZ9 {
    padding-top: 0;
    margin: 0 auto;
    width: 72px
}

.messageIconContainer-1wHFZ9 svg {
    width: 1.25rem;
    height: 1.25rem
}

.header-3cdGr1 {
    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-k-e67k:hover {
    cursor: pointer;
    text-decoration: underline
}

.command-2rSEQ7 {
    display: inline-block;
    color: var(--brand-experiment);
    font-weight: 500
}

.clickableCommand-1z2GmY {
    cursor: pointer
}

.avatar-RWqwb_ {
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: text-top;
    margin-right: .25rem;
    border-radius: 1rem
}

.application-34qwmh {
    font-weight: 500
}

.spine-3OoQS_ {
    --gutter-height: 1.5rem;
    --gutter-width: 72px;
    --spine-padding: 2px;
    --spine-width: 2px;
    position: absolute;
    width: calc(var(--spine-width)*-1/2 + var(--spine-padding)*-1 + var(--gutter-width)/2);
    height: var(--gutter-height);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: calc(var(--gutter-height)*-1 - var(--spine-padding));
    left: calc(var(--spine-width)*-1/2 + 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-1UQFwj {
    border-radius: .25rem;
    color: var(--header-secondary);
    padding: .5rem;
    margin-top: .25rem
}

.cozy-25GiHp.content-1UQFwj {
    background-color: var(--background-secondary)
}

.compact-CMJlRl.messageApplicationCommand-39C7UP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -4.125rem;
    margin-bottom: .125rem
}

.compact-CMJlRl .messageIconContainer-1wHFZ9 {
    top: 0;
    right: 0;
    margin: 0;
    padding-top: 0;
    width: 3.75rem
}

.compact-CMJlRl .content-1UQFwj {
    padding: 0
}

.compact-CMJlRl .spine-3OoQS_ {
    --gutter-width: 100%;
    --gutter-height: 1rem;
    margin-left: calc(var(--spine-width)*-1)
}

.popout-AVsFMl {
    -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-2Fa1nk {
    background-image: url(/assets/6ff26e2f51845db3ea3007037a43b167.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 8px;
    height: 8px
}

.nameWrapper-1PstGK {
    margin-top: 16px
}

.header-3lO67g {
    margin-left: 8px
}

.description-32KiBt {
    margin-top: 8px
}

.avatar-3oyRO6 {
    width: 100px;
    height: 100px;
    border-radius: 16px
}

.theme-dark .popout-AVsFMl {
    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-AVsFMl {
    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)
}

.embedCard-bDyD5S {
    padding: 12px;
    border-radius: 8px;
    background-color: var(--background-secondary)
}

.embedCard-bDyD5S.compact-3rbtrR {
    padding: 4px
}

.embedCard-bDyD5S .header-1cSt9x {
    margin: 0 !important;
    font-family: var(--font-primary) !important;
    font-weight: 400 !important
}

.messageContent-3-GATw {
    margin-left: -12px
}

.messageContent-3-GATw.compact-3rbtrR {
    margin-left: -20px
}

.mainContainer-CnDeGB.compact-vpyNGV {
    padding-left: 0
}

.content-2kplFJ {
    font-size: 16px;
    line-height: 24px;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    color: var(--text-normal)
}

.content-2kplFJ a {
    cursor: pointer;
    color: var(--interactive-active);
    font-weight: 500
}

.content-2kplFJ .actionAnchor-1iZSFe {
    color: var(--text-link)
}

.content-2kplFJ.compact-vpyNGV {
    padding-left: 0
}

.embedCard-PLiVm2 {
    margin-top: 4px
}

.embedCard-PLiVm2.compact-vpyNGV {
    margin-top: 0
}

.embedCard-PLiVm2.selected-25I4Tv {
    background-color: var(--background-secondary-alt)
}

.embedCard-PLiVm2.isClickable-2Weddz {
    cursor: pointer
}

.messageContent-AOO2_R.compact-vpyNGV {
    padding-left: 30px
}

.messageContent-AOO2_R .channelNameContainer-rXhhBM {
    display: inline-block
}

.messageContent-AOO2_R .channelName-1zbIoT {
    color: var(--text-link);
    font-weight: 500;
    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
}

.messageContent-AOO2_R .channelIcon-sXB_dT {
    margin-right: 4px
}

.iconContainer-3WHKMP {
    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;
    padding-top: 0
}

.compact-vpyNGV .iconContainer-3WHKMP {
    margin-right: 1rem
}

.font-size-24 .cozy-zcnuFb .iconContainer-3WHKMP {
    width: 3rem
}

.font-size-20 .cozy-zcnuFb .iconContainer-3WHKMP {
    width: 3.5rem
}

.font-size-18 .cozy-zcnuFb .iconContainer-3WHKMP {
    width: 4rem
}

.font-size-12 .cozy-zcnuFb .iconContainer-3WHKMP,
.font-size-14 .cozy-zcnuFb .iconContainer-3WHKMP,
.font-size-15 .cozy-zcnuFb .iconContainer-3WHKMP,
.font-size-16 .cozy-zcnuFb .iconContainer-3WHKMP {
    width: 4.5rem
}

.compact-vpyNGV .iconContainer-3WHKMP {
    position: relative;
    width: auto;
    right: auto
}

.avatarContainer-209emZ {
    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: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--background-tertiary)
}

.usernameContainer-3mhQgS {
    margin: 0 !important;
    font-family: var(--font-primary) !important;
    font-weight: 400 !important
}

.usernameContainer-3mhQgS .username-1LTQE1 {
    margin-right: 4px;
    font-weight: 600
}

.usernameContainer-3mhQgS.compact-vpyNGV {
    padding-left: 0;
    margin-left: -24px
}

.buttonContainer-2mjbvo {
    margin-left: -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
}

.buttonContainer-2mjbvo.compact-vpyNGV {
    padding-left: 30px
}

.buttonContainer-2mjbvo .footerAction-cEV-Po {
    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;
    vertical-align: center
}

.buttonContainer-2mjbvo .footerAction-cEV-Po .footerIcon-3nJDhW {
    vertical-align: center;
    margin-right: 4px
}

.buttonStyle-2G7YQ- {
    padding: 2px 8px
}

.dot-KVehus {
    width: 4px;
    height: 4px;
    background-color: var(--background-modifier-accent);
    border-radius: 50%
}

.channelNameChange-3n17Mf {
    color: var(--header-primary)
}

.messageContent-1Fsg8d {
    display: inline-block
}

.alertIcon-3Fq0Br {
    color: var(--text-warning);
    width: 16px;
    height: 16px
}

.live-1V2D-f {
    padding: 0 6px;
    font-weight: 600
}

.liveShapeRound-2Tgi2d {
    border-radius: 16px
}

.liveShapeRoundLeft-3LPn8Z {
    border-radius: 16px 0 0 16px
}

.liveShapeRoundRight-1ifBrO {
    border-radius: 0 16px 16px 0
}

.grey-2YX0KV {
    background-color: var(--interactive-muted);
    color: var(--interactive-normal)
}

.liveLarge-IxMVzY {
    font-size: 14px;
    line-height: 16px
}

.liveSmall-1Urjcy {
    font-size: 12px;
    line-height: 16px
}

.iconContainer-3xVHDz {
    width: 40px;
    margin-right: 16px
}

.inviteHeader-12XrjR {
    font-weight: 600
}

.inviteContent-TyWhki,
.inviteHeader-12XrjR {
    color: var(--header-primary)
}

.content-3yewlI {
    margin-bottom: .125rem
}

.inviteButton-LDORlJ {
    margin-top: 8px
}

.manageMessageRow-2bP2vj {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dot-3Wd629 {
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: var(--text-muted);
    margin: 0 4px
}

.compact-3fzSa- {
    padding-left: 32px
}

.compact-3fzSa- .inviteLink-2S5Bcg {
    color: var(--text-link)
}

.icon-Lf4Ztd {
    height: 1.125rem;
    width: 1.125rem
}

.icon-286i6j {
    height: 1.125rem;
    width: 1.125rem
}

.iconWrapper-2_IMdZ {
    width: 1rem;
    height: 1rem
}

.icon-3rP0j7 {
    width: 100%;
    height: 100%;
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.icon-3rP0j7,
.message-XB61Zl {
    cursor: pointer
}

.cannon-c47sK_,
.cannonWrapper-2iHppQ {
    position: absolute;
    width: 100%;
    height: 100%
}

.easterEggAnimation-3_n9ba {
    position: absolute;
    width: 196px;
    height: 196px
}

.easterEggAnimationTopLeft-QLtbyE {
    top: 0;
    left: 0;
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.easterEggAnimationTopRight-_-UkwZ {
    top: 0;
    right: 0;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.easterEggAnimationBottomLeft-251zKd {
    bottom: 0;
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.easterEggAnimationBottomRight-3xqKZF {
    bottom: 0;
    right: 0
}

.easterEggAnimationHideLeaf-2rvhW8 .userPremiumGuildSubscriptionLeaf,
.easterEggAnimationHideLeaf-2rvhW8 .userPremiumGuildSubscriptionLeafParent {
    visibility: hidden
}

.container-eWmpDZ {
    max-width: 350px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.tooltip-1T4pLi {
    -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-r3VntW {
    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-3Nz8C0 {
    cursor: pointer
}

.mention-35-Dhb {
    background: none;
    padding: 0
}

.spinner-3E1Ukp {
    width: 16px;
    height: 16px
}

.ephemeral-2nDdnn {
    position: relative;
    background-color: var(--brand-experiment-05a)
}

.automodMessage-265YwJ {
    background-color: var(--background-message-automod)
}

.mentioned-Tre-dv {
    position: relative;
    background-color: var(--background-mentioned)
}

.replying-eZ7p5z {
    position: relative;
    background-color: var(--brand-experiment-05a)
}

.automodMessage-265YwJ:before,
.ephemeral-2nDdnn:before,
.mentioned-Tre-dv:before,
.replying-eZ7p5z:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
    width: 2px
}

.ephemeral-2nDdnn:before {
    background-color: var(--brand-experiment)
}

.automodMessage-265YwJ:before {
    background-color: var(--text-danger)
}

.mentioned-Tre-dv:before {
    background-color: var(--info-warning-foreground)
}

.replying-eZ7p5z:before {
    background-color: var(--brand-experiment)
}

.messageListItem-ZZ7v6g {
    outline: none
}

.message-2CShn3 {
    padding-right: 48px !important
}

.message-2CShn3.selected-2LX7Jy,
.mouse-mode.full-motion .message-2CShn3:hover {
    background-color: var(--background-message-hover)
}

.message-2CShn3.mentioned-Tre-dv.selected-2LX7Jy,
.mouse-mode.full-motion .mentioned-Tre-dv:hover {
    background-color: var(--background-mentioned-hover)
}

.message-2CShn3.ephemeral-2nDdnn.selected-2LX7Jy,
.mouse-mode.full-motion .ephemeral-2nDdnn:hover {
    background-color: var(--brand-experiment-10a)
}

.message-2CShn3.automodMessage-265YwJ.selected-2LX7Jy,
.mouse-mode.full-motion .automodMessage-265YwJ:hover {
    background-color: var(--background-message-automod-hover)
}

.message-2CShn3.replying-eZ7p5z.selected-2LX7Jy,
.mouse-mode.full-motion .replying-eZ7p5z:hover {
    background-color: var(--brand-experiment-10a)
}

.quotedChatMessage-PxNsZi {
    position: relative
}

.jump-1vIlrw {
    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-PxNsZi:hover .jump-1vIlrw {
    display: block
}

.jump-1vIlrw:hover {
    color: var(--interactive-hover)
}

.jump-1vIlrw:active {
    color: var(--interactive-active);
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}

.buttons-3dF5Kd {
    opacity: 0;
    pointer-events: none
}

.message-2CShn3.selected-2LX7Jy .buttons-3dF5Kd,
.mouse-mode .message-2CShn3:hover .buttons-3dF5Kd {
    opacity: 1;
    pointer-events: auto
}

.cozyMessage-1DWF9U.groupStart-3Mlgv1 {
    min-height: 2.75rem
}

.systemMessage-1H1Z20.groupStart-3Mlgv1 {
    min-height: 1.375rem
}

.backgroundFlash-1X5jVs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.channelTextArea-220_Gz {
    margin-top: 8px
}

.divider-IqmEqJ {
    margin-left: 1rem;
    margin-right: .875rem
}

.disableInteraction-25fleg:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.theme-dark .mentioned-Tre-dv .mention.interactive:hover,
.theme-light .mentioned-Tre-dv .mention.interactive:hover {
    text-decoration: underline
}

.group-spacing-0 .groupStart-3Mlgv1 {
    margin-top: .0625rem
}

.group-spacing-0 .divider-IqmEqJ {
    margin-top: 0;
    margin-bottom: -1px
}

.group-spacing-0 .divider-IqmEqJ.hasContent-1y12-u {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.group-spacing-4 .groupStart-3Mlgv1 {
    margin-top: .3125rem
}

.group-spacing-4 .divider-IqmEqJ {
    margin-top: -1px;
    margin-bottom: 0
}

.group-spacing-4 .divider-IqmEqJ.beforeGroup-1BvJAt {
    margin-bottom: -1px;
    margin-top: 0;
    top: .125rem
}

.group-spacing-4 .divider-IqmEqJ.hasContent-1y12-u {
    margin-top: 1.5rem;
    margin-bottom: 1.25rem
}

.group-spacing-8 .groupStart-3Mlgv1 {
    margin-top: .5625rem
}

.group-spacing-8 .divider-IqmEqJ {
    margin-top: 2px;
    margin-bottom: 2px
}

.group-spacing-8 .divider-IqmEqJ.beforeGroup-1BvJAt {
    margin-bottom: -1px;
    margin-top: 0;
    top: .25rem
}

.group-spacing-8 .divider-IqmEqJ.hasContent-1y12-u {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

.group-spacing-16 .groupStart-3Mlgv1 {
    margin-top: 1.0625rem
}

.group-spacing-16 .divider-IqmEqJ {
    margin-top: 4px;
    margin-bottom: 4px
}

.group-spacing-16 .divider-IqmEqJ.beforeGroup-1BvJAt {
    margin-bottom: -1px;
    margin-top: 0;
    top: .5rem
}

.group-spacing-16 .divider-IqmEqJ.hasContent-1y12-u {
    margin-top: 1.5rem;
    margin-bottom: .5rem
}

.group-spacing-24 .groupStart-3Mlgv1 {
    margin-top: 1.5625rem
}

.group-spacing-24 .divider-IqmEqJ {
    margin-top: 4px;
    margin-bottom: 4px
}

.group-spacing-24 .divider-IqmEqJ.beforeGroup-1BvJAt {
    margin-bottom: -1px;
    margin-top: 0;
    top: .75rem
}

.group-spacing-24 .divider-IqmEqJ.hasContent-1y12-u {
    margin-top: 1.5rem;
    margin-bottom: 0
}

.backgroundFlash-1X5jVs .groupStart-3Mlgv1 {
    margin-top: 0 !important
}

.interactionSending-3fE-1R {
    opacity: .5
}

.modal-1BOZjO {
    width: 600px
}

.content-rziwi1 {
    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-78WY1i {
    margin-top: 16px;
    width: 100%
}

.modalHeader-320BAX {
    text-align: center;
    margin-top: 32px
}

.messageFormItem-2HHyvW {
    width: 100%
}

.message-3lyqDR {
    position: relative;
    border-radius: 4px;
    border: 1px solid var(--background-tertiary);
    background-color: var(--background-secondary);
    max-height: 200px
}

.successModal-2_W3N4 {
    min-width: 600px
}

.successModalContent-1Tlr1O {
    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-15ofC- {
    margin-top: 8px;
    margin-bottom: 30px
}

.footer-1rifwV {
    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-2c4IqB {
    margin-top: 8px
}

.descriptionError-1nEuUh {
    color: var(--status-danger)
}

.pro-3GwLMX {
    text-transform: uppercase
}

.tip-Jl__cG {
    line-height: 16px;
    opacity: .6
}

.block-3Xiiq7 .pro-3GwLMX,
.block-3Xiiq7 .tip-Jl__cG,
.tip-Jl__cG {
    font-size: 14px
}

.inline-1zjmuk .pro-3GwLMX,
.inline-1zjmuk .tip-Jl__cG {
    font-size: 12px;
    display: inline
}

.inline-1zjmuk .pro-3GwLMX {
    margin-right: 3px
}

.enable-forced-colors .tip-Jl__cG {
    opacity: 1
}

.wrapper-2olG5t {
    display: inline-block;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: var(--status-danger);
    -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
}

.result-u66Ywh {
    position: relative;
    border-radius: 3px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
    height: 34px
}

.result-u66Ywh[aria-selected=true] {
    background: var(--background-modifier-selected)
}

.content-vQY7Mf {
    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-17ewQQ {
    color: var(--interactive-normal)
}

.contentUnread-1_MVDK {
    color: var(--header-primary)
}

.iconContainer-XRODjt {
    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-1-CZVH,
.iconContainer-XRODjt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.gameIconSize-w0budQ {
    width: 20px;
    height: 20px
}

.icon-12xJtb {
    display: block;
    color: var(--interactive-normal)
}

.name-3qeTY- {
    -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-XwBATi,
.name-3qeTY- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.misc-XwBATi {
    -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-20K5f5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.badge-3k1jbq,
.match-20K5f5 {
    margin-right: 4px
}

.note-OhIxFa {
    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-wzYIu4 {
    font-weight: 300;
    opacity: .6
}

.header-1ZpMzy {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .025em;
    font-weight: 600;
    line-height: 30px;
    margin-top: 4px;
    color: var(--interactive-normal)
}

.dmIconContainer-3Ohx2- .guildIcon-3KhGrJ,
.guildIconContainer-14mmC9 .guildIcon-3KhGrJ {
    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-sfatEO {
    width: 20px !important;
    height: 20px !important
}

.score-2C9f8g {
    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
}

.enable-forced-colors .result-u66Ywh[aria-selected=true] {
    outline: 2px solid Highlight;
    outline-offset: -2px
}

.tutorial-1iwync {
    position: absolute;
    top: -70px;
    left: -60px;
    right: -60px;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.tutorial-1iwync.shown-3xYY-c {
    opacity: 1
}

.arrowGroup-25Wc10 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.arrowGroup-25Wc10.right-1lhXXM {
    right: 0;
    left: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.arrowContainer-27wMq6 {
    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-3cO73u {
    top: 118px;
    -webkit-transition: none;
    transition: none
}

.diag1-3V_h6u {
    -webkit-transform: translate3d(10px, 24px, 0) rotate(40deg);
    transform: translate3d(10px, 24px, 0) rotate(40deg)
}

.diag2-2l5uB5 {
    -webkit-transform: translate3d(85px, 0, 0) rotate(70deg);
    transform: translate3d(85px, 0, 0) rotate(70deg)
}

.arrowIcon-3Q91hj {
    -webkit-animation: arrow-pulse-12clTO .82s ease-in-out infinite;
    animation: arrow-pulse-12clTO .82s ease-in-out infinite
}

.tutorialMessages-3zmloc {
    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-wB3GWa {
    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-34gRrG {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.selectMessage-3GMER2 {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.hasQuery-2KhRFl .diag1-3V_h6u,
.hasQuery-2KhRFl .diag2-2l5uB5 {
    opacity: 0
}

.hasQuery-2KhRFl .diag1-3V_h6u {
    -webkit-transform: translate3d(0, 12px, 0) rotate(40deg);
    transform: translate3d(0, 12px, 0) rotate(40deg)
}

.hasQuery-2KhRFl .diag2-2l5uB5 {
    -webkit-transform: translate3d(85px, -10px, 0) rotate(70deg);
    transform: translate3d(85px, -10px, 0) rotate(70deg)
}

.hasQuery-2KhRFl .searchMessage-34gRrG {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.hasQuery-2KhRFl .selectMessage-3GMER2 {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes arrow-pulse-12clTO {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0)
    }
}

@keyframes arrow-pulse-12clTO {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0)
    }
}

.container-qBnZJg {
    width: 570px;
    height: 365px;
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.quickswitcher-pKcM9U {
    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-pKcM9U,
.quickswitcher-pKcM9U * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.input-3r5zZY {
    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-3r5zZY::-webkit-input-placeholder {
    color: var(--deprecated-quickswitcher-input-placeholder)
}

.input-3r5zZY::-moz-placeholder {
    color: var(--deprecated-quickswitcher-input-placeholder)
}

.input-3r5zZY:-ms-input-placeholder {
    color: var(--deprecated-quickswitcher-input-placeholder)
}

.input-3r5zZY::placeholder {
    color: var(--deprecated-quickswitcher-input-placeholder)
}

.autocompleteQuerySymbol-1iAOG7 {
    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-2qwVWY {
    z-index: 0;
    margin-right: -17px;
    margin-top: -5px;
    max-height: 236px;
    background-color: var(--background-secondary)
}

.scroller-2qwVWY::-webkit-scrollbar-track {
    background-color: var(--background-secondary-alt) !important
}

.protip-1jXzAl {
    padding: 10px 0;
    border-top: 1px solid var(--background-modifier-accent)
}

.emptyState-1OLqEw {
    padding-top: 150px;
    padding-bottom: 20px;
    background: no-repeat 50% 20px;
    text-align: center;
    font-weight: 500
}

.emptyStateNote-3W5lug {
    font-size: 16px;
    line-height: 20px;
    color: var(--text-muted)
}

.emptyStateCTA-206J-N {
    font-size: 14px;
    line-height: 16px;
    opacity: .6
}

.emptyStateCTA-206J-N:hover {
    opacity: 1
}

.miscContainer-33U-X- {
    font-weight: 500;
    opacity: .6;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.theme-dark .emptyState-1OLqEw {
    background-image: url(/assets/e61baf173edfbd88037ecdd2c793834e.svg)
}

.theme-light .emptyState-1OLqEw {
    background-image: url(/assets/42ef570609616c81cc9f7159e08b1353.svg)
}

.enable-forced-colors .input-3r5zZY {
    border: 1px solid ButtonText
}

.enable-forced-colors .input-3r5zZY:focus {
    border-color: Highlight
}

.enable-forced-colors .miscContainer-33U-X- {
    opacity: 1
}

.verification-2oQUwN {
    width: 100%;
    height: 100%;
    background-color: var(--background-primary)
}

.container-1Yj1aL {
    width: 500px
}

.image-cLINxN {
    width: 400px;
    height: 300px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50%
}

.title-rdZnFE {
    font-size: 24px;
    line-height: 30px
}

.body-2IbMjQ,
.title-rdZnFE {
    text-align: center
}

.body-2IbMjQ {
    font-size: 16px;
    line-height: 24px
}

.footer-3YDDp6 {
    font-size: 14px;
    text-align: center;
    line-height: 18px
}

.footerBullet-2Wt9qK {
    opacity: .3
}

.footerAction-15BmNc {
    font-weight: 600;
    margin-left: 12px;
    margin-right: 12px
}

.logoutButton-2NYE-4 {
    position: relative;
    bottom: 40px
}

.verificationBlock-xhj3fR {
    border-radius: 3px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer
}

.verificationBlock-xhj3fR .image-cLINxN {
    width: 180px;
    height: 160px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50%
}

.verificationBlock-xhj3fR .body-2IbMjQ {
    text-transform: uppercase
}

.theme-light .verification-2oQUwN .image-cLINxN {
    background-image: url(/assets/99b4e2a4b65960511001b49b9a019e7f.svg)
}

.theme-light .verification-2oQUwN .title-rdZnFE {
    color: #4f545c
}

.theme-light .verification-2oQUwN .body-2IbMjQ,
.theme-light .verification-2oQUwN .footer-3YDDp6 {
    color: #72767d
}

.theme-light .verificationBlock-xhj3fR {
    border: 1px solid #b9bbbe
}

.theme-light .verificationBlock-xhj3fR:hover {
    background-color: #f6f6f7
}

.theme-light .verificationBlock-xhj3fR .image-cLINxN.email-1Zyyoj {
    background-image: url(/assets/849927c9fad5972b8c02891fa64850f3.svg)
}

.theme-light .verificationBlock-xhj3fR .image-cLINxN.phone-2wue_- {
    background-image: url(/assets/80d54b21bc78a138787d5d27ec3e29ea.svg)
}

.theme-light .verificationBlock-xhj3fR .body-2IbMjQ {
    color: #72767d
}

.theme-dark .verification-2oQUwN .image-cLINxN {
    background-image: url(/assets/d5bd759fc308772cbf277188cabdcc8f.svg)
}

.theme-dark .verification-2oQUwN .title-rdZnFE {
    color: #fff
}

.theme-dark .verification-2oQUwN .body-2IbMjQ,
.theme-dark .verification-2oQUwN .footer-3YDDp6 {
    color: #b9bbbe
}

.theme-dark .verificationBlock-xhj3fR {
    border: 1px solid #202225
}

.theme-dark .verificationBlock-xhj3fR:hover {
    background-color: #202225
}

.theme-dark .verificationBlock-xhj3fR .image-cLINxN.email-1Zyyoj {
    background-image: url(/assets/ad21e9327e71ab990fd1d7fb8cea66fc.svg)
}

.theme-dark .verificationBlock-xhj3fR .image-cLINxN.phone-2wue_- {
    background-image: url(/assets/0eeb095cd923afdf420687347dc673ff.svg)
}

.theme-dark .verificationBlock-xhj3fR .body-2IbMjQ {
    color: #b9bbbe
}

.emailVerificationModal-D8InhA {
    position: relative;
    width: 440px;
    padding: 20px
}

.emailVerificationModal-D8InhA .animationContainer-3up1Cs {
    position: absolute;
    top: -150px;
    left: 90px;
    right: 90px
}

.emailVerificationModal-D8InhA .title-3Z7qoP {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin-top: 100px;
    color: var(--header-primary)
}

.emailVerificationModal-D8InhA .body-2WAVf7 {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: var(--header-secondary)
}

.emailVerificationModal-D8InhA .container-MI32-l {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.emailVerificationModal-D8InhA .fullWidthButton-1J7Jyq {
    width: 100%
}

.card-18Ghqw {
    padding: 10px
}

.warning-1pwRIj {
    color: #fff
}

.phoneField-3NAPDv {
    border-radius: 5px;
    padding: 2px;
    position: relative;
    background-color: var(--input-background);
    border: 1px solid var(--deprecated-text-input-border)
}

.phoneField-3NAPDv .countryButton-1cNDvB {
    height: 32px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 3px;
    margin: 4px
}

.phoneField-3NAPDv .countryButtonInner-1o5lfS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.phoneField-3NAPDv .countryCodeContainer-31fe5z {
    padding-left: 4px;
    padding-right: 4px
}

.phoneField-3NAPDv .plusSign-1BkjXr {
    margin-right: 2px;
    color: #fff
}

.phoneField-3NAPDv .countryCode-2RFA3i {
    text-align: center;
    color: #fff
}

.phoneField-3NAPDv .phoneFieldExpand-1CqrEb {
    stroke: #fff
}

.phoneField-3NAPDv .inputField-1iYysB {
    background-color: var(--input-background);
    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-3NAPDv .sendButton-3xHNhl {
    margin-right: 4px
}

.phoneVerificationModal-3OHeBt {
    position: relative;
    width: 440px;
    min-height: 252px;
    padding: 16px
}

.phoneVerificationModal-3OHeBt .animationContainer-2Fe_Bk {
    position: absolute;
    top: -150px;
    left: 130px;
    right: 130px
}

.phoneVerificationModal-3OHeBt .title-2UGWXc {
    color: var(--header-primary);
    font-weight: 700;
    font-size: 20px;
    margin-top: auto;
    padding-top: 80px
}

.phoneVerificationModal-3OHeBt .description-krHRyL {
    color: var(--text-normal);
    font-size: 16px;
    text-align: center;
    line-height: 20px
}

.phoneVerificationModal-3OHeBt .description-krHRyL.error-UveTAg {
    color: var(--status-danger)
}

.phoneVerificationModal-3OHeBt .field-3rN-Ip {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.modal-2LBig1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 520px;
    border-radius: 5px;
    position: relative;
    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-3cY6S4 {
    margin: 32px 40px
}

.title-1ysNt8 {
    margin: 24px 40px;
    font-size: 14px;
    font-weight: 700;
    color: var(--brand-experiment-500);
    text-transform: uppercase
}

.description-ecPh_Q {
    font-size: 16px;
    margin: 20px 40px 0
}

.link-3PveBK {
    margin: 8px 0
}

.image-2otZoU {
    width: 250px
}

.buttonContainer-28osRq {
    background-color: #f9f9f9;
    padding-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.button-2Z42pt {
    margin: 20px 0
}

.theme-dark .description-ecPh_Q {
    color: #dcddde
}

.theme-dark .buttonContainer-28osRq {
    background-color: #2f3136
}

.theme-dark .title-1ysNt8 {
    color: #7984f5
}

.theme-dark .link-3PveBK>a {
    color: #00b0f4
}

.positioner-3J3rDD {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1000
}

.container-2mJgmC {
    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;
    max-width: 90vw;
    margin: auto auto 16px;
    padding: 16px;
    border-radius: 8px;
    background-color: var(--background-floating);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.bindName-36PDtF {
    font-weight: 600;
    margin-right: 8px
}

.bindName-36PDtF,
.shortcut-14rZrv {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.shortcut-14rZrv {
    margin: 0 2px
}

.separator-3DZNuG {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 600;
    margin: 0 12px;
    color: var(--text-normal)
}

.separator-3DZNuG:after {
    content: "\2022"
}

.content-i-YmzK {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px;
    border-radius: 8px
}


.contentNarrowWithMedia-2-d-Kz {
    width: 280px
}

.contentNarrowNoMedia-1240OZ {
    width: 280px
}

.contentWideWithMedia-1p8Y8j {
    width: 300px
}

.contentWideNoMedia-35VjDc {
    width: 300px
}

.theme-dark .content-i-YmzK {
    background-color: #18191c
}

.theme-dark .leftArrow-2gmK1H:before {
    border-right-color: #18191c
}

.theme-dark .rightArrow-3ywFUF:before {
    border-left-color: #18191c
}

.theme-dark .contentNarrowNoMedia-1240OZ.topArrow-2uZYE3:before,
.theme-dark .contentWideNoMedia-35VjDc.topArrow-2uZYE3:before {
    border-bottom-color: #fff
}

.theme-light.content-i-YmzK,
.theme-light .content-i-YmzK {
    background-color: #fff
}

.theme-light.contentWithMedia-2uVR1g,
.theme-light .contentWithMedia-2uVR1g {
    border: 1px solid rgba(185, 187, 190, .3)
}

.theme-light.leftArrow-2gmK1H:before,
.theme-light .leftArrow-2gmK1H:before {
    border-right-color: #fff
}

.theme-light.rightArrow-3ywFUF:before,
.theme-light .rightArrow-3ywFUF:before {
    border-left-color: #fff
}

.theme-light.contentNarrowMedia-3V8zZU.topArrow-2uZYE3:before,
.theme-light .contentNarrowNoMedia-1240OZ.topArrow-2uZYE3:before,
.theme-light.contentWideNoMedia-35VjDc.topArrow-2uZYE3:before,
.theme-light .contentWideNoMedia-35VjDc.topArrow-2uZYE3:before,
.theme-light.topArrow-2uZYE3:before,
.theme-light .topArrow-2uZYE3:before {
    border-bottom-color: #fff
}

.mediaContainer-n1-Z1t {
    position: absolute;
    top: -40px;
    width: calc(100% - 32px)
}

.background-1O4oOj {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.theme-dark .background-1O4oOj {
    color: #fff
}

.theme-light.background-1O4oOj,
.theme-light .background-1O4oOj {
    color: #000
}

.title-25RSW7 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 4px
}

.title-25RSW7,
.title-25RSW7 {
    color: var(--header-primary)
}

.titleCenter-uJNYxE {
    text-align: center
}

.titleLeft-165TUQ {
    text-align: left
}

.body-1V700N p,
div.body-1V700N,
p.body-1V700N {
    font-size: 14px;
    font-weight: 500;
    color: var(--header-secondary);
    line-height: 18px;
    margin-bottom: 16px;
    margin-top: 0
}

strong {
    font-weight: 600
}

.buttonSkipCenterAlign-3S-UYG,
.buttonSkipLeftAlign-2icbri {
    padding-left: 16px;
    padding-right: 16px;
    color: var(--text-muted)
}

.buttonSkipCenterAlign-3S-UYG {
    margin-left: 8px
}

.bodyCenter-Sk-P8H {
    text-align: center
}

.bodyLeft-1GdNll {
    text-align: left
}

.buttonContainer-2LQN58 {
    margin-top: 16px
}

.popoutRoot-3fOt6W {
    position: relative
}

.popoutRoot-3fOt6W.arrowAlignmentMiddle-SfK6qV:before,
.popoutRoot-3fOt6W.arrowAlignmentTop-3gRXIX:before {
    border: 8px solid transparent;
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    pointer-events: none
}

.popoutRoot-3fOt6W.top-SMUGQl.arrowAlignmentMiddle-SfK6qV:before,
.popoutRoot-3fOt6W.top-SMUGQl.arrowAlignmentTop-3gRXIX:before {
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top-color: #fff
}

.popoutRoot-3fOt6W.right-3CnzQw.arrowAlignmentTop-3gRXIX:before {
    top: 10px;
    right: 100%;
    border-right-color: #fff
}

.popoutRoot-3fOt6W.right-3CnzQw.arrowAlignmentMiddle-SfK6qV:before {
    top: 50%;
    right: 100%;
    margin-top: -16px;
    border-right-color: #fff
}

.popoutRoot-3fOt6W.left-luCsVo.arrowAlignmentTop-3gRXIX:before {
    top: 10px;
    left: 100%;
    border-left-color: #fff
}

.popoutRoot-3fOt6W.left-luCsVo.arrowAlignmentMiddle-SfK6qV:before {
    top: 50%;
    left: 100%;
    margin-top: -16px;
    border-left-color: #fff
}

.popoutRoot-3fOt6W.bottom-3vq-4j.arrowAlignmentMiddle-SfK6qV:before,
.popoutRoot-3fOt6W.bottom-3vq-4j.arrowAlignmentTop-3gRXIX:before {
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom-color: #fff
}

.container-2r4esV {
    position: relative;
    top: -10px
}

.container-3oXp4E {
    position: relative;
    top: 10px
}

.container-3RJy1m {
    position: relative
}

.personAvatar-3tDpfn {
    margin-top: 20px
}

.guildAvatar-2xCyCP {
    margin-top: -38px;
    margin-left: 193px
}

.illustration-1cM7Vb {
    position: absolute;
    top: 0;
    left: 50px
}

.avatarSizeOverride-3vcGGb {
    width: 60px !important;
    height: 60px !important
}

.icon-1bRUm1 {
    margin: 0 2px 4px;
    vertical-align: middle
}

.voiceConversationsTitle-axsckR {
    margin-top: 32px
}

.writingMessagesTitle-JxxrEX {
    margin-top: 44px
}

.organizeByTopicTitle-LyZMma {
    margin-top: 40px
}

.voiceChannelsTitle-ATvRGl {
    margin-top: 24px
}

.channelsTitle-V8l8fA {
    margin-top: 90px
}

.indicator-3ooDIE {
    position: absolute;
    z-index: 999;
    pointer-events: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.animationContainer-2xY9Xn {
    position: relative;
    width: 36px;
    height: 36px;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.animationContainer-2xY9Xn.animating-31J-sy {
    opacity: 1
}

.animationContainer-2xY9Xn.notAnimating-1VGLJG {
    opacity: 0
}

.top-1E4jXq {
    position: absolute;
    background: url(/assets/d54b57e679714330982ff702e8f7f545.svg) 50% no-repeat;
    background-size: contain;
    width: 9px;
    height: 22px;
    left: 18.5px;
    top: -10px
}

.top-1E4jXq.animating-31J-sy {
    -webkit-animation: exclaim-loop-oqpIqG 1.5s ease-in-out infinite forwards;
    animation: exclaim-loop-oqpIqG 1.5s ease-in-out infinite forwards
}

.top-1E4jXq.notAnimating-1VGLJG {
    -webkit-animation: quick-fade-out-UWixG9 .2s forwards;
    animation: quick-fade-out-UWixG9 .2s forwards
}

.bottom-mTAaQv {
    position: absolute;
    background: url(/assets/b48ae9414698d83a5c39784b21a05547.svg) 50% no-repeat;
    background-size: contain;
    width: 8px;
    height: 8px;
    left: 14px;
    top: 14px
}

.bottom-mTAaQv.animating-31J-sy {
    -webkit-animation: dot-loop-2RbJY7 1.5s ease-in-out infinite forwards;
    animation: dot-loop-2RbJY7 1.5s ease-in-out infinite forwards
}

.bottom-mTAaQv.notAnimating-1VGLJG {
    -webkit-animation: quick-fade-out-UWixG9 .2s forwards;
    animation: quick-fade-out-UWixG9 .2s forwards
}

.innerCircle-2vFML8 {
    opacity: .1;
    position: absolute;
    background: url(/assets/e2eb5f84f9f23d1abea5eae9987c0aa0.svg) 50% no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    top: 3px;
    left: 3px
}

.innerCircle-2vFML8.animating-31J-sy {
    opacity: .1;
    -webkit-animation: inner-circle-loop-3au2KS 1.5s infinite;
    animation: inner-circle-loop-3au2KS 1.5s infinite
}

.innerCircle-2vFML8.animating-31J-sy.highPriority-1YPzHS {
    -webkit-animation: inner-circle-loop-high-priority-18Cy96 1.5s infinite;
    animation: inner-circle-loop-high-priority-18Cy96 1.5s infinite
}

.innerCircle-2vFML8.notAnimating-1VGLJG {
    -webkit-animation: quick-fade-out-UWixG9 .2s forwards;
    animation: quick-fade-out-UWixG9 .2s forwards
}

.outerCircle-q_oMEZ {
    opacity: .1;
    position: absolute;
    background: url(/assets/0d04b819030111d1e27214be2bbe326b.svg) 50% no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px
}

.outerCircle-q_oMEZ.animating-31J-sy {
    opacity: 0;
    -webkit-animation: outer-circle-loop-hX_mDE 1.5s infinite;
    animation: outer-circle-loop-hX_mDE 1.5s infinite
}

.outerCircle-q_oMEZ.animating-31J-sy.highPriority-1YPzHS {
    -webkit-animation: outer-circle-loop-high-priority-1Z32o- 1.5s infinite;
    animation: outer-circle-loop-high-priority-1Z32o- 1.5s infinite
}

.outerCircle-q_oMEZ.notAnimating-1VGLJG {
    -webkit-animation: quick-fade-out-UWixG9 .2s forwards;
    animation: quick-fade-out-UWixG9 .2s forwards
}

@-webkit-keyframes exclaim-loop-oqpIqG {
    0% {
        top: -10px
    }

    21% {
        top: -14px
    }

    46%,
    51% {
        top: -10px
    }

    72% {
        top: -14px
    }

    to {
        top: -10px
    }
}

@keyframes exclaim-loop-oqpIqG {
    0% {
        top: -10px
    }

    21% {
        top: -14px
    }

    46%,
    51% {
        top: -10px
    }

    72% {
        top: -14px
    }

    to {
        top: -10px
    }
}

@-webkit-keyframes dot-loop-2RbJY7 {
    0% {
        top: 14px
    }

    19% {
        top: 9px
    }

    44%,
    49% {
        top: 14px
    }

    70% {
        top: 9px
    }

    95%,
    to {
        top: 14px
    }
}

@keyframes dot-loop-2RbJY7 {
    0% {
        top: 14px
    }

    19% {
        top: 9px
    }

    44%,
    49% {
        top: 14px
    }

    70% {
        top: 9px
    }

    95%,
    to {
        top: 14px
    }
}

@-webkit-keyframes inner-circle-loop-3au2KS {
    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-3au2KS {
    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-hX_mDE {
    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-hX_mDE {
    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-18Cy96 {
    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-18Cy96 {
    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-1Z32o- {
    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-1Z32o- {
    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-UWixG9 {
    to {
        opacity: 0
    }
}

@keyframes quick-fade-out-UWixG9 {
    to {
        opacity: 0
    }
}

.container-3XgAHv {
    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;
    width: 400px;
    min-width: 400px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    background: var(--background-primary)
}

.floating-3M3WeH {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    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 hsla(0, 0%, 0%, .32))
}

.notFloating-cIl-vp {
    display: none
}

.resizeHandle-PBRzPC {
    cursor: ew-resize;
    height: 100%;
    width: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.chatTarget-3H6mpC {
    background-color: var(--background-tertiary)
}

.chatLayerWrapper-2mgEK- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: auto;
    position: absolute;
    top: 0;
    right: 0
}

.wrapper-5BaSTh {
    width: 100%;
    height: 100%;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto
}

.image-20MDYu {
    background-size: 100% 100%
}

.title-2CL_z0 {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    text-transform: uppercase
}

.text-27cdrj,
.title-2CL_z0 {
    text-align: center;
    color: var(--text-muted)
}

.text-27cdrj {
    font-size: 16px;
    line-height: 20px
}

.noChannel-1GDIAZ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

@-webkit-keyframes uploadIconAnimateInLeft-18-7XG {
    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-18-7XG {
    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-TTp5Cg {
    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-TTp5Cg {
    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-3zrvNl {
    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-3zrvNl {
    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-2iwdEg {

    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-2iwdEg {

    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-3n1jvq {

    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-3n1jvq {

    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-wknU3L {
    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-wknU3L {
    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-12JH4d {
    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-12JH4d {
    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-2Nu_Vc {
    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-2Nu_Vc strong {
    font-weight: 700
}

.uploadArea-2Nu_Vc * {
    pointer-events: none
}

.uploadArea-2Nu_Vc.droppable-hM-pBE {
    visibility: visible
}

.uploadArea-2Nu_Vc.uploadModalIn-2w48Zf {
    opacity: 1
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 {
    -webkit-animation: uploadIconAnimateIn-3ZclN1 .25s ease-in-out 0s normal forwards;
    animation: uploadIconAnimateIn-3ZclN1 .25s ease-in-out 0s normal forwards;
    width: 310px;
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .icon-HW4tZ-.one-NzgGbt {
    -webkit-animation: uploadIconAnimateInLeft-18-7XG .8s ease 0s normal forwards;
    animation: uploadIconAnimateInLeft-18-7XG .8s ease 0s normal forwards
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .icon-HW4tZ-.two-1t2_74 {
    -webkit-animation: uploadIconAnimateInMiddle-TTp5Cg .8s ease 0s normal forwards;
    animation: uploadIconAnimateInMiddle-TTp5Cg .8s ease 0s normal forwards
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .icon-HW4tZ-.three-fZYihQ {
    -webkit-animation: uploadIconAnimateInRight-3zrvNl .8s ease 0s normal forwards;
    animation: uploadIconAnimateInRight-3zrvNl .8s ease 0s normal forwards
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .instructions-272j2A,
.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .title-3ChJ_v {
    opacity: 0;
    -webkit-animation: uploadTextFadeIn-3n1jvq 1s ease .175s normal forwards;
    animation: uploadTextFadeIn-3n1jvq 1s ease .175s normal forwards
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .instructions-272j2A {
    -webkit-animation-delay: .185s;
    animation-delay: .185s;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20.error-3lNz4C {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%);
    -webkit-animation: uploadModalShake-2iwdEg .82s cubic-bezier(.36, .07, .19, .97) both;
    animation: uploadModalShake-2iwdEg .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-2w48Zf .uploadDropModal-13Kd20.error-3lNz4C .instructions-272j2A {
    margin-bottom: 15px
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20.error-3lNz4C a {
    cursor: pointer;
    color: hsla(0, 0%, 100%, .7)
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20.error-3lNz4C a:hover {
    color: #fff
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20.error-3lNz4C .icon-HW4tZ-.one-NzgGbt {
    -webkit-animation-delay: .115s;
    animation-delay: .115s
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20.error-3lNz4C .icon-HW4tZ-.two-1t2_74 {
    -webkit-animation-delay: .01s;
    animation-delay: .01s
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20.error-3lNz4C .icon-HW4tZ-.three-fZYihQ {
    -webkit-animation-delay: .08s;
    animation-delay: .08s
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .bgScale-1iWuPF {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 10px;
    background: var(--brand-experiment);
    -webkit-animation: uploadModalBounce-12JH4d .8s ease 0s normal forwards;
    animation: uploadModalBounce-12JH4d .8s ease 0s normal forwards
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS {
    -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-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .title-3ChJ_v {
    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-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .title-3ChJ_v strong {
    color: #fff
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .instructions-272j2A {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
    color: #fff
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .icons-1UZPvE {
    position: relative;
    width: 100px;
    height: 60px
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .wrapOne-2VKwBJ {
    -webkit-transform: translate3d(0, -70px, 0);
    transform: translate3d(0, -70px, 0)
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .wrapTwo-3T9wbh {
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0)
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .wrapThree-3wCMkN {
    -webkit-transform: translate3d(0, -70px, 0);
    transform: translate3d(0, -70px, 0)
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .icon-HW4tZ- {
    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-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .icon-HW4tZ-.one-NzgGbt {
    opacity: 0
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .icon-HW4tZ-.two-1t2_74 {
    -webkit-filter: drop-shadow(0 0 48px rgba(88, 101, 242, .5));
    filter: drop-shadow(0 0 48px rgba(88, 101, 242, .5))
}

.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .icon-HW4tZ-.three-fZYihQ {
    opacity: 0
}

.document-1u6V3N {
    background-image: url(/assets/515d0236bce3ba834026209dc78489f0.svg)
}

.image-2ssF8k {
    background-image: url(/assets/a532e755c36b75762a75ff0794456efb.svg)
}

.code-rRQnfi {
    background-image: url(/assets/35827c42a3af54bd169cff0a866eb428.svg)
}

.crossOne-thyRJE,
.crossTwo-1iQdhQ,
.lightOne-14Y4Mp,
.lightTwo-22kK5G,
.popOne-DQdCoi,
.sparkleOne-1irkHJ,
.sparkleTwo-XoWERM {
    opacity: .95;
    z-index: 1;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
}

.sparkleOne-1irkHJ {
    bottom: -40px;
    right: -15px
}

.sparkleTwo-XoWERM {
    top: -67px;
    right: 12px;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.lightOne-14Y4Mp {
    top: 24px;
    right: -35px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.lightTwo-22kK5G {
    top: -32px;
    left: -10px;
    -webkit-animation-delay: .61s;
    animation-delay: .61s
}

.crossOne-thyRJE {
    right: 100px;
    bottom: -35px;
    -webkit-animation-delay: .56s;
    animation-delay: .56s
}

.crossTwo-1iQdhQ {
    left: -70px;
    bottom: 50px;
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.popOne-DQdCoi {
    bottom: -40px;
    left: 50px;
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.uploadModal-2ie9O_ {
    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-2ie9O_ .inner-rBP-MS {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 4px;
    color: var(--header-primary)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR {
    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-2ie9O_ .inner-rBP-MS .file-163EuR.expandable-2-lrzP {
    height: unset;
    display: block
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR.expandable-2-lrzP .description-2AJi-V {
    padding: 16px 16px 24px
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ- {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100px;
    height: 130px;
    margin-top: -42px;
    background-repeat: no-repeat;
    background-position: 50%
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.image-2ssF8k {
    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-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.video-L7uQxc {
    background-image: url(/assets/7252adb1cdb9603a49ce1bab7c3c41e7.svg)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.acrobat-2-m_um {
    background-image: url(/assets/325421cb49d6e0717b8c7b9dfa2d4bdc.svg)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.ae-1bPydY {
    background-image: url(/assets/5acc0abb7cbb015848085fc0993142bf.svg)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.sketch-t3m6M1 {
    background-image: url(/assets/a4389a7644d1ec25e7132159b71c5175.svg)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.ai-1QhRgT {
    background-image: url(/assets/ad55c3f2f2354618478e36f2a10f2ea3.svg)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.archive-2bNoJA {
    background-image: url(/assets/157ccfe93c91db60adddd48a75b69205.svg)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.code-rRQnfi {
    background-image: url(/assets/35827c42a3af54bd169cff0a866eb428.svg)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.document-1u6V3N {
    background-image: url(/assets/515d0236bce3ba834026209dc78489f0.svg)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.photoshop-LN9Et_,
.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.ps-1C6rg4 {
    background-image: url(/assets/9655e45a31ab290cf812ba2de902f232.svg)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.spreadsheet-1wEQpO {
    background-image: url(/assets/c1ebd9af7ce0a639af9d99b4980bda13.svg)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.webcode-18ObW7 {
    background-image: url(/assets/6b35b41a1e3a8099667499b71414328b.svg)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.audio-YC1s9s {
    background-image: url(/assets/e83eaad3ae5c32a355b55f157e6cd3da.svg);
    margin: -42px 8px 8px
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.unknown-3ClW7Z {
    background-image: url(/assets/7b3a37fa249a857b0ff136db0a73f44c.svg)
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .description-2AJi-V {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 16px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .description-2AJi-V .filename-1r50Xu {
    font-size: 20px;
    font-weight: 700;
    height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .description-2AJi-V .subtitle-38Eluq {
    color: var(--header-secondary);
    font-size: 16px;
    line-height: 20px;
    margin-top: 4px
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .description-2AJi-V .filesize-3PiKAm {
    margin-top: 6px;
    font-size: 10px;
    opacity: .6
}

.uploadModal-2ie9O_ .inner-rBP-MS .comment-1kpwc5 {
    margin: 0 18px
}

.uploadModal-2ie9O_ .inner-rBP-MS .comment-1kpwc5 .label-21vOgf {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500
}

.uploadModal-2ie9O_ .inner-rBP-MS .comment-1kpwc5 .label-21vOgf .optional-2lmRBw {
    color: var(--header-secondary);
    margin-left: 5px
}

.uploadModal-2ie9O_ .inner-rBP-MS .channelTextAreaUpload-30SRDh {
    margin-bottom: 18px
}

.uploadModal-2ie9O_ .hasSpoilers-33hwf_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.uploadModal-2ie9O_ .footerRightAlign-3Xr2jN {
    margin-left: auto
}

.uploadModal-2ie9O_ .footer-VCsJQY {
    border-radius: 0 0 5px 5px;
    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;
    padding: 20px;
    z-index: 1;
    overflow-x: hidden
}

.uploadModal-2ie9O_ .footer-VCsJQY.hasSpoilers-33hwf_ {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cancelAllButton-2TbQSM {
    margin: 0 auto 0 0
}

.theme-dark .uploadModal-2ie9O_ {
    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-VCsJQY {
    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-2ie9O_ {
    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-VCsJQY {
    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-YLLTZP {
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

.destination-YLLTZP strong {
    color: var(--header-primary);
    font-weight: 500
}

.premiumPromo-2gqHS_ {
    -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-1rltH5,
.premiumPromo-2gqHS_ {
    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-1rltH5 {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    cursor: pointer;
    opacity: .6
}

.content-1rltH5:hover {
    opacity: 1
}

.content-1rltH5:hover .navArrow-8Suz_I {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0)
}

.navArrow-8Suz_I {
    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
}

.mask-3pLFcz {
    display: block
}

.icon-28xrhD {
    width: 32px;
    height: 32px
}

.icon-1kx1ir {
    color: var(--interactive-normal)
}

.wrapper-1wwiGV {
    border-radius: 8px;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.selectable-fgiA2c:hover {
    background-color: var(--background-modifier-hover)
}

.selectable-fgiA2c:hover .icon-1kx1ir {
    color: var(--interactive-hover)
}

.selected-3B2w1z,
.selected-3B2w1z:hover {
    background-color: var(--background-primary)
}

.selected-3B2w1z .icon-1kx1ir,
.selected-3B2w1z:hover .icon-1kx1ir {
    color: var(--interactive-active)
}

.theme-light .selected-3B2w1z .icon-1kx1ir,
.theme-light .selected-3B2w1z:hover .icon-1kx1ir {
    color: #4f5660
}

.wrapper-3SFU66 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.icon-2P5yLI,
.wrapper-3SFU66 {
    position: sticky
}

.icon-2P5yLI {
    padding: 10px 16px;
    top: 0
}

.menu-1dOGCq {
    min-width: 200px;
    max-width: none
}

.optionLabel-1o-h-l {
    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-1Ft8w0 {
    width: 24px;
    height: 24px
}

.optionName-1ebPjH {
    margin-left: 8px
}

.tipSubtext-qn0l_- {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tipIcon-24kLNQ {
    margin: 0 4px
}

.attachWrapper-3slhXI {
    position: sticky;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.attachButton-_ACFSu {
    height: 44px;
    padding: 10px 16px;
    position: sticky;
    top: 0
}

.attachButtonInner-2mwer8 {
    height: 24px
}

.attachButtonPlus-3IYelE {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 24px;
    height: 24px;
    fill: var(--interactive-normal)
}

.attachButton-_ACFSu:hover .attachButtonPlus-3IYelE {
    fill: var(--interactive-hover)
}

.attachButtonPlay-1ATmb5 {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.attachPopout-1EnBVV {
    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-3uEL0J {
    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-3uEL0J:hover {
    color: var(--interactive-hover);
    background-color: var(--background-modifier-hover)
}

.attachPopoutRowText-2ddQNp {
    margin-left: 8px
}

.attachPopoutIcon-1A4HiN {
    width: 24px;
    height: 24px
}

.uploadInput-YH_iku {
    position: relative;
    width: 0;
    height: 0;
    pointer-events: none
}

.autocomplete-3NRXG8 {
    border-radius: 5px 5px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 3
}

.autocompleteInner-y1mjDl {
    padding-bottom: 8px
}

.autocompleteRow-14iwvH {
    padding: 0 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500
}

.autocompleteRowHorizontal-dzpW0f {
    padding: 0
}

.autocompleteRowContent-1cjfD2 {
    -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-1kUW9H {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.autocompleteRowIcon-Br97vl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px
}

.autocompleteRowSubheading-6CMP2P {
    margin-top: 2px
}

.autocompleteRowContentSecondary-Oobh2b {
    -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-2v-uc0 {
    border-radius: 3px;
    padding: 8px
}

.selectable-1MM9tu {
    cursor: pointer
}

.dividerContainer-1tL7qa .base-2v-uc0 {
    padding-bottom: 0;
    padding-top: 0
}

.divider-1bJsnZ {
    padding: 8px
}

.divider-1bJsnZ:after {
    background-color: var(--background-modifier-accent);
    content: "";
    display: block;
    height: 1px;
    width: 100%
}

.contentTitle-3CylD3 {
    color: var(--interactive-normal);
    text-transform: uppercase;
    padding: 4px 0
}

.contentTitle-3CylD3 strong {
    text-transform: none
}

.icon-nmEpWl {
    color: var(--interactive-normal);
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain
}

.iconForeground-2P-YQq {
    fill: var(--interactive-normal)
}

.emojiImage-1mTIfi {
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px
}

.emojiRaw-13et2X {
    display: block;
    font-size: 20px
}

.descriptionDiscriminator-tCKMLV {
    opacity: .6
}

.autocompleteRowVerticalSmall-2rVED0 .base-2v-uc0 {
    padding: 4px 8px
}

.theme-light .autocomplete-3NRXG8 {
    background-color: #f8f9f9
}

.theme-light .selected-3H3-RC {
    background-color: #dcddde
}

.theme-light .contentTitle-3CylD3 strong {
    color: #4f545c
}

.theme-dark .autocomplete-3NRXG8 {
    background-color: #2f3136
}

.theme-dark .selected-3H3-RC {
    background-color: #36393f
}

.theme-dark .contentTitle-3CylD3 strong {
    color: #fff
}

.autocompletePlaceholder-Y4mXFn {
    margin-top: 8px;
    height: 16px;
    border-radius: 16px;
    background: var(--background-primary)
}

.enable-forced-colors .autocomplete-3NRXG8 {
    border: 2px solid CanvasText
}

.enable-forced-colors .selected-3H3-RC {
    outline: 2px solid Highlight;
    outline-offset: Highlight
}

.enable-forced-colors .descriptionDiscriminator-tCKMLV {
    opacity: 1
}

.option-Tt7anD {
    display: block;
    border-radius: 4px;
    padding: 0 4px;
    font-weight: 400
}

.theme-light .option-Tt7anD {
    background-color: #c7ccd1
}

.theme-dark .option-Tt7anD {
    background-color: #18191c
}

.inline-1upA9F {
    margin-right: 4px;
    padding-bottom: 1px
}

.set-3Ri0PA {
    opacity: .5
}

.error-1SecXe {
    color: var(--status-danger)
}

.active-WHsd77 {
    background-color: var(--brand-experiment) !important;
    color: #fff
}

.clickable-Dw2jYj {
    cursor: pointer
}

.wrapper-1IOU8a {
    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-1a_IXB {
    -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-33i2RS {
    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-3HVB4H {
    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-2eaALZ {
    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-1T7FK8 {
    margin-top: 4px;
    white-space: nowrap
}

.description-1T7FK8,
.title-158kHv {
    overflow: hidden;
    text-overflow: ellipsis
}

.title-158kHv {
    font-weight: 500;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.option-c0n68t {
    margin-left: 8px
}

.error-29IZEE {
    color: var(--status-danger)
}

.optionalHeader-1b1EgJ {
    text-transform: uppercase;
    color: var(--text-muted)
}

.optionalCount-1BzEgg,
.optionalHeader-1b1EgJ {
    padding-left: 8px
}

.disabled-20aT9e {
    opacity: .3
}

.optionals-2w-NPQ {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid var(--background-modifier-accent);
    margin-left: 8px
}

.optionalNames-25mReq,
.optionals-2w-NPQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.optionalNames-25mReq {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.wrapper-34gFyM {
    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-3BmrNu {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.infoWrapper-3BmrNu,
.usageWrapper-3FpyBH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.usageWrapper-3FpyBH {
    -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-26cpIO {
    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-RgwbdW {
    margin-top: 8px
}

.description-RgwbdW,
.source-2hsju- {
    height: 16px;
    border-radius: 16px;
    background: var(--background-primary)
}

.source-2hsju- {
    margin-left: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.upsell-eDMjsc {
    margin-top: -4px;
    margin-bottom: -4px
}

.emojis-23hwcn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.emojiMask-30Yemu {
    left: 4px;
    position: relative
}

.emojiBackground-27fOwf {
    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-3RWlZm {
    height: 16px;
    width: 16px
}

.wrapper-3z7DuG {
    background-color: var(--background-tertiary);
    width: 56px;
    padding-bottom: 8px;
    margin-bottom: -16px
}

.list-33W-Tv {
    height: 100%
}

.section-Dep3No {
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 8px
}

.section-Dep3No:last-child {
    margin-bottom: 0
}

.builtInSeparator-2rCueY {
    margin: 8px 0;
    border: none;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.outerWrapper-3UdjNj {
    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-29fOzY {
    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-2u03C- {
    height: 100%
}

.rail-1BiMhk {
    -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-iL6lkd {
    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-OpJ1Ly {
    position: sticky;
    top: 0;
    padding: 0 8px;
    background-color: #2f3136
}

.categorySection-3hl0bM {
    margin-bottom: 16px
}

.categorySectionLast-C-_pSG {
    margin-bottom: 0
}

.itemWrapper-CeTtIp {
    padding: 0
}

.theme-light .categoryHeader-OpJ1Ly {
    background-color: #f8f9f9
}

.noAutocompleteResults-1GxhnW {
    height: 200px
}

.stickersHeaderWithEmojiResults-1b7pYC {
    padding-top: 0
}

.emojiStickersDivider-2YgbDJ {
    padding-bottom: 0 !important
}

.spinner-1rsLD7 {
    padding-top: 8px
}

.horizontalAutocompletes-1Tewn8 {
    margin-bottom: -4px;
    padding: 0 8px;
    scrollbar-width: thin;
    overflow-x: auto
}

.horizontalAutocomplete-DMP0k- {
    margin-bottom: 4px
}

.autocomplete-3jLKbj {
    border-radius: 5px;
    -webkit-box-shadow: var(--elevation-stroke), var(--elevation-high);
    box-shadow: var(--elevation-stroke), var(--elevation-high);
    overflow: hidden
}

.autocompleteAttached-bt_md- {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 8px)
}

.autocompletePopout-1cQx6P {
    min-width: 430px;
    max-width: 800px;
    pointer-events: all
}

.autocompleteInner-2tOQrf {
    padding-bottom: 0
}

.scroller-18M1mG {
    padding-bottom: 8px
}

.stickerAutoComplete-rLVNd9 {
    display: grid;
    grid-template-columns: repeat(auto-fill, 116px);
    grid-template-rows: repeat(auto-fill, 116px);
    grid-gap: 8px;
    padding: 8px 16px
}

.sticker-weoirX {
    margin-top: 2px;
    margin-left: 2px
}

.container-Xqnk-V {
    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-2z-eHS {
    padding-top: 12px;
    height: auto;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: .1
}

.gif-1PI-Bn {
    background-color: var(--text-link)
}

.categoryLoader-HmE41n,
.gif-1PI-Bn {
    margin-left: 12px;
    margin-bottom: 12px;
    border-radius: 5px
}

.categoryLoader-HmE41n {
    height: 110px;
    background-color: #000
}

.results-2CQlZp {
    height: 100%
}

.result-pzZrwj {
    position: relative;
    cursor: pointer;
    border-radius: 5px
}

.result-pzZrwj,
.result-pzZrwj: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-pzZrwj:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 7px;
    z-index: 10;
    pointer-events: none
}

.result-pzZrwj:hover {
    z-index: 2
}

.result-pzZrwj:hover .favButton-2Bi3Ff {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.result-pzZrwj.focused-16Owih,
.result-pzZrwj.focused-16Owih:after {
    -webkit-transition: none;
    transition: none
}

.gif-2kTiNB {
    position: relative;
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: transparent;
    border-radius: 5px
}

.endContainer-22e-US {
    padding-top: 32px;
    padding-bottom: 32px;
    text-align: center
}

.endContainer-22e-US:after {
    content: "";
    height: 220px;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat
}

.endText-3Ps2ZN {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px
}

.searchSuggestions-Wwj7Qn {
    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-2Dgyvo {
    border-radius: 3px;
    margin-right: 4px;
    margin-top: 4px
}

.noResults-3uG8aR {
    height: 100%
}

.spinnerContainer-nbL-MN {
    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-2Bi3Ff {
    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-22vZrp {
    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-2nne4r {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%
}

.emptyHintCard-2A7Tng {
    -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-IwjRaK {
    height: 160px
}

.emptyHintText-14gLvK {
    font-size: 15px;
    max-width: 180px;
    line-height: 1.6;
    text-align: center
}

.emptyHintFavorite-3emmz1 {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 29px;
    height: 29px
}

@-webkit-keyframes loadIN-2xbP0S {
    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-2xbP0S {
    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-T1Tuu8 {
    border-radius: 5px;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: loadIN-2xbP0S .6s cubic-bezier(.17, .67, .16, .99);
    animation: loadIN-2xbP0S .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-16Owih,
.theme-dark .result-pzZrwj: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-16Owih:after,
.theme-dark .result-pzZrwj: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-T1Tuu8 {
    background: rgba(79, 84, 92, .6)
}

.theme-dark .endContainer-22e-US:after {
    background-image: url(/assets/be5f088125f778701a7e4fad471a45da.svg)
}

.theme-dark .endText-3Ps2ZN {
    color: #b9bbbe
}

.theme-dark .searchSuggestion-2Dgyvo.searchSuggestion-2Dgyvo:hover {
    color: #fff;
    background-color: var(--brand-experiment-500);
    border-color: var(--brand-experiment-500)
}

.theme-dark .emptyHintCard-2A7Tng {
    background-color: #36393f;
    color: #b9bbbe
}

.theme-dark .emptyHintFavorite-3emmz1 {
    color: var(--text-warning)
}

.theme-light .focused-16Owih,
.theme-light .result-pzZrwj: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-16Owih:after,
.theme-light .result-pzZrwj: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-T1Tuu8 {
    background: rgba(220, 221, 222, .6)
}

.theme-light .endText-3Ps2ZN {
    color: #72767d
}

.theme-light .endContainer-22e-US:after {
    background-image: url(/assets/82d8c5ce20dacf4bedb99089446ff365.svg)
}

.theme-light .searchSuggestion-2Dgyvo.searchSuggestion-2Dgyvo:hover {
    color: #fff;
    background-color: var(--brand-experiment-500);
    border-color: var(--brand-experiment-500)
}

.theme-light .emptyHintCard-2A7Tng {
    background-color: #dcddde;
    color: #4f545c
}

.theme-light .emptyHintFavorite-3emmz1 {
    color: var(--text-warning)
}

.container-3eG4QA {
    height: 100%
}

.categoryFade-3RRG67,
.categoryFadeBlurple-1l49_Q {
    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-3B1jLN {
    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-3zvsg2 {
    margin-right: 4px;
    width: 20px;
    height: 20px
}

.categoryName-26b0Ij {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600
}

.spinnerContainer-2IiEbC {
    height: 100%
}

.formatSelectors-lq8_m7,
.spinnerContainer-2IiEbC {
    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-lq8_m7 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.formatSelectors-lq8_m7 select {
    display: block;
    margin: 0 4px
}

.theme-dark .categoryFade-3RRG67,
.theme-light .categoryFade-3RRG67 {
    background-color: rgba(0, 0, 0, .4)
}

.theme-dark .categoryFade-3RRG67:hover,
.theme-light .categoryFade-3RRG67:hover {
    background-color: rgba(0, 0, 0, .7)
}

.theme-dark .categoryFadeBlurple-1l49_Q,
.theme-light .categoryFadeBlurple-1l49_Q {
    background-color: var(--brand-experiment-80a)
}

.theme-dark .categoryFadeBlurple-1l49_Q:hover,
.theme-light .categoryFadeBlurple-1l49_Q:hover {
    background-color: var(--brand-experiment-95a)
}

.theme-dark .categoryText-3B1jLN,
.theme-light .categoryText-3B1jLN {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6)
}

.container-3u7RcY {
    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
}


.content-A8TzKf {
    position: relative;
    z-index: 0
}

.searchBar-3aIzc- {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.header-2TLOnc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
    padding: 0 16px 12px
}

.searchHeader-2Ava0c {
    margin-bottom: 0;
    margin-left: 8px
}

.backButton-bSKWLe {
    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-A8TzKf {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.theme-dark .header-2TLOnc {
    -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-bSKWLe {
    color: #b9bbbe
}

.theme-dark .backButton-bSKWLe:hover {
    color: #dcddde
}

.theme-light .container-3u7RcY {
    background-color: #f6f6f7
}

.theme-light .header-2TLOnc {
    -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-bSKWLe {
    color: #72767d
}

.theme-light .backButton-bSKWLe:hover {
    color: #4f545c
}

.theme-light .content-A8TzKf:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(185, 187, 190, .3);
    z-index: 100
}

.categoryList-2GgCrD {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 48px
}

.categoryListWithoutSearch-1apZAh {
    top: 2px
}

.categoryListWithSearch-2jrzH6 {
    top: 50px
}

.stickerCategory-2f6iSo {
    border-radius: 4px;
    color: var(--interactive-normal);
    cursor: pointer;
    height: 32px;
    margin-bottom: 8px;
    width: 32px
}

.premiumCategory-1bZwXQ:hover {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.premiumCategorySelected-2KWLhN,
.premiumCategorySelected-2KWLhN:hover,
.stickerCategoryGenericSelected-DnO2K8,
.stickerCategoryGenericSelected-DnO2K8:hover {
    background-color: var(--background-primary)
}

.stickerCategoryGenericSelected-DnO2K8 .stickerCategoryGenericIcon-3wumVD {
    color: var(--interactive-active)
}

.stickerCategoryGeneric-29JiZ2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px
}

.stickerCategoryGeneric-29JiZ2:hover {
    background-color: var(--background-primary)
}

.stickerCategoryGenericDisabled-5o4zVY {
    cursor: default;
    color: var(--interactive-muted)
}

.stickerCategoryGenericDisabled-5o4zVY .stickerCategoryGenericIcon-3wumVD {
    opacity: .6
}

.stickerCategoryGenericDisabled-5o4zVY.stickerCategory-2f6iSo:hover {
    background-color: transparent;
    color: var(--interactive-muted)
}

.stickerPackThumbnail-2Cf52O {
    display: block;
    height: 100%;
    width: 100%
}

.guildCategorySeparator-1YkjLr {
    margin: 12px 0;
    border: none;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.standardStickerShortcut-ObSns3 {
    -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%
}

.standardStickerShortcut-ObSns3:hover {
    color: var(--interactive-hover)
}

.invisibleShortcut-oAiHh4 {
    display: none;
    opacity: 0
}

.enable-forced-colors .standardStickerShortcut-ObSns3 {
    background-color: ButtonFace;
    border-top: 1px solid CanvasText;
    color: ButtonText;
    height: 47px
}

.enable-forced-colors .stickerCategory-2f6iSo {
    border: 1px solid Canvas;
    border-radius: 4px;
    -webkit-transition: none;
    transition: none
}

.enable-forced-colors .stickerCategory-2f6iSo .stickerCategoryGenericIcon-3wumVD {
    color: ButtonText
}

.enable-forced-colors .stickerCategory-2f6iSo:hover {
    background: ButtonFace;
    border-color: ButtonText
}

.enable-forced-colors .stickerCategoryGenericDisabled-5o4zVY,
.enable-forced-colors .stickerCategoryGenericDisabled-5o4zVY.stickerCategory-2f6iSo:hover {
    color: GrayText
}

.enable-forced-colors .premiumCategorySelected-2KWLhN,
.enable-forced-colors .premiumCategorySelected-2KWLhN:hover,
.enable-forced-colors .stickerCategoryGenericSelected-DnO2K8,
.enable-forced-colors .stickerCategoryGenericSelected-DnO2K8:hover {
    background-color: HighlightText;
    border-color: Highlight
}

.enable-forced-colors .premiumCategorySelected-2KWLhN .stickerCategoryGenericIcon-3wumVD,
.enable-forced-colors .premiumCategorySelected-2KWLhN:hover .stickerCategoryGenericIcon-3wumVD,
.enable-forced-colors .stickerCategoryGenericSelected-DnO2K8 .stickerCategoryGenericIcon-3wumVD,
.enable-forced-colors .stickerCategoryGenericSelected-DnO2K8:hover .stickerCategoryGenericIcon-3wumVD {
    color: Highlight
}

.premiumButtonNitroWheel-1UCZVI {
    margin-right: 4px
}

.premiumButtonInner-2Cf4lp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.premiumButton-3IMLLV {
    margin-top: 20px
}

.emptyState-Ud44C9 {
    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
}

.header-24Iqpn {
    margin-top: 16px;
    margin-bottom: 8px
}

.subtitle-1uusAO {
    margin-bottom: 12px
}

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

.stickersRow-3OJE_7 .sticker-3ZxUbN {
    margin: auto 2px
}

.wrapper-poygym {
    padding-top: 32px
}

.heroImage-1BTx4r {
    display: block;
    margin: 0 auto 24px;
    width: 216px
}

.closeButton-3ZDr7w {
    position: absolute;
    right: 4px;
    top: 12px
}

.heading-2jcBDo {
    margin-bottom: 16px
}

.perks-2IIbWQ {
    background-color: var(--background-secondary);
    border-radius: 8px
}

.iconColorYellow-1pyJ1g {
    color: hsl(47, calc(var(--saturation-factor, 1)*98.9%), 63.9%)
}

.iconColorGreen-1QTGMc {
    color: hsl(164, calc(var(--saturation-factor, 1)*55.1%), 69.4%)
}

.iconColorPurple-17pETM {
    color: hsl(272, calc(var(--saturation-factor, 1)*100%), 80.2%)
}

.iconColorBlue-3kb6Pt {
    color: #8ea1e1
}

.footer-2iOddC {
    -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
}

.footerLink-2-mZuN {
    margin-top: 16px;
    margin-bottom: 20px
}

.header-3kUfdY {
    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
}

.subtitleText-dhC-E8 {
    text-align: center;
    margin-bottom: 16px
}

.inviteBannerPreview-1hWU8d {
    height: 104px;
    width: 248px;
    margin: 0 auto 24px
}

.featureHeading-gEJbHX {
    font-family: var(--font-display);
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 8px;
    text-align: center
}

.scroller-3oehSl {
    height: 100%;
    padding: 0 16px 16px
}

.upsell-3B1lnN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--background-tertiary);
    padding: 8px 0 8px 8px;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-3HBUVv {
    margin-right: 8px;
    width: 24px;
    color: var(--interactive-normal)
}

.body-3j-bH6 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.iconWrapper-3pqduA {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, right top, from(hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%)), to(hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%)));
    background-image: linear-gradient(90deg, hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%), hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%));
    border-radius: 24px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 24px;
    width: 24px
}

.icon-FEyXFR {
    height: 12px;
    width: 12px
}

.unownedStickerLockContainer-Nzx_oS {
    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-3-TLdu {
    color: var(--interactive-normal)
}

.row-2mBMW2 {
    display: grid;
    margin-bottom: 12px;
    overflow: hidden
}

.row-2mBMW2,
.sticker-H2HhJD {
    position: relative
}

.sticker-H2HhJD {
    border-radius: 4px;
    padding: 2px
}

.createSticker-y-_Ug2 {
    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;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    background-color: var(--background-primary);
    border-radius: 8px
}

.createInspected-3KhI7n {
    background-color: var(--background-secondary-alt)
}

.uploadCard-3CBCfM {
    cursor: pointer
}

.iconWrapper-Tkg0P1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, right top, from(hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%)), to(hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%)));
    background-image: linear-gradient(90deg, hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%), hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%));
    border-radius: 36px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    width: 36px
}

.icon-3Uv_El {
    height: 18px;
    width: 18px
}

.inspectedIndicator-27zwNZ {
    height: 100%;
    left: 0;
    -webkit-mask: url(/assets/7d65d61e6cd25bf1847ec2d3e4a0144d.svg) 0 0/100% 100%;
    mask: url(/assets/7d65d61e6cd25bf1847ec2d3e4a0144d.svg) 0 0/100% 100%;
    position: absolute;
    top: 0;
    -webkit-transition: background-color .08s ease-out, color .08s ease-out;
    transition: background-color .08s ease-out, color .08s ease-out;
    width: 100%;
    z-index: -1
}

.stickerInspected-mwnU6w .inspectedIndicator-27zwNZ {
    background-color: var(--background-accent)
}

.stickerPlaceholder-32OgnS {
    cursor: default
}

.viewAll-1MwRpl {
    position: absolute;
    right: 0;
    top: 0
}

.viewAll-1MwRpl:hover .viewAllButton-2EDh3G,
.viewAllInspected-25Y7ds .viewAllButton-2EDh3G {
    background-color: var(--background-tertiary);
    color: var(--interactive-hover)
}

.viewAllButton-2EDh3G {
    -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%
}

.stickerNode-3aUBs4 {
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.stickerNodeDimmed-3srR_v {
    opacity: .3
}

.stickerNodeHidden-3qGY5f {
    visibility: hidden
}

.stickerUnsendable-PkQAxI {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.keyboard-mode .stickerInspected-mwnU6w {
    position: relative
}

.keyboard-mode .stickerInspected-mwnU6w:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 12px;
    --__adaptive-focus-color: var(--interactive-hover);
    border: 2px solid var(--__adaptive-focus-color);
    z-index: 1
}

.enable-forced-colors .stickerInspected-mwnU6w {
    background-color: HighlightText;
    outline: 1px solid Highlight;
    outline-offset: -1px
}

.enable-forced-colors .stickerInspected-mwnU6w:before {
    border-color: Highlight
}

.wrapper-i1awk3 {
    display: grid;
    grid-template-rows: 1fr auto;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.footerActions-2Q4sQt {
    margin-bottom: 12px
}

.packHeader-w9jpYl {
    position: sticky;
    top: 0
}

.packHeaderShopWrapper-2h4odq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.packHeaderShop-G0Oaz- {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.packHeaderShopActions-3Wl2Qt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.sticker-2Yb_-L {
    cursor: pointer
}

.divider-2uQj9B {
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shopDivider-2qohSZ {
    border-top-width: 1px;
    height: 1px
}

.tipWithSearch-2pQdmN {
    margin-top: undefined
}

.searchSuggestions-2_58PI {
    padding-top: 16px;
    max-width: 250px
}

.searchSuggestion-PfUKKS {
    background: var(--background-floating);
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin: 0 4px 8px;
    padding: 4px 8px
}

.emptyGuildUpsell-2s9mrR {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 54px;
    overflow: hidden;
    margin-left: 4px;
    margin-right: 4px
}

.wrapper-n2dlvs {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.upsellWrapper-3KE9GX {
    z-index: 2
}

.upsellBackground-34ZERR,
.upsellWrapper-3KE9GX {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.upsellBackground-34ZERR {
    background: var(--background-secondary);
    opacity: .98
}

.upsellContent-1ppSei {
    text-align: 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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.upsellImage-4XEtTU {
    height: 80px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 16px
}

.upsellTitle-2yuL71 {
    margin-bottom: 8px
}

.upsellDescription-2QpuiS {
    margin-bottom: 24px;
    max-width: 400px
}

.upsellClose-72TQqH {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    color: var(--interactive-normal)
}

.wrapper-1NB3WY {
    position: relative;
    display: grid;
    grid-template-columns: 48px auto;
    grid-template-rows: auto 1fr auto
}

.header-uVCAlo {
    -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-xejKee {
    grid-column: 1/-1;
    grid-row: 1/-1
}

.listWrapper-2DwCYS {
    grid-column: 2/2
}

.emptyState-3orxvF,
.listWrapper-2DwCYS {
    grid-row: 2/2;
    overflow: hidden;
    position: relative
}

.emptyState-3orxvF {
    grid-column: 1/3;
    margin: 0 20px
}

.enable-forced-colors .header-uVCAlo {
    border-bottom: 1px solid CanvasText
}

.positionLayer-1cndvf {
    left: 86px;
    pointer-events: none;
    z-index: 0
}

.positionContainer-dMArNx {
    width: 100%;
    height: 444px;
    pointer-events: none
}

.positionContainerOnlyEmoji-2l5tq_ {
    height: 396px
}

.drawerSizingWrapper-1txdWG {
    height: 100%;
    max-width: 100%;
    pointer-events: all;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
}

.contentWrapper-3vHNP2 {
    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-2l5tq_ .contentWrapper-3vHNP2 {
    grid-template-rows: auto
}

.nav-1zWVQw {
    padding: 0 16px
}

.navList-YSb9UB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navItem-3McpmW {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.navItem-3McpmW+.navItem-3McpmW {
    margin-left: 8px
}

.navButton-1XuvI- {
    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-1XuvI-:hover {
    color: var(--interactive-hover)
}

.navButtonActive-1EqC5l {
    background-color: var(--background-accent);
    color: #fff
}

.navButtonActive-1EqC5l:hover {
    color: #fff
}

.resizeHandle-T_gFJR {
    cursor: ew-resize;
    height: 100%;
    left: -2px;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 2
}

.introductionWrapper-3bD1Sc {
    text-align: center
}

.introductionHeader-2-t1t2 {
    font-weight: 600;
    margin-bottom: 4px
}

.introductionSubheader-b5itNb {
    margin-bottom: 16px
}

.introductionAction-1V6lL9 {
    color: var(--brand-experiment);
    font-weight: 600
}

.introductionTooltip-2KMVJZ {
    max-width: none;
    width: 280px
}

.introductionTooltipContent-3ySKJx {
    padding: 16px
}

.stickersNavItem-9B2BzM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.stickersNavItem-9B2BzM,
.stickersUnseenBadge-2q3wVr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.stickersUnseenBadge-2q3wVr {
    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
}

.enable-forced-colors .resizeHandle-T_gFJR {
    background-color: ButtonText
}

.enable-forced-colors .contentWrapper-3vHNP2 {
    border: 3px solid CanvasText
}

.enable-forced-colors .navButton-1XuvI- {
    border: 1px solid ButtonText
}

.enable-forced-colors .navButtonActive-1EqC5l {
    border-color: Highlight
}

.container-1ZA19X {
    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: 4px
}

.container-1ZA19X.hidden-tnoHf9 {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    opacity: 0;
    pointer-events: none
}

.stickerIconOffset-2zxofV {
    right: 40px
}

.submitButtonOffset-W6OTm0 {
    right: 56px
}

.submitButtonOffset-W6OTm0.stickerIconOffset-2zxofV {
    right: 93px
}

.containerBackground-Ang24O {
    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-Ang24O: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-3xmddX {
    z-index: 1;
    position: relative;
    padding: 0 8px 10px;
    height: 24px
}

.textDivider-34kVsR {
    height: 1px;
    margin: 0 0 4px;
    background-color: var(--background-modifier-accent)
}

.descriptionText-yl6pN6 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.stickerResults-cD_yeI {
    display: grid;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, 48px);
    padding: 8px;
    position: relative;
    z-index: 1
}

.keybind-1ejq-9 {
    margin: 0;
    display: inline-block
}

.theme-dark .keybind-1ejq-9 span,
.theme-light .keybind-1ejq-9 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-1VH76n {
    cursor: pointer;
    position: relative
}

.mask-899QXq {
    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-1VH76n:focus .mask-899QXq,
.suggestedExpressionFocused-1KCZvA .mask-899QXq {
    opacity: 1
}

.maskBackground-F7QD-A {
    background-color: var(--background-accent);
    height: 100%;
    width: 100%
}

.reduce-motion .container-1ZA19X,
.reduce-motion .mask-899QXq {
    -webkit-transition: none;
    transition: none
}

.theme-light .unownedStickerLockIcon-3H-sJ2 {
    color: var(--background-secondary)
}

.theme-dark .containerBackground-Ang24O {
    opacity: .95
}

.userTooltip-3rhC4_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.avatar-2OcaMf {
    margin-right: 8px
}

.discriminator-3-qTC0 {
    opacity: .5
}

.syntaxAfter-2_BrZf,
.syntaxBefore-3epS3C {
    font-weight: 600
}

.codeBlockSyntax-3mFGiA,
.syntaxAfter-2_BrZf,
.syntaxBefore-3epS3C {
    color: var(--textbox-markdown-syntax)
}

.codeBlockLang-23YLvb {
    color: var(--text-positive)
}

.after_s-3p_eEb,
.after_spoiler-3awC-C,
.after_u-2Y1TwH,
.before_s-2vJMFv,
.before_spoiler-37bRrr,
.before_u-2I6ZwC,
.syntaxOverride--5bVUp {
    font-weight: 400
}

.before_em-2foAmW {
    margin-right: -1px
}

.after_em-3XvSSp {
    margin-left: 1px
}

.before_s-2vJMFv,
.before_u-2I6ZwC {
    margin-right: 1px
}

.after_s-3p_eEb,
.after_u-2Y1TwH {
    margin-left: 1px
}

.after_u-2Y1TwH,
.before_u-2I6ZwC {
    text-decoration: underline
}

.before_inlineCode-1zngJj {
    border-radius: 3px 0 0 3px
}

.after_inlineCode-2_JXPm {
    border-radius: 0 3px 3px 0
}

.bold-ia41Lc {
    font-weight: 600
}

.italics-1HfeXG {
    font-style: italic
}

.underline-3wzs4J {
    text-decoration: underline
}

.strikethrough-OlwqlY {
    text-decoration: line-through
}

.fakeLink-1wGafz {
    color: var(--text-link)
}

.low-saturation .fakeLink-1wGafz {
    text-decoration: underline;
    color: var(--text-link-low-saturation)
}

.after_inlineCode-2_JXPm,
.before_inlineCode-1zngJj,
.inlineCode-ERyvy_ {
    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-3Dan3Z {
    padding: 0 .2em;
    background-color: var(--background-primary)
}

.codeBlockText-28BOxV,
.codeLine-2C-9aH {
    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
}

.codeLine-2C-9aH .hljs-comment,
.codeLine-2C-9aH .hljs-quote {
    color: var(--text-muted)
}

.codeLine-2C-9aH .hljs-ansi-control-sequence {
    font-size: 70%;
    vertical-align: middle;
    padding-right: .1em;
    color: var(--textbox-markdown-syntax);
    background-color: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-decoration: none;
    display: inherit
}

.inlineElement-J_g2AS {
    display: inline-block
}

.inlineVoid-26LMbf {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.inlineVoid-26LMbf ::-moz-selection {
    background: transparent
}

.inlineVoid-26LMbf ::selection {
    background: transparent
}

.inlineVoid-26LMbf .mention {
    padding-bottom: 1px
}

.selectedVoid-3Kr388 {
    background: Highlight
}

.applicationCommand-2wdTS6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-top: -8px;
    margin-bottom: -4px
}

.applicationCommand-2wdTS6>[data-slate-node=text]>* {
    display: inline-block;
    padding-top: 8px
}

.applicationCommand-2wdTS6>[data-slate-node=text]:not(:first-child)>:first-child {
    margin-left: 4px
}

.applicationCommand-2wdTS6>[data-slate-node=text]:not(:first-child)>:first-child.emptyText-1o0WH_ {
    margin-left: 2px
}

.applicationCommand-2wdTS6>[data-slate-node=text]:not(:last-child)>:last-child {
    margin-right: 4px
}

.applicationCommand-2wdTS6>[data-slate-node=text]:not(:last-child)>:last-child.emptyText-1o0WH_ {
    margin-right: 2px
}

.applicationCommand-2wdTS6>[data-slate-node=text]:last-child>:last-child {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.applicationCommand-2wdTS6>[data-slate-node=text]>*,
.optionPillValue-2uxsMp>[data-slate-node=text]>* {
    min-width: 4px
}

.commandName-1s8HNs {
    font-weight: 600;
    margin-left: 4px
}

.optionPill-2kmuZR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    border: 1px solid transparent;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    vertical-align: top;
    max-width: calc(100% - 30px);
    margin-top: 6px
}

.optionPillKey-2JyeoP {
    display: inline-block;
    padding: 1px 8px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.readonlyPillValue-3FYxH4 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.readonlyPillValue-3FYxH4 ::-moz-selection {
    background: transparent
}

.readonlyPillValue-3FYxH4 ::selection {
    background: transparent
}

.attachmentFilename-2siBMx {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.theme-dark .optionPill-2kmuZR {
    background-color: var(--background-secondary-alt);
    border-color: var(--background-tertiary)
}

.theme-dark .optionPillKey-2JyeoP {
    background-color: var(--background-floating)
}

.theme-light .optionPill-2kmuZR {
    background-color: var(--background-secondary);
    border-color: var(--background-modifier-selected)
}

.theme-light .optionPillKey-2JyeoP {
    background-color: var(--background-tertiary)
}

.selectedPill-3cOyS6 {
    border-color: Highlight !important
}

.erroredPill-EdxhQP {
    border-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%) !important
}

.newLine-1Tglhg {
    display: inline-block
}

.remainingOptions-2kCt8U {
    padding-top: 8px;
    color: var(--text-muted);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.editor-H2NA06 {
    caret-color: var(--text-normal);
    text-align: left;
    word-break: break-word;
    white-space: break-spaces !important
}

.editor-H2NA06 pre {
    max-width: none
}

.placeholder-1rCBhr {
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--channel-text-area-placeholder);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.slateContainer-3x9zil {
    position: relative
}

.slateTextArea-27tjG0 {
    padding-right: 10px;
    position: absolute;
    left: 0;
    right: 10px
}

.enable-forced-colors .placeholder-1_mJY1 {
    color: GrayText
}

.channelTextArea-1VQBuV {
    position: relative;
    width: 100%;
    text-indent: 0;
    border-radius: 8px
}

.channelTextArea-1VQBuV.highlighted-1sGU_w {
    -webkit-box-shadow: 0 0 0 4px var(--focus-primary);
    box-shadow: 0 0 0 4px var(--focus-primary)
}

.focusRing-2_fyOA {
    border-radius: 8px
}

.scrollableContainer-15eg7h {
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: var(--channeltextarea-background);
    max-height: 50vh;
    border-radius: 8px;
    scrollbar-width: none
}

.sticker-2Ylnbr {
    display: block
}

.background-opacity-low .scrollableContainer-15eg7h {
    background-color: rgba(79, 84, 92, .5)
}

.background-opacity-low .scrollableContainer-15eg7h .textArea-2CLwUE {
    color: #fff
}

.background-opacity-medium .scrollableContainer-15eg7h {
    background-color: rgba(79, 84, 92, .7)
}

.background-opacity-medium .scrollableContainer-15eg7h .textArea-2CLwUE {
    color: #fff
}

.background-opacity-high .scrollableContainer-15eg7h {
    background-color: rgba(79, 84, 92, .9)
}

.webkit-QgSAqd::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

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

.webkit-QgSAqd::-webkit-scrollbar-track {
    border-width: initial
}

.webkit-QgSAqd::-webkit-scrollbar-thumb {
    background-color: rgba(24, 25, 28, .6);
    border-radius: 8px
}

.channelTextAreaDisabled-1p2fQv .scrollableContainer-15eg7h {
    opacity: .5
}

.hasConnectedBar-1vN2JH {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.inner-NQg18Y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.innerDisabled-2dbG11 {
    cursor: not-allowed
}

.sansAttachButton-1ERHue {
    padding-left: 16px
}

.sansAttachButtonCreateThread-2hc_JA {
    padding-left: 10px
}

.sansAttachButtonCreatePost-3BMh9R {
    padding-left: 0
}

.attachButton-1ijpt9 {
    margin-left: -16px
}

.textArea-2CLwUE {
    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-2CLwUE::-webkit-input-placeholder {
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-muted)
}

.textArea-2CLwUE::-moz-placeholder {
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-muted)
}

.textArea-2CLwUE:-ms-input-placeholder {
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-muted)
}

.textArea-2CLwUE::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-9-y-k2 {
    padding: 0
}

.textAreaThreadCreation-1CbEub {
    min-height: 66px
}

.profileBioInput-1CcOUr {
    min-height: 100%
}

.profileBioInput-1CcOUr>div {
    height: 100%
}

.textAreaWithoutAttachmentButton-1as0NS {
    padding-left: 16px
}

.textAreaForPostCreation-15Soam {
    padding: 0 !important
}

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

.textAreaDisabled-10ObTX {
    pointer-events: none
}

.buttons-uaqb-5 {
    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: sticky;
    top: 0;
    margin-right: 4px
}

.webkit-QgSAqd .buttons-uaqb-5 {
    margin-right: -6px
}

.buttonContainer-2lnNiN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.button-3BaQ4X {
    padding: 4px;
    margin-left: 4px;
    margin-right: 4px
}

.stickerIcon-3Jx5SE {
    width: 20px !important;
    height: 20px !important
}

.stickerButton-1-nFh2 {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.stickerButtonWithNotification-3oWa6z {
    margin-top: 1px;
    padding-left: 2px;
    padding-right: 2px
}

.stickerButtonTilted-YOXYrD {
    -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-1aH21p {
    padding-bottom: 14px;
    padding-top: 14px
}

.fontSize14Padding-1nmT2C {
    padding-bottom: 12px;
    padding-top: 13px
}

.fontSize15Padding-_BiJt9 {
    padding-bottom: 12px;
    padding-top: 12px
}

.fontSize16Padding-XoMpjI {
    padding-bottom: 11px;
    padding-top: 11px
}

.fontSize18Padding-6BO3Ma {
    padding-bottom: 9px;
    padding-top: 9px
}

.fontSize20Padding-1vWJeR {
    padding-bottom: 9px;
    padding-top: 8px
}

.fontSize24Padding-3GueH0 {
    padding-bottom: 6px;
    padding-top: 5px
}

.stackedAttachedBar-u4gXN8 {
    border-bottom: 1px solid var(--background-secondary-alt)
}

.attachedBars-2BCP3l {
    background: var(--background-secondary);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.theme-brand .inner-NQg18Y {
    background-color: var(--brand-experiment-400)
}

.theme-brand .textArea-2CLwUE {
    color: hsla(0, 0%, 100%, .7)
}

.theme-brand .textArea-2CLwUE::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.theme-brand .textArea-2CLwUE::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.theme-brand .textArea-2CLwUE:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.theme-brand .textArea-2CLwUE::placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.enable-forced-colors .scrollableContainer-15eg7h {
    border: 1px solid CanvasText;
    overflow-y: auto;
    padding-right: 12px
}

.enable-forced-colors .webkit-QgSAqd::-webkit-scrollbar {
    width: 8px
}

.enable-forced-colors .webkit-QgSAqd::-webkit-scrollbar-track {
    border-radius: 0 8px 8px 0
}

.enable-forced-colors .webkit-QgSAqd::-webkit-scrollbar-thumb,
.enable-forced-colors .webkit-QgSAqd::-webkit-scrollbar-track {
    border-width: 1px
}

.enable-forced-colors .webkit-QgSAqd::-webkit-scrollbar-thumb {
    background-color: CanvasText
}

.divider-2rZFJK {
    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;
    --divider-color: var(--status-danger)
}

.low-saturation .divider-2rZFJK {
    --divider-color: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%)
}

.background-opacity-low .divider-2rZFJK,
.background-opacity-medium .divider-2rZFJK {
    opacity: .5
}

.background-opacity-high .divider-2rZFJK {
    opacity: .8
}

.isUnread-3Lojb- {
    border-color: var(--divider-color)
}

.hasContent-31hcsn {
    position: relative;
    left: auto;
    right: auto
}

.unreadPill-3nEWYM {
    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: var(--divider-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: none
}

.unreadPill-3nEWYM,
.unreadPillCap-2-iI4h {
    position: absolute;
    height: 13px
}

.unreadPillCap-2-iI4h {
    display: block;
    left: -8px;
    top: 0
}

.unreadPillCapStroke-1nE1Q8 {
    color: var(--divider-color);
    fill: var(--divider-color)
}

.content-3spvdd {
    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-3Lojb- .content-3spvdd {
    color: var(--divider-color)
}

.stickerPreviews-8XjlHb {
    padding: 10px 0 10px 16px
}

.stickerPreviewContainer-U9ZN2r {
    position: relative;
    display: inline-block
}

.stickerPreview-3hZwLL {
    margin-right: 4px
}

.stickerPreviewDivider-1qXmx6 {
    margin-left: 16px
}

.closeButton-mGpA26 {
    cursor: pointer;
    color: var(--interactive-normal);
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.closeButton-mGpA26:hover {
    color: var(--interactive-hover)
}

.closeIconContainer-3_6UYw {
    background: var(--channeltextarea-background);
    border-radius: 100%
}

.closeIcon-DN7w1s {
    width: 16px;
    height: 16px
}

.bar-2MWHzg {
    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: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    padding: 8px 16px
}

.name-1DypRz {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: var(--interactive-active)
}

.description-39ogHl {
    color: var(--interactive-normal)
}

.description-39ogHl,
.error-3KCS1N {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 8px
}

.error-3KCS1N {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.clipContainer-31nYlH {
    overflow: hidden;
    padding-top: 3px;
    margin-top: -3px
}

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

.replyBar-1oi75v,
.threadSuggestionBar-3ExSyc {
    background: var(--background-secondary);
    cursor: pointer
}

.replyBar-1oi75v {
    display: grid;
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.threadSuggestionBar-3ExSyc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: 1px solid var(--background-modifier-accent);
    padding-top: 7px;
    padding-bottom: 7px;
    -webkit-box-shadow: 0 3px 0 var(--background-secondary);
    box-shadow: 0 3px 0 var(--background-secondary)
}

.text-1pxItg {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 16px
}

.replyLabel-WWnhHi {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.name-3DDHNY {
    font-weight: 600
}

.actions-1mkm4H {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.actions-1mkm4H,
.mentionButton-3C5YMI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mentionButton-3C5YMI {
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 12px
}

.mentionIcon-7MlVnE {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.separator-8ngZ3p {
    width: 1px;
    height: 20px;
    background-color: var(--background-modifier-accent)
}

.closeButton-3IEry2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
    color: var(--interactive-normal);
    line-height: 0;
    padding: 8px 18px 8px 16px
}

.closeButton-3IEry2:hover {
    color: var(--interactive-hover)
}

.closeIcon-1bRhE8 {
    width: 16px;
    height: 16px
}

.createThreadButton-mTzu71 {
    font-weight: 600;
    white-space: nowrap;
    margin-left: 8px;
    margin-right: 8px
}

.emojiButton-3FRTuj {
    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
}

.sprite-2lxwfc {
    background-image: url(/assets/7e5013a9afc1404b0b89d99aaec0b398.png);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: block
}

@-webkit-keyframes pulseIcon-10Zd1W {

    0%,
    to {
        -webkit-transform: scale(.85714);
        transform: scale(.85714)
    }

    50% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes pulseIcon-10Zd1W {

    0%,
    to {
        -webkit-transform: scale(.85714);
        transform: scale(.85714)
    }

    50% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes pulseButton-34ZucJ {

    0%,
    to {
        opacity: .3
    }

    50% {
        opacity: 1
    }
}

@keyframes pulseButton-34ZucJ {

    0%,
    to {
        opacity: .3
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes sparkle-ilKGsQ {
    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-ilKGsQ {
    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-3YFQGJ {
    cursor: pointer
}

.button-2fCJ0o {
    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-2fCJ0o:hover {
    color: var(--interactive-hover)
}

.button-2fCJ0o:active {
    color: var(--interactive-active)
}

.iconMask-E0GPQM {
    display: block;
    width: 24px;
    height: 24px
}

.buttonContent-1bkzrd {
    position: relative
}

.icon-1d5zch {
    width: 24px;
    height: 24px
}

.pulseIcon-10Zd1W {
    -webkit-animation: pulseIcon-10Zd1W .6s ease;
    animation: pulseIcon-10Zd1W .6s ease
}

.pulseButton-34ZucJ .buttonWrapper-3YFQGJ {
    -webkit-animation: pulseButton-34ZucJ .6s ease;
    animation: pulseButton-34ZucJ .6s ease
}

.notificationDot-1Puoq6 {
    background-color: var(--status-danger);
    border-radius: 100%;
    bottom: 0;
    height: 7px;
    right: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    width: 7px
}

.notificationDot-1Puoq6,
.sparkleContainer-3tvr43 {
    position: absolute
}

.sparkleStar-3K-eJ- {
    color: hsl(46, calc(var(--saturation-factor, 1)*100%), 54.9%);
    top: -12px;
    left: 20px
}

.sparklePlus-3qxQsT,
.sparkleStar-3K-eJ- {
    position: relative;
    -webkit-animation: sparkle-ilKGsQ 2.5s ease-in-out infinite;
    animation: sparkle-ilKGsQ 2.5s ease-in-out infinite
}

.sparklePlus-3qxQsT {
    opacity: 0;
    color: var(--brand-experiment);
    top: 16px;
    left: -20px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.active-z80xEj .buttonWrapper-3YFQGJ,
.buttonWrapper-3YFQGJ:hover {
    color: var(--interactive-active)
}

.disabled-3wvGkX {
    cursor: not-allowed
}

.separator-3ng7S5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 8px
}

.separator-3ng7S5:before {
    content: " ";
    border-left: 1px solid var(--background-modifier-accent);
    height: 65%;
    margin-top: auto;
    margin-bottom: auto
}

.buttonContainer-6W2Ep3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sendIcon-1HcEzu {
    padding-top: 2px;
    width: 20px !important;
    height: 20px !important
}

.innerButton-1aF_E_ {
    padding: 4px;
    margin-left: 12px;
    margin-right: 4px
}

.buttonContainer-6W2Ep3 button:disabled {
    opacity: 1
}

.button-y6hemj[disabled]>.innerButton-1aF_E_>.buttonChild-33lB5F,
.buttonChild-33lB5F {
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    color: var(--interactive-muted)
}

.activeButtonChild-2hgLAO {
    color: var(--text-brand)
}

.theme-dark .button-y6hemj:focus-within .activeButtonChild-2hgLAO,
.theme-dark .button-y6hemj:focus .activeButtonChild-2hgLAO,
.theme-dark .button-y6hemj:hover .activeButtonChild-2hgLAO {
    color: var(--brand-experiment-430)
}

.theme-dark .button-y6hemj:active .activeButtonChild-2hgLAO {
    color: var(--brand-experiment-500)
}

.theme-light .activeInnerButton-2dzlJn:focus,
.theme-light .activeInnerButton-2dzlJn:hover,
.theme-light .buttonContainer-6W2Ep3:focus,
.theme-light .buttonContainer-6W2Ep3:hover {
    color: var(--brand-experiment-560)
}

.theme-light .activeInnerButton-2dzlJn:active,
.theme-light .buttonContainer-6W2Ep3:active {
    color: var(--brand-experiment-600)
}

.reduce-motion .innerButton-1aF_E_ {
    -webkit-transition: unset;
    transition: unset
}

.wrapper-2vIMkT {
    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-2vIMkT:hover {
    -webkit-box-shadow: var(--elevation-stroke), var(--elevation-medium);
    box-shadow: var(--elevation-stroke), var(--elevation-medium)
}

.button-3bklZh {
    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-3bklZh:hover {
    color: var(--interactive-hover);
    background-color: var(--background-modifier-hover)
}

.button-3bklZh:active {
    padding-top: 5px;
    padding-bottom: 3px;
    color: var(--interactive-active);
    background-color: var(--background-modifier-active)
}

.button-3bklZh.selected-69H4ua {
    color: var(--interactive-active);
    background-color: var(--background-modifier-selected)
}

.separator-PzTEkx {
    -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-3bklZh.disabled-3SakJY,
.button-3bklZh.disabled-3SakJY:active,
.button-3bklZh.disabled-3SakJY:hover {
    opacity: .5;
    padding: 4px;
    color: var(--interactive-normal);
    background-color: transparent;
    cursor: default
}

.button-3bklZh.dangerous-Y36ifs {
    color: var(--status-danger)
}

.button-3bklZh.dangerous-Y36ifs:hover {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.2%), 62.5%)
}

.enable-forced-colors .wrapper-2vIMkT {
    border: 1px solid CanvasText;
    height: 36px
}

.enable-forced-colors .button-3bklZh {
    background-color: ButtonFace;
    border: 1px solid ButtonFace;
    color: ButtonText;
    height: 26px;
    min-width: 26px
}

.enable-forced-colors .button-3bklZh.selected-69H4ua,
.enable-forced-colors .button-3bklZh:active,
.enable-forced-colors .button-3bklZh:hover {
    background-color: HighlightText;
    border-color: Highlight;
    color: Highlight
}

.upload-vLbqu- {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: var(--background-secondary);
    border-radius: 4px;
    margin: 0;
    padding: 8px;
    position: relative;
    min-width: 200px;
    max-width: 200px;
    min-height: 200px;
    max-height: 200px
}

.upload-vLbqu-,
.uploadContainer-TCg-Ji {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.uploadContainer-TCg-Ji {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.actionBarContainer-2BJ5hs {
    position: absolute;
    top: 0;
    right: 0
}

.actionBar-1ozugS {
    position: absolute;
    right: 0;
    z-index: 1;
    -webkit-transform: translate(25%, -25%);
    transform: translate(25%, -25%);
    padding: 0
}

.actionBarIcon-2vVzNZ {
    width: 20px;
    height: 20px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.filenameContainer-2qwz8w {
    margin-top: auto
}

.filename-jyRDv_ {
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.imageContainer-ZRSemj {
    margin-top: auto;
    position: relative;
    min-height: 0
}

.imageContainer-ZRSemj>div:not([aria-expanded=false]),
.imageContainer-ZRSemj>div:not([aria-expanded=false])>div {
    height: 100%
}

.tags-QS4-_T {
    position: absolute;
    left: 3px;
    bottom: 6px
}

.altTag-3DeQpq {
    background: hsla(0, 0%, 100%, .8);
    margin-right: 4px;
    color: #000;
    mix-blend-mode: screen;
    text-transform: uppercase;
    font-size: 10px;
    padding: 3px;
    border-radius: 3px;
    z-index: 1
}

.spoilerContainer-yhWf7D {
    height: 100%
}

.spoilerWrapper-3mOkZz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.image-1091CL {
    border-radius: 3px;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.spoiler-_2cX4d {
    -webkit-filter: blur(44px);
    filter: blur(44px);
    pointer-events: none
}

.icon-2bPCaV {
    height: 144px;
    background-repeat: no-repeat;
    background-position: 50%
}

.icon-2bPCaV.video-qa3DnY {
    background-image: url(/assets/7252adb1cdb9603a49ce1bab7c3c41e7.svg)
}

.icon-2bPCaV.acrobat-3i7zSC {
    background-image: url(/assets/325421cb49d6e0717b8c7b9dfa2d4bdc.svg)
}

.icon-2bPCaV.ae-1ZAdFv {
    background-image: url(/assets/5acc0abb7cbb015848085fc0993142bf.svg)
}

.icon-2bPCaV.sketch-1CwZfM {
    background-image: url(/assets/a4389a7644d1ec25e7132159b71c5175.svg)
}

.icon-2bPCaV.ai-3QkK4s {
    background-image: url(/assets/ad55c3f2f2354618478e36f2a10f2ea3.svg)
}

.icon-2bPCaV.archive-1zydwk {
    background-image: url(/assets/157ccfe93c91db60adddd48a75b69205.svg)
}

.icon-2bPCaV.code-1hTP09 {
    background-image: url(/assets/35827c42a3af54bd169cff0a866eb428.svg)
}

.icon-2bPCaV.document-3AUmU1 {
    background-image: url(/assets/515d0236bce3ba834026209dc78489f0.svg)
}

.icon-2bPCaV.photoshop-4gkCVB,
.icon-2bPCaV.ps-1mWY_j {
    background-image: url(/assets/9655e45a31ab290cf812ba2de902f232.svg)
}

.icon-2bPCaV.spreadsheet-34d5T3 {
    background-image: url(/assets/c1ebd9af7ce0a639af9d99b4980bda13.svg)
}

.icon-2bPCaV.webcode-3EYK4X {
    background-image: url(/assets/6b35b41a1e3a8099667499b71414328b.svg)
}

.icon-2bPCaV.audio-bZBBRF {
    background-image: url(/assets/e83eaad3ae5c32a355b55f157e6cd3da.svg)
}

.icon-2bPCaV.unknown-1HSceW {
    background-image: url(/assets/7b3a37fa249a857b0ff136db0a73f44c.svg)
}

.emptyOption-2-CFo- {
    border: 2px dashed var(--header-secondary);
    border-radius: 8px
}

.emptyOptionActive-1ls55g {
    border-color: var(--text-link)
}

.clickContainer-3SYEjc {
    cursor: pointer;
    width: 100%;
    height: 100%
}

.clickContainer-3SYEjc,
.commandOptionContainer-1MHc8- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.commandOptionContainer-1MHc8- {
    margin: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 80%
}

.optionName-2V2xuM {
    position: absolute;
    right: 8px;
    padding: 2px 6px;
    background-color: var(--background-tertiary);
    border-radius: 4px;
    color: var(--text-normal)
}

.optionNameActive-Zc5Cve {
    color: var(--text-link)
}

.optionIcon-OEFiJh {
    height: 100px
}

.optionHelp-3rpWo5 {
    text-align: center
}

.fileInput-7mMk1l {
    display: none
}

.channelAttachmentArea-HwpkuQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin: 0 0 2px 6px;
    padding: 20px 10px 10px;
    overflow-x: auto
}

.channelAttachmentArea-HwpkuQ:last-child {
    padding-right: 30px
}

.divider-1JOVFd {
    margin-left: 16px
}

.root-3PVcjb {
    background: var(--background-secondary);
    border-radius: 4px;
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 120px
}

.premium-2zLt5z {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px
}

.characterCount-8yNPfb {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 12px;
    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
}

.premiumFlair-2kllxS {
    color: var(--interactive-normal)
}

.premiumFlair-2kllxS:not(:last-child) {
    margin-right: 4px
}

.flairContainer-xF7I3K {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px
}

.upsell-103Jee {
    margin-top: 8px
}

.theme-dark .error-3_o9DA {
    color: hsl(359, calc(var(--saturation-factor, 1)*83%), 67.6%)
}

.theme-light .error-3_o9DA {
    color: var(--status-danger)
}

.toolbar-37BrJ5 {
    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-37BrJ5: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-37BrJ5 .button-lA2rvH:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.toolbar-37BrJ5 .button-lA2rvH:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.divider-3NY7PF {
    border-left: 1px solid hsla(0, 0%, 100%, .06);
    display: inline-block;
    height: 20px;
    margin: 6px
}

.button-lA2rvH {
    border-radius: 0;
    padding: 0;
    width: 32px
}

.buttonInner-1RE0NV,
.icon-3g7qdA {
    height: 20px
}

.icon-3g7qdA {
    color: #b9bbbe;
    width: 20px
}

.inactive-3WMCpS {
    background-color: transparent
}

.active-136ioF,
.hover-3OQb9Y:hover {
    background-color: var(--background-modifier-active)
}

.active-136ioF .icon-3g7qdA,
.hover-3OQb9Y:hover .icon-3g7qdA {
    color: #fff
}

.actionButton-2MsWr- {
    margin-left: auto
}

.container-1B6OSE {
    margin-bottom: 24px
}

.userContainer-2lvJe0 {
    padding: 16px;
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

.description-1bNkHU,
.header-3v_T80 {
    margin-bottom: 8px
}

.userInfo-15IlBd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 80%
}

.avatar-9r_nq- {
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.userName-2uIi9Z {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.container-3k_ZnT {
    margin-bottom: 24px
}

.breadcrumbContainer-1aKM_- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.breadcrumbContainer-1aKM_-:not(:last-child) {
    margin-bottom: 8px
}

.breadcrumbContainer-1aKM_-: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-1nY5xZ {
    margin-right: 8px;
    border-radius: 2px;
    width: 4px;
    height: 4px;
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    top: .5em
}

.breadcrumbsHeader-vvuW0z {
    margin-bottom: 8px;
    color: var(--header-secondary)
}

.breadcrumbText-1ZghzH {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.childButton-3o_dlg {
    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-3o_dlg:hover {
    background-color: var(--background-modifier-hover)
}

.keyboard-mode .childButton-3o_dlg:focus {
    background-color: var(--background-modifier-selected)
}

.childButton-3o_dlg:active {
    background-color: var(--background-modifier-active)
}

.childText-1WLJfs {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 8px 0 8px 16px;
    font-weight: 600
}

.childIcon-VdNK2g {
    color: var(--interactive-normal);
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 16px 0 8px
}

.errorContainer-3UZ66X {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--status-danger);
    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-2_fnyO {
    color: #fff;
    margin-right: 8px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.closeIcon-1-VJT5 {
    position: absolute;
    right: 8px;
    top: 8px;
    height: 16px;
    width: 16px;
    background: url(/assets/4d778f647fdb98bb77f6ebf5e2a5c188.svg) no-repeat;
    background-position: 50% 55%;
    background-size: 10px 10px;
    cursor: pointer;
    color: #fff;
    opacity: .5;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.closeIcon-1-VJT5:hover {
    opacity: 1
}

.errorText-19Zbx2 {
    color: #fff
}

.container-1ldEyo {
    margin-bottom: 24px
}

.guildContainer-1R806T {
    padding: 16px;
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px
}

.header-28_c1k {
    color: var(--header-secondary);
    text-transform: uppercase
}

.header-28_c1k,
.hubInfo-1LXElU {
    margin-bottom: 8px
}

.hubInfo-1LXElU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hubIcon-2wGMv8 {
    margin-right: 8px
}

.guildName-1Z7x5F {
    font-weight: 600
}

.container-2BXqNq {
    margin-bottom: 24px
}

.guildContainer-1O-rjS {
    padding: 16px;
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px
}

.header-1_2zV0 {
    margin-bottom: 8px;
    color: var(--header-secondary)
}

.guildInfo-1p5PLr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.guildIcon-3HX7Qf {
    margin-right: 8px
}

.channelTopic-1J_fLo {
    font-weight: 600
}

.headerContainer-21h4A- {
    padding: 0 16px;
    text-align: center
}

.headerContainer-21h4A->:not(:last-child) {
    margin-bottom: 8px
}

.container-3jbRo5 {
    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-1hddZ2 {
    font-size: 14px;
    line-height: 18px
}

.fontSize16-3zr6Io {
    font-size: 16px;
    line-height: 20px
}

.icon-2fP4ae {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

.text-2iTkaw {
    margin-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: center;
    align-self: center
}

.text-2iTkaw p {
    margin: 0
}

.text-2iTkaw p~p {
    margin-top: 8px
}

.positive-33gqOT {
    background: var(--info-positive-background);
    border: 1px solid var(--info-positive-foreground);
    color: var(--info-positive-text)
}

.positive-33gqOT .icon-2fP4ae {
    color: var(--info-positive-foreground)
}

.warning-RBGtx2 {
    background: var(--info-warning-background);
    border: 1px solid var(--info-warning-foreground);
    color: var(--info-warning-text)
}

.warning-RBGtx2 .icon-2fP4ae {
    color: var(--info-warning-foreground)
}

.info-1hMolH {
    background: var(--info-help-background);
    border: 1px solid var(--info-help-foreground);
    color: var(--info-help-text)
}

.info-1hMolH .icon-2fP4ae {
    color: var(--info-help-foreground)
}

.error-3GXRR- {
    background: var(--info-danger-background);
    border: 1px solid var(--info-danger-foreground);
    color: var(--info-danger-text)
}

.error-3GXRR- .icon-2fP4ae {
    color: var(--info-danger-foreground)
}

.infoBox-1_MZLJ {
    margin-top: 16px;
    font-weight: 400
}

.messagePreviewContainer-1oR1Oc {
    padding: 16px 16px 16px 0;
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px;
    max-height: 100px
}

.messageScroller-1rbfam {
    height: 100%
}

.container-1uLMWp {
    margin-bottom: 24px
}

.header-1s4-by {
    margin-bottom: 8px;
    color: var(--header-secondary)
}

.attachmentIcon-3mXPrg {
    width: 20px;
    height: 20px;
    color: var(--interactive-normal)
}

.checkboxRow-3bHQJW:not(:last-child) {
    margin-bottom: 24px
}

.container-6P-O67 {
    margin-bottom: 24px
}

.guildContainer-3uAJOE {
    padding: 16px;
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px
}

.header-2Q_sqq {
    margin-bottom: 8px;
    color: var(--header-secondary)
}

.guildInfo-6vu1TM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.guildIcon-1H-rdU {
    margin-right: 8px
}

.channelTopic-1vEC2v {
    font-weight: 600
}

.successImg-2x8XxV {
    margin-bottom: 16px;
    height: 100px;
    width: 100px
}

.container-EXWwuk {
    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-1d3D8z {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2
}

.header-2uU6y- {
    padding: 32px 24px 16px
}

.body-2wRYDV {
    padding: 8px 24px 16px
}

.spamBanner-1auiob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--background-tertiary);
    margin: 0 16px 16px;
    padding: 12px;
    -webkit-box-shadow: 0 8px 16px var(--elevation-high);
    box-shadow: 0 8px 16px var(--elevation-high);
    border-radius: 5px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.tooltip-2N_zdz {
    text-align: center;
    max-width: 165px
}

.bannerTextContainer-TbC9W4 {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bannerText-VlCuQm,
.bannerTextContainer-TbC9W4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bannerText-VlCuQm {
    margin: auto 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 5;
    -ms-flex: 5 2 auto;
    flex: 5 2 auto
}

.bannerIcon-3Ffn3Y {
    margin-right: 1rem;
    width: 45px;
    height: 45px
}

.bannerHeader-1svgLW {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--header-primary)
}

.bannerSubtext-1_62x- {
    font-size: 14px;
    color: var(--text-normal)
}

.actionButtons-2SAg-Q {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right
}

.actionButtons-2SAg-Q>button {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.smallButton-r6GCEf {
    margin-left: .5rem
}

.largeButton-x1o_n3 {
    margin-left: 16px
}

.container-lJuBHq {
    position: absolute;
    bottom: 84px;
    background-color: var(--background-floating);
    border-radius: 8px;
    margin-left: 16px;
    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;
    max-width: 408px
}

.iconContainer-2k2ykS {
    background-color: var(--background-primary);
    padding: 8px;
    border-radius: 8px;
    max-height: 20px
}

.icon-2PhspP {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header-2a3o4x {
    margin-left: 16px
}

.headerText-1pbePi {
    margin-bottom: 4px
}

.button-13dRcN {
    margin-top: 16px
}

.bannerIcon-1AJ6ir {
    margin-right: 1rem;
    width: 24px;
    height: 24px;
    -ms-flex-item-align: center;
    align-self: center
}

.bannerContainer-3AIrw8 {
    min-width: 100px
}

.bannerHeader-2NYCB- {
    line-height: 20px;
    margin-bottom: 0
}

.wrapper-15CKyy {
    -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-QWkw9-.wrapper-15CKyy {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.cozy-3hKWhq.wrapper-15CKyy {
    padding-left: 4.5rem
}

.a11y-font-scaled-up .cozy-3hKWhq.wrapper-15CKyy {
    padding-left: 72px
}

.compact-QWkw9- .contents-1UYEBX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.375rem;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 5rem
}

.compact-QWkw9- .contents-1UYEBX .content-IQtOge {
    display: contents
}

.cozy-3hKWhq .content-IQtOge {
    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-QWkw9- .content-IQtOge {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    display: inline
}

.blob-1uHjdp {
    -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-3hKWhq .blob-1uHjdp {
    display: block
}

.hidden-38JhOj {
    visibility: hidden
}

.compact-QWkw9- .blob-1uHjdp {
    display: inline-block
}

.cozy-3hKWhq .header-35u4WP {
    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-QWkw9- .header-35u4WP {
    margin-right: .5rem
}

.attachmentContainer-1zVy8E {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.compact-QWkw9- .attachmentContainer-1zVy8E {
    margin-top: .25rem
}

.attachment-16cAbS {
    margin-top: .125rem;
    height: 120px;
    width: 240px
}

.compact-QWkw9- .attachment-16cAbS {
    margin-left: 5rem
}

.blob-1uHjdp+.blob-1uHjdp {
    margin-left: .25rem
}

.header-35u4WP .blob-1uHjdp+.blob-1uHjdp {
    margin-left: .5rem
}

.blob-1uHjdp {
    border-radius: .5rem
}

.attachment-16cAbS {
    border-radius: 6px
}

.attachment-16cAbS,
.avatar-l9Txm5,
.blob-1uHjdp {
    background-color: var(--text-normal)
}

.avatar-l9Txm5 {
    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-l9Txm5 {
    left: 16px;
    top: 4px
}

.compactTimestamp-2UVJBX {
    margin-left: -4rem;
    margin-right: .25rem
}

.wrapper-3HVHpV {
    background-color: var(--background-primary);
    contain: strict;
    overflow: hidden
}

.container-2nx-BQ {
    position: relative;
    width: 40px;
    height: 24px
}

.container-2nx-BQ,
.input-2XRLou {
    border-radius: 14px;
    cursor: pointer
}

.input-2XRLou {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%
}

.input-2XRLou[disabled] {
    cursor: not-allowed;
    pointer-events: none
}

.slider-32CRPX {
    display: block;
    position: absolute;
    left: 0;
    width: 28px;
    height: 18px;
    margin: 3px
}

.container-1zDvAE {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

.container-1zDvAE,
.labelRow-2jl9gK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.labelRow-2jl9gK {
    -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-1fl03- {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.disabled-2qTmnp {
    cursor: not-allowed
}

.disabled-2qTmnp .titleDefault-3GR-DE,
.disabled-2qTmnp .titleMini-1VCYd9 {
    cursor: not-allowed;
    opacity: .6
}

.title-2dsDLn {
    -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-2C4pGr {
    margin-top: 8px
}

.dividerDefault-3C2-ws {
    margin-top: 20px
}

.spacing-2kYqCu {
    margin-bottom: 20px
}

.spacingTop-12U95P {
    margin-top: 20px
}

.message-G6O-Wv {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    pointer-events: none
}

.theme-dark .message-G6O-Wv {
    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-G6O-Wv {
    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)
}

.blockedEdit-2qH_c0,
.blockedSend-WwVhh4 {
    color: var(--text-normal)
}

.shieldIcon-2QHlhC {
    color: var(--text-danger);
    margin-right: 4px
}

.blockedNoticeContainer-2svSMC {
    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: 8px
}

.ephemeralAccessories-bpsPBL {
    margin-top: -4px
}

.learnMore-15guln {
    color: var(--text-muted);
    margin-left: 5px
}

.wrapper-1sePS8 {
    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 4px;
    height: 16px;
    border-radius: 2px;
    margin: 2px 0
}

.loadingWrapper-20mJsc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.disabled-3FAoRi {
    cursor: pointer;
    pointer-events: none;
    opacity: .5
}

.focused-bTFbAI {
    background-color: var(--brand-experiment-560)
}

.icon-UIWZfD {
    margin-right: 4px
}

.list-13gwFt {
    max-height: 500px
}

.container-2gUZhU {
    position: absolute;
    right: 0;
    z-index: 1;
    top: -25px;
    padding: 0 14px 0 32px
}

.isHeader-2bbX-L {
    top: -16px
}

.icon-1zidb7 {
    width: 20px;
    height: 20px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.operations-3q3u6E {
    padding: 7px 0;
    font-size: 12px;
    font-weight: 400;
    text-indent: 0;
    color: var(--text-normal)
}

.operations-3q3u6E>a {
    color: var(--text-link);
    -webkit-transition: .05s;
    transition: .05s;
    text-decoration: none;
    cursor: pointer
}

.operations-3q3u6E>a:hover {
    text-decoration: underline
}

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

.redactedMessages-1Hq4CT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    margin: 18px 18px 0;
    -webkit-box-shadow: 0 8px 16px var(--elevation-high);
    box-shadow: 0 8px 16px var(--elevation-high);
    border-radius: 5px
}

.redactedMessageIcon-2YH2iV {
    margin: auto 15px auto 0
}

.redactedMessageText-30I8AL {
    color: var(--header-primary);
    margin: auto 0
}

.showRedactedMessagesButton-1dbj1L {
    font-size: 16px;
    margin-left: 4px
}

.avatar-1-pIh6 {
    border-radius: 50%
}

.avatar-1-pIh6,
.avatarMask-A65G5R {
    width: 24px;
    height: 24px
}

.avatarMask-A65G5R {
    margin-right: -4px
}

.avatarContainer-CGNinb {
    margin-right: 8px
}

.avatarContainer-CGNinb,
.container-12Vzf8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-12Vzf8 {
    margin-top: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.divider-2BCfFf {
    width: 4px;
    height: 4px;
    margin: 0 16px;
    border-radius: 50%;
    background-color: var(--background-accent)
}

.action-1R6ERA {
    margin-right: 8px
}

.mutualGuilds-1zEYLd {
    cursor: pointer;
    color: var(--interactive-normal)
}

.mutualGuilds-1zEYLd:hover {
    color: var(--interactive-hover)
}

.mutualGuilds-1zEYLd:active {
    color: var(--interactive-active)
}

.container-1yy5xN {
    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;
    margin: 16px
}

.header-1dhDWV {
    font-weight: 700;
    margin: 8px 0
}

.description-22d6ux {
    color: var(--header-secondary)
}

.emptyChannelIcon-1YdEz2 {
    width: 68px;
    height: 68px;
    margin-top: 16px;
    border-radius: 50%;
    background-color: var(--background-accent);
    background-image: url(/assets/750a8ead5eca8745b14658a4ba5b0128.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.emptyChannelIcon-1YdEz2.locked-29sj8C {
    background-image: url(/assets/70ef03e1dff821c96d373e035a0c7099.svg)
}

.emptyChannelIcon-1YdEz2.voiceChat-30r0jZ {
    background-image: url(/assets/0f152ba7085db988df2a28481e286102.svg)
}

.pill-3pRQlO {
    border-radius: 20px;
    background-color: var(--background-secondary-alt);
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    overflow: hidden
}

.pill-3pRQlO.clickable-3YTfAq:not(.disabled-3Rezaw):hover {
    cursor: pointer;
    background-color: var(--background-tertiary)
}

.pill-3pRQlO.disabled-3Rezaw {
    cursor: not-allowed;
    opacity: .5
}

.pill-3pRQlO.small-1j51ag {
    height: 20px;
    padding: 0 8px
}

.emoji-Z6vF9e {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.emoji-Z6vF9e.small-1j51ag {
    width: 12px;
    height: 12px
}

.closeCircle-1vY2xU {
    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;
    background-color: var(--background-floating);
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.close-2T9zgo {
    width: 12px;
    height: 12px;
    color: var(--header-primary)
}

.name-3VLRmL {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 0
}

.tags-2Siay7 {
    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;
    gap: 8px;
    overflow: hidden
}

.container-27JV1h {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 24px
}

.iconWrapper-3FqQ75 {
    width: 64px;
    height: 64px;
    margin-top: 16px;
    border-radius: 50%;
    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
}

.icon-3gfzEo {
    color: #fff;
    width: 40px;
    height: 40px
}

.header-1PtsUu {
    font-weight: 500;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.image-3M1H1y {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.theme-dark .image-3M1H1y {
    background-image: url(/assets/03e1ac95e0dd757f16dc200bf6af9ba3.svg)
}

.theme-light .image-3M1H1y {
    background-image: url(/assets/1416806a4bfc6697e12807cd303914b2.svg)
}

.searchBar-3OIGe3 {
    background-color: var(--background-secondary);
    border: 1px solid var(--background-tertiary);
    margin-bottom: 8px
}

.modalRoot-1Yprp0 {
    height: 478px
}

.button-3gaDMe {
    margin-left: 8px
}

.header-2O2DAl {
    margin-top: 16px
}

.headerSubtitle-3RQYjO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerSubtitleIcon-z_oezG {
    padding-right: 4px
}

.content-2zmthk {
    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-2ktdj3 {
    padding: 0 16px 12px
}

.roleMemberList-1HZfG5 {
    margin: 0
}

.addMemberRow-KVhQFf {
    margin-left: 12px;
    margin-right: 4px;
    padding: 8px 6px;
    border-radius: 4px;
    cursor: pointer
}

.addMemberRow-KVhQFf.selectedRow-1SAgVL {
    background-color: var(--background-modifier-selected)
}

.checkboxLabel-qMzEPK {
    padding-left: 8px
}

.rowHeight-352rou {
    height: 24px
}

.rowLabel-34phVs {
    margin-left: 8px;
    margin-right: 4px
}

.rowTitle-3uwFbH {
    font-weight: 500
}

.rowLabelSubText-1xBuNu {
    margin-left: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sectionTitle-36FhsB {
    color: var(--text-normal);
    padding-top: 8px;
    padding-left: 16px
}

.noResultIcon-3o4K-b {
    margin-bottom: 16px;
    width: 85px;
    height: 85px
}

.description-2Xg0P7 {
    margin-bottom: 24px;
    padding: 0 16px
}

.theme-dark .scrollSeparator-37GFe9 {
    -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-37GFe9 {
    -webkit-box-shadow: 0 1px 0 0 rgba(185, 187, 190, .3);
    box-shadow: 0 1px 0 0 rgba(185, 187, 190, .3)
}

.role-23oyrw {
    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-3cA0as {
    display: inline-block;
    height: 8px;
    width: 8px;
    margin-right: 4px;
    border-radius: 50%
}

.button-arL0BG {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.role-1adzi2:hover {
    background-color: var(--background-modifier-hover)
}

.removeRole-kdiE4Q {
    margin-left: 6px
}

.removeRoleIcon-3uyssj {
    fill: var(--interactive-normal);
    width: 6px;
    height: 6px
}

.role-1adzi2:hover .removeRoleIcon-3uyssj {
    fill: var(--interactive-hover)
}

.button-1kija8 {
    color: var(--text-link);
    margin-right: 8px;
    padding: 6px;
    border-radius: 4px
}

.button-1kija8:hover {
    background-color: var(--background-modifier-hover)
}

.buttonIcon-1TxM6f {
    margin-right: 6px
}

.avatar-3a2ws7 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.memberListItem-3V-x8Q {
    padding: 4px 8px;
    margin: 8px -8px;
    border-radius: 4px
}

.memberListItem-3V-x8Q:last-child {
    margin-bottom: 4px
}

.memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover {
    cursor: pointer
}

.memberListItemTag-TyulHl {
    margin-left: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.username-2ZQ-OO {
    font-weight: 600
}

.theme-dark .memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover {
    background-color: #202225
}

.theme-light .memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover {
    background-color: #ebedef
}

.popoutWrapper-Axc-av {
    position: relative;
    left: -30px;
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 40vh
}

.scroller-1-L89H {
    border-radius: 4px;
    padding: 8px 16px;
    background-color: var(--background-floating)
}

.avatars-37uPL8 {
    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-1odLck {
    margin-left: -2px;
    -webkit-mask: url(/assets/495e7ca1850af3ddc8bc130617549480.svg);
    mask: url(/assets/495e7ca1850af3ddc8bc130617549480.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: alpha
}

.avatar-1odLck:first-child {
    margin-left: 0
}

.avatar-1odLck:last-child {
    -webkit-mask: none;
    mask: none
}

.overflow-2puSw2 {
    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-1CYCy_ {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px
}

.avatars-37eU13,
.members-1CYCy_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.avatars-37eU13 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 12px;
    margin-bottom: 6px
}

.singleUserName-3eHAxk {
    margin-left: 8px
}

.role-1tM_X0 {
    margin-right: 6px;
    margin-bottom: 6px
}

.role-1tM_X0.last-3eoB2R {
    margin-right: 12px
}

.editRoleButton-3LlwPU {
    margin-bottom: 6px
}

.editRoleButtonInner-Fy-MAu {
    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-sCQ_2T {
    margin-top: 16px
}

.buttonContainer-2zLp7E {
    margin-top: 8px
}

.showHistory-1k8bn0 {
    margin-top: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.iconWrapper-3plkqh {
    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-382itv {
    color: #fff;
    width: 32px;
    height: 32px
}

.subtitle-C_i4IN {
    margin-bottom: 2px
}

.threadCreatorName-1NFrTx {
    color: var(--header-primary);
    font-weight: 600
}

.threadCreatorName-1NFrTx:hover {
    cursor: pointer;
    text-decoration: underline
}

.autoArchiveDuration-DHnSxx {
    color: var(--header-primary)
}

.textDivider-23ypAb {
    display: inline-block;
    margin: 0 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--background-accent);
    vertical-align: middle
}

.progressBar-3rB5Ib {
    width: 320px;
    margin-bottom: 24px
}

.boosting-2woLEo,
.serverFlair-f5g3Id {
    width: 248px;
    margin-bottom: 24px
}

.container-30bdan {
    padding: 16px 16px 0
}

.container-30bdan,
.inner--CkhGx {
    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--CkhGx {
    max-width: 400px
}

.titleName-2vkJTW {
    text-align: center;
    font-weight: 700
}

.titleName-2vkJTW p {
    margin: 0
}

.subtitle-3tY4DQ {
    margin-top: 8px;
    margin-bottom: 12px;
    text-align: center
}

.subtitle-3tY4DQ.noChildren-lXOXyJ {
    margin-bottom: 0
}

.cardWrapper-2fBdfM {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.card-PQEqCK {
    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-PQEqCK:hover {
    background-color: var(--background-modifier-hover)
}

.completed-_QmSvM .cardTextContainer-z6Fq-u,
.completed-_QmSvM .icon-2dMhn4,
.completed-_QmSvM .playCircleWrapper-lqcBVe {
    opacity: .6
}

.icon-2dMhn4 {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    background-size: contain;
    background-repeat: no-repeat
}

.playCircleWrapper-lqcBVe {
    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-1inRY_ {
    width: 26px;
    height: 26px
}

.cardHeader-GktiNM {
    font-weight: 600
}

.cardTextContainer-z6Fq-u {
    margin-left: 16px;
    margin-right: 16px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.checkmark-bW9BK8 {
    padding: 4px;
    border-radius: 50%;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    color: #fff
}

.checkmark-bW9BK8.animate-2lCxlp {
    -webkit-animation: completed-_QmSvM .8s;
    animation: completed-_QmSvM .8s
}

.switch-3MsC8J {
    min-width: 40px
}

.switchContainer-1hhaqC {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.hybridCardControls-KKXFJL .switch-3MsC8J {
    margin-bottom: 16px
}

.progressBarCard-2lq1VO {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.welcomeCTAImage-kWk3ZJ {
    margin-top: 12px
}

.hybridCardControls-KKXFJL {
    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: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@-webkit-keyframes completed-_QmSvM {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5);
        box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0);
        box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0)
    }
}

@keyframes completed-_QmSvM {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5);
        box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0);
        box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0)
    }
}

.arrow-3MeJHj {
    justify-self: flex-end;
    color: var(--interactive-normal);
    min-width: 24px
}

.box-2iMsQm {
    background-color: var(--background-secondary);
    border-radius: 12px;
    border: 1px solid var(--background-modifier-accent);
    -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;
    margin: 16px 0 0 16px;
    padding: 12px;
    position: relative
}

.box-2iMsQm:after,
.box-2iMsQm:before {
    content: "";
    height: 0;
    position: absolute;
    top: 64px;
    width: 0
}

.box-2iMsQm:before {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid var(--background-modifier-accent);
    left: 99px
}

.box-2iMsQm:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--background-secondary);
    left: 100px
}

.textContainer-cZ0w02 {
    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: 16px
}

.divider-AZrXIA {
    background-color: var(--background-modifier-accent);
    height: 8px;
    margin-bottom: 16px;
    width: 100%
}

.container-3YcgdM {
    position: sticky;
    top: -1px;
    z-index: 2;
    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: 4px 16px;
    background-color: var(--background-primary);
    border-top: 1px solid var(--background-secondary);
    border-bottom: 1px solid var(--background-secondary);
    margin-top: 8px
}

.header-1RJoTb {
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.button-DAkLIy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--interactive-normal)
}

.button-DAkLIy:hover {
    color: var(--interactive-active)
}

.reactButton-DxRbKO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--interactive-normal);
    width: unset;
    height: unset;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    visibility: visible
}

.reactButton-DxRbKO:hover {
    color: var(--interactive-active)
}

.reactions-2mDOkX {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.buttons-BK5gED {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.divider-Z8vT65 {
    background-color: var(--background-modifier-accent);
    height: 8px;
    margin-bottom: 16px;
    width: 100%
}

.active-OdlCV- {
    color: var(--text-brand)
}

.theme-dark .active-OdlCV-:hover {
    color: var(--brand-experiment-430)
}

.theme-light .active-OdlCV-:hover {
    color: var(--brand-experiment-560)
}

.expanded-3lghlw {
    background-color: var(--background-message-hover)
}

.blockedSystemMessage-3FmE9n {
    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-cd-3B7 {
    width: 1rem;
    height: 1rem;
    display: block;
    color: var(--text-muted)
}

.container-ewnTVi:hover .blockedIcon-cd-3B7 {
    color: var(--status-danger)
}

.blockedMessageText-3Zeg3y {
    color: var(--header-secondary)
}

.blockedAction-2cPk2G {
    color: var(--text-muted);
    cursor: pointer
}

.blockedSystemMessage-3FmE9n:hover .blockedAction-2cPk2G {
    color: var(--text-link)
}

.blockedAction-2cPk2G:hover {
    text-decoration: underline
}

.containerExpanded-3etgq5 {
    margin: 20px;
    width: 232px;
    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
}

.button-1CA3i7 {
    width: 100%;
    margin-top: 24px
}

.containerCompact-1Jto1O {
    margin: 20px 16px 0;
    text-align: center
}

.compactButton-3hG-bs,
.compactButtonDisabled-MwB2d6,
.containerCompact-1Jto1O {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.compactButton-3hG-bs,
.compactButtonDisabled-MwB2d6 {
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    color: var(--header-primary);
    border-radius: 32px
}

.compactButton-3hG-bs:hover {
    cursor: pointer;
    background-color: var(--background-secondary-alt)
}

.compactButtonDisabled-MwB2d6 {
    cursor: not-allowed;
    opacity: .6
}

.text-2guAFQ {
    margin-inline: 8px;
    font-weight: 500
}

.error-sXw9SA {
    margin-top: 8px
}

.messagesWrapper-RpOMA3 {
    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-RpOMA3,
.scrollerContent-2SW0kQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.scrollerContent-2SW0kQ {
    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-kQBbkU {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.scroller-kQBbkU::-webkit-scrollbar-track {
    margin-bottom: 8px
}

.overlay .scroller-kQBbkU::-webkit-scrollbar-track {
    margin-bottom: 0
}

.scrollerInner-2PPAp2 {
    min-height: 0
}

.scrollerInner-2PPAp2:focus {
    outline: none
}

.scrollerSpacer-3AqkT9 {
    display: block;
    height: 30px;
    width: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    pointer-events: none
}

.scrollerSpacer-3AqkT9.empty-26e_55 {
    height: 16px
}

.navigationDescription-3xDmE2 {
    display: none
}

.overlay .scroller-kQBbkU:after {
    height: 20px
}

.messages-2GRAsz {
    margin: 0;
    overflow-x: hidden;
    background-color: var(--background-primary);
    contain: size
}

.scrollerWrap-6LjisI {
    overflow: hidden;
    height: auto
}

.divider-2v1WG4+.messageGroupBlocked-28oIlD {
    margin-top: 12px
}

.highlight {
    background: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, .3)
}

.chatHeaderBar-2fUORh {
    -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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 16px
}

.narrow-2jjOvw {
    padding: 12px 16px
}

.chatHeaderBarText-1yrbqv {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.narrow-2jjOvw .nudgeBarText-Skvruo {
    max-width: 325px
}

.chatHeaderBarButton-3q1QVr {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 16px
}

.nudgeAction-3SNP_b:hover {
    cursor: pointer;
    text-decoration: underline
}

.chatHeaderBar-qygUNT {
    -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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 16px
}

.chatHeaderBarText-1NSzde {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chatHeaderBarButton-1rQFzJ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 16px
}

.chatHeaderBarIcon-1tzf0E {
    color: var(--header-secondary);
    margin-right: 8px;
    width: 16px;
    height: 16px
}

.chatHeaderBarIconStrikethrough-3ug64n {
    color: var(--status-danger)
}

.wrapper-2SplAX {
    position: relative;
    z-index: 1;
    border-radius: 5px;
    margin-bottom: 24px;
    padding: 16px 0;
    width: 100%;
    background-color: var(--background-tertiary)
}

.content-2M_BlY,
.wrapper-2SplAX {
    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-2M_BlY {
    margin-left: 16px
}

.image-3FliiM {
    height: 40px;
    margin-right: 12px;
    margin-bottom: -8px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.animation-1GAstp {
    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-2GfGMu {
    max-height: 40px
}

.text-2GfGMu,
.title-Do_30w {
    overflow: hidden
}

.title-Do_30w {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.button-cO0-d9 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px
}

.buttonContainer-KMz3Ex {
    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-3Imv84 {
    color: var(--text-muted);
    margin-right: 16px
}

.animationMiddle-1jwJkV {
    position: absolute;
    height: 328px;
    width: 320px;
    top: -260px;
    left: 60px
}

.animationContainer-3hz_4v {
    width: 440px;
    position: relative
}

.header-Co4CYl {
    margin: 80px 12px 12px 8px;
    text-align: center
}

.container-2hfz_Q {
    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-2zaHZ9 {
    margin: 24px
}

.clickableChannelTextArea-wQGrXN {
    cursor: pointer
}

.base-3bcbY3 {
    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-3bcbY3 strong {
    font-weight: 700
}

.base-3bcbY3 .text-3S7XCz {
    display: block;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 4px
}

.base-3bcbY3 .ellipsis-1e7x0D {
    display: block;
    margin-left: 9px
}

.base-3bcbY3 .cooldownWrapper-2k1jHK {
    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-3bcbY3 .slowModeIcon-35Psjn {
    display: block;
    margin-left: 4px
}

.activityInviteEducation-3dYEeQ {
    opacity: 0;
    z-index: 1
}

.activityInviteEducationFadeIn-VliKBR {
    opacity: 1
}

.activityInviteEducationArrow-1Avyhe {
    background-repeat: no-repeat;
    background-size: 12px 10px;
    display: inline-block;
    margin: 0 2px 0 24px;
    width: 15px;
    height: 15px
}

.theme-dark .activityInviteEducationArrow-1Avyhe {
    background-image: url(/assets/ce73613685f715d326709ec90c1cd741.svg)
}

.theme-light .activityInviteEducationArrow-1Avyhe {
    background-image: url(/assets/f4e7ce8e56f954f5835783c9bd4ccaeb.svg)
}

.applicationCommandEducation-1stoia {
    opacity: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.applicationCommandEducationFadeIn-2edyZc {
    opacity: 1
}

.applicationCommandEducationPrompt-23S3d- {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.applicationCommandEducationArrow-2xKDmq {
    background-size: 12px 10px;
    margin: 0 2px 0 58px;
    width: 15px;
    height: 15px
}

.applicationCommandEducationArrow-2xKDmq,
.applicationCommandEducationInfo-2hoFIq {
    background-repeat: no-repeat;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.applicationCommandEducationInfo-2hoFIq {
    background-size: 13px;
    margin-right: 2px;
    width: 13px;
    height: 13px
}

.theme-dark .applicationCommandEducationArrow-2xKDmq {
    background-image: url(/assets/ce73613685f715d326709ec90c1cd741.svg)
}

.theme-dark .applicationCommandEducationInfo-2hoFIq {
    background-image: url(/assets/a04f42085864190541e748607e0f217f.svg)
}

.theme-light .applicationCommandEducationArrow-2xKDmq {
    background-image: url(/assets/f4e7ce8e56f954f5835783c9bd4ccaeb.svg)
}

.theme-light .applicationCommandEducationInfo-2hoFIq {
    background-image: url(/assets/8aefe065ee9c1974b1b59b450e7e86a4.svg)
}

.contentWarningPopout-WKdbDG {
    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-DRA95Q {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .6px;
    margin-bottom: 4px
}

.body-2rDNbs {
    min-height: 128px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-2rDNbs strong {
    font-weight: 600
}

.animation-17phMk {
    width: 210px
}

.buttonWrapper-2QBlSW {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buttonContainer-26YEvc:last-child {
    margin-left: 8px
}

.button-bYXZch {
    max-width: 120px
}

.buttonHint-3RmBN4 {
    margin-top: 4px
}

.buttonHint-3RmBN4 strong {
    text-transform: uppercase
}

.content-2BDyq1 {
    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-2BDyq1,
.footer-2aeMle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-2aeMle {
    font-size: 12px;
    padding: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 14px
}

.footer-2aeMle strong {
    font-weight: 700
}

.icon-2Z-xMF {
    margin-right: 4px
}

.theme-dark .contentWarningPopout-WKdbDG {
    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-DRA95Q {
    color: #fff
}

.theme-dark .body-2rDNbs {
    color: #b9bbbe
}

.theme-dark .buttonHint-3RmBN4 {
    color: #72767d
}

.theme-dark .buttonHint-3RmBN4 strong {
    color: #b9bbbe
}

.theme-dark .footer-2aeMle {
    background-color: rgba(32, 34, 37, .4);
    color: #72767d
}

.theme-dark .footer-2aeMle strong {
    color: #b9bbbe
}

.theme-light .contentWarningPopout-WKdbDG {
    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-DRA95Q {
    color: #4f545c
}

.theme-light .body-2rDNbs,
.theme-light .buttonHint-3RmBN4,
.theme-light .buttonHint-3RmBN4 strong {
    color: #72767d
}

.theme-light .footer-2aeMle {
    background-color: #f6f6f7;
    border-radius: 0 0 5px 5px;
    color: #72767d
}

.theme-light .footer-2aeMle strong {
    color: #72767d
}

.chat-2ZfjoI {
    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);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.chat-2ZfjoI .uploadArea-2uvx-B {
    position: fixed
}

.chat-2ZfjoI.threadSidebarOpen-1LSXvU {
    border-radius: 0 8px 8px 0
}

.chat-2ZfjoI.threadSidebarOpen-1LSXvU .uploadArea-2uvx-B {
    width: auto;
    margin-right: 8px;
    border-radius: 0 8px 8px 0
}

.chat-2ZfjoI.threadSidebarOpen-1LSXvU.threadSidebarFloating-uC2s6v .uploadArea-2uvx-B {
    border-radius: 0;
    margin-right: 0
}

.form-3gdLxP {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: -8px
}

.form-3gdLxP:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: .5rem;
    width: 1.25rem
}

.theme-dark .form-3gdLxP: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-3gdLxP: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-3KubbW {
    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-3JF56F {
    cursor: pointer
}

.content-1jQy2l {
    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-1jQy2l.noChat-sb1z07 {
    overflow: hidden
}

.content-1jQy2l: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-1FufC0 {
    margin-bottom: 24px;
    background-color: var(--background-primary)
}

.titleWrapper-2pNL_a {
    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-3u0pbu {
    margin-right: 4px;
    cursor: pointer;
    opacity: .6;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.editPartyIcon-3u0pbu:hover {
    opacity: 1
}

.channelName-FZ7qNw {
    margin: 0 8px
}

.parentChannelName-R4UlaT {
    color: var(--header-secondary)
}

.parentChannelName-R4UlaT:hover {
    color: var(--header-primary)
}

.title-31SJ6t {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 100
}

.followButton-1N-GGp {
    padding: 4px 8px;
    margin-right: 8px
}

.status-12NUUC {
    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-31SJ6t {
    -webkit-app-region: no-drag
}

.guildBreadcrumbContainer-3LUtHj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.guildBreadcrumbIcon-364Xpt {
    margin-left: 8px;
    margin-right: 8px
}

.loader-1iM037 {
    -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;
    width: 100%
}

.base-3G-1g8 {
    display: block;
    position: absolute;
    background-position: 0
}

.sparkle-3PY9_W {
    width: 43px;
    height: 43px;
    background-size: 774px 43px;
    background-position: -731px;
    -webkit-animation: sparkle-3PY9_W 1.5s steps(17, start) infinite forwards;
    animation: sparkle-3PY9_W 1.5s steps(17, start) infinite forwards
}

.pop-1ywoKR {
    width: 24px;
    height: 24px;
    background-size: 840px 24px;
    background-position: -816px;
    -webkit-animation: pop-1ywoKR 2.91666666667s steps(34, start) infinite forwards;
    animation: pop-1ywoKR 2.91666666667s steps(34, start) infinite forwards
}

.light-RK7d-n {
    width: 20px;
    height: 20px;
    background-size: 620px 20px;
    -webkit-animation: light-RK7d-n 2.58333333333s steps(30, start) infinite forwards;
    animation: light-RK7d-n 2.58333333333s steps(30, start) infinite forwards
}

.cross-1SI0z1,
.light-RK7d-n {
    background-position: -600px
}

.cross-1SI0z1 {
    width: 25px;
    height: 25px;
    background-size: 625px 25px;
    -webkit-animation: cross-1SI0z1 2.083325s steps(23, start) infinite forwards;
    animation: cross-1SI0z1 2.083325s steps(23, start) infinite forwards
}

.sparkleWhite-3feD4l {
    background-image: url(/assets/04d7ca8cfb04c92c05baf63d8dd3a84c.png)
}

.sparkleGrey-3-2SWb {
    background-image: url(/assets/22a50c5f66884ef5762f0a0b96d1ef08.png)
}

.sparkleBlurple-1RvNwy {
    background-image: url(/assets/3a213f4f415b8587b397fd6043d4bc1a.png)
}

.popWhite-3SV9xY {
    background-image: url(/assets/d691a1d7aa78c8b0b10f984d33f5e1e0.png)
}

.popGrey-25HExo {
    background-image: url(/assets/bf2d7cd12bbcec93478a485271fb31c6.png)
}

.popBlurple-euq4qQ {
    background-image: url(/assets/e31367eb38fe285a4bbc86b2e62a42df.png)
}

.lightWhite-lEUEux {
    background-image: url(/assets/1c20f6ecd2d83c1844a3fd6da306d239.png)
}

.lightGrey-y5I6rE {
    background-image: url(/assets/64aaf58241b1f4a6c9655564d0f0b028.png)
}

.lightBlurple-2E9bKg {
    background-image: url(/assets/9e50939d5d7ca61fdb9534298ff2d58a.png)
}

.crossWhite-2JRhdZ {
    background-image: url(/assets/c13a0b03a798023c27155fad5f0c7a61.png)
}

.crossGrey-15mEQ2 {
    background-image: url(/assets/eb0e7f0b11970eca575cbdc7718e8482.png)
}

.crossBlurple-xAYtl0 {
    background-image: url(/assets/18d708afcc8653f148927a308b203be2.png)
}

@-webkit-keyframes sparkle-3PY9_W {
    0% {
        background-position: 0
    }

    40% {
        background-position: -731px
    }

    to {
        background-position: -731px
    }
}

@keyframes sparkle-3PY9_W {
    0% {
        background-position: 0
    }

    40% {
        background-position: -731px
    }

    to {
        background-position: -731px
    }
}

@-webkit-keyframes pop-1ywoKR {
    0% {
        background-position: 0
    }

    40% {
        background-position: -816px
    }

    to {
        background-position: -816px
    }
}

@keyframes pop-1ywoKR {
    0% {
        background-position: 0
    }

    40% {
        background-position: -816px
    }

    to {
        background-position: -816px
    }
}

@-webkit-keyframes light-RK7d-n {
    0% {
        background-position: 0
    }

    40% {
        background-position: -600px
    }

    to {
        background-position: -600px
    }
}

@keyframes light-RK7d-n {
    0% {
        background-position: 0
    }

    40% {
        background-position: -600px
    }

    to {
        background-position: -600px
    }
}

@-webkit-keyframes cross-1SI0z1 {
    0% {
        background-position: 0
    }

    40% {
        background-position: -600px
    }

    to {
        background-position: -600px
    }
}

@keyframes cross-1SI0z1 {
    0% {
        background-position: 0
    }

    40% {
        background-position: -600px
    }

    to {
        background-position: -600px
    }
}

.platform-osx .container-ZMc96U {
    -webkit-app-region: drag
}

.container-ZMc96U {
    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-ZMc96U,
.container-ZMc96U * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container-ZMc96U.themed-Hp1KC_ {
    background: var(--background-primary)
}

.container-ZMc96U.transparent-1lUmft {
    background: transparent
}

.children-3xh0VB {
    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-3xh0VB:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%
}

.theme-dark .children-3xh0VB: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-3xh0VB: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-1lUmft .children-3xh0VB:after {
    display: none
}

.toolbar-3_r2xA {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0
}

.title-17SveM,
.toolbar-3_r2xA {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.title-17SveM {
    -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-ZD7xvu {
    cursor: pointer
}

.iconWrapper-2awDjA {
    position: relative;
    height: 24px;
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 8px
}

.icon-2xnN2Y {
    display: block;
    width: 24px;
    height: 24px;
    -webkit-app-region: no-drag;
    color: var(--channel-icon)
}

.clickable-ZD7xvu .icon-2xnN2Y {
    color: var(--interactive-normal)
}

.clickable-ZD7xvu:hover .icon-2xnN2Y {
    color: var(--interactive-hover)
}

.selected-29KTGM .icon-2xnN2Y {
    color: var(--interactive-active)
}

.iconBadge-3Mmg92 {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: var(--status-danger)
}

.divider-q3P9HC {
    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-1le2LN {
    color: var(--text-muted);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 10px;
    margin: 0 2px
}

.enable-forced-colors .container-ZMc96U {
    border-bottom: 2px solid CanvasText
}

.strikethrough-958bun {
    color: var(--status-danger)
}

.disableFlex-3I_kDH {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.akaBadge-3i7V3p {
    margin-left: 8px;
    background-color: var(--background-secondary)
}

.akaBadge-3i7V3p,
.nicknames-10Sg6e {
    color: var(--header-secondary)
}

.nicknames-10Sg6e {
    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
}

.nicknames-10Sg6e span {
    cursor: pointer
}

.avatars-2jLHaO {
    margin-left: 8px
}

.avatar-3XmvJx {
    display: block;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.tooltip-C5N4wl {
    display: inline
}

.spacer-1F8G1H {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.moreAvatars-2nIgQL {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--interactive-normal);
    width: 16px;
    height: 16px;
    cursor: pointer;
    overflow: hidden
}

.moreAvatars-2nIgQL:hover {
    color: var(--interactive-hover)
}

.plusIcon-mnOXOd {
    display: block;
    margin-top: -1px;
    margin-left: -1px;
    width: 18px;
    height: 18px
}

.container-1bg4pR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

.container-1bg4pR,
.container-1bg4pR *,
.input-1nrc5P {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.input-1nrc5P {
    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-1nrc5P:focus,
.outer-1KB3kA:hover .input-1nrc5P {
    -webkit-box-shadow: inset 0 0 0 1px var(--background-tertiary);
    box-shadow: inset 0 0 0 1px var(--background-tertiary)
}

.input-1nrc5P:focus {
    background-color: var(--background-secondary)
}

.container-89zvna {
    -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-3aS_Eg,
.container-89zvna {
    position: relative;
    min-width: 0
}

.channelName-3aS_Eg {
    -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-3aS_Eg div,
.channelName-3aS_Eg input {
    font-family: var(--font-display);
    font-weight: 600
}

.modal-3Hrb0S {
    font-size: 13px;
    white-space: pre-wrap;
    word-wrap: break-word;
    width: 490px;
    max-height: 800px
}

.content-FDHp32 {
    font-size: 16px;
    line-height: 20px
}

.content-FDHp32 .emoji {
    -o-object-fit: contain;
    object-fit: contain;
    width: 22px;
    height: 22px
}

.content-FDHp32 h1 {
    line-height: 20px;
    font-size: 16px
}

.content-FDHp32 h1,
.content-FDHp32 h2,
.content-FDHp32 strong {
    font-weight: 700
}

.content-FDHp32 em,
.content-FDHp32 i {
    font-style: italic
}

.content-FDHp32 p+p {
    margin-top: 10px
}

.content-FDHp32 ol {
    margin: 16px 0 16px 16px
}

.content-FDHp32 ol li {
    list-style-type: decimal;
    margin-bottom: 8px;
    margin-left: 20px
}

.content-FDHp32 ul {
    margin: 20px 0 8px 20px
}

.content-FDHp32 ul ul {
    margin-top: 8px
}

.content-FDHp32 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-FDHp32 ul li:last-child {
    margin-bottom: 0
}

.content-FDHp32 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-FDHp32 ul li li:before {
    top: 12px;
    height: 2px;
    border-radius: 0
}

.content-FDHp32 img {
    width: 100%
}

.content-FDHp32 a {
    color: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%);
    -webkit-transition: .05s;
    transition: .05s;
    text-decoration: none
}

.content-FDHp32 a:hover {
    text-decoration: underline
}

.theme-dark .content-FDHp32 ol,
.theme-dark .content-FDHp32 p,
.theme-dark .content-FDHp32 ul li {
    color: #b9bbbe
}

.theme-dark .content-FDHp32 ul li:before {
    background-color: #dcddde
}

.theme-light .content-FDHp32 ol,
.theme-light .content-FDHp32 p,
.theme-light .content-FDHp32 ul li {
    color: #72767d
}

.theme-light .content-FDHp32 ul li:before {
    background-color: #72767d
}

.messagesPopoutWrap-3zryHW {
    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-3zryHW .mention {
    pointer-events: none
}

.header-1w9Q93 {
    position: relative;
    padding: 16px;
    background-color: var(--background-tertiary);
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.title-3OGHA5 {
    color: var(--header-primary)
}

.footer-5ji8u1 {
    padding: 16px;
    text-align: center;
    height: 53px;
    background-color: var(--background-tertiary)
}

.loadingMore-2RyzzT {
    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-2RyzzT .spinner-2S0D_S {
    display: inline-block;
    margin: 0
}

.hasMore-b3rRYd,
.loadingMore-2RyzzT {
    margin-top: 8px;
    height: 32px
}

.hasMore-b3rRYd {
    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-eVzQcI {
    padding: 8px 0 0 8px
}

.messageGroupWrapper-1jf_7C {
    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-1jf_7C .messageGroupCozy-3v_RqN {
    margin-left: -4px;
    padding-top: 12px;
    padding-bottom: 12px
}

.scrollingFooterWrap-grqTU8 {
    position: relative
}

.emptyPlaceholder-1-a1LK {
    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-1-a1LK,
.emptyPlaceholder-1-a1LK.bottom-3-6RzO {
    -webkit-box-align: center;
    align-items: center
}

.emptyPlaceholder-1-a1LK.bottom-3-6RzO {
    -ms-flex-align: center;
    margin-bottom: 0
}

.emptyPlaceholder-1-a1LK.bottom-3-6RzO .image-t6rLT3 {
    margin-top: 25px
}

.emptyPlaceholder-1-a1LK.loadingPlaceholder-1kkUMu {
    margin-top: 100px
}

.image-t6rLT3 {
    width: 120px;
    height: 120px;
    background-size: 94px 120px;
    background-repeat: no-repeat;
    background-position: 50%
}

.body-GBnhET {
    white-space: pre;
    margin-top: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    color: var(--text-normal)
}

.loadingPlaceholder-1kkUMu {
    margin-top: 240px
}

.channelSeparator-1-U8lm {
    margin-top: 24px;
    margin-bottom: 8px
}

.channelName-2hRlxz {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    cursor: pointer;
    color: var(--header-primary)
}

.channelName-2hRlxz:hover {
    text-decoration: underline
}

.guildName-14dEiI {
    color: var(--text-muted);
    font-weight: 500;
    margin-left: 4px;
    font-size: 12px;
    line-height: 16px
}

.channelSeparator-1-U8lm:first-of-type {
    margin-top: 13px
}

.actionButtons-2mNSAB {
    display: none;
    position: absolute;
    top: 12px;
    right: 12px
}

.messageGroupWrapper-1jf_7C:focus-within .actionButtons-2mNSAB,
.messageGroupWrapper-1jf_7C:hover .actionButtons-2mNSAB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.jumpButton-1ZwI_j {
    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-1ZwI_j:hover {
    color: var(--interactive-hover)
}

.keyboard-mode .jumpButton-1ZwI_j:focus {
    -webkit-box-shadow: 0 0 0 4px var(--focus-primary);
    box-shadow: 0 0 0 4px var(--focus-primary)
}

.jumpButton-1ZwI_j .loading-37Swh2 {
    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-1ZwI_j .loading-37Swh2.visible-2w9j_f {
    opacity: 1
}

.closeIcon-2IriN1 {
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    color: var(--interactive-normal)
}

.closeIcon-2IriN1:hover {
    color: var(--interactive-hover)
}

.closeIcon-2IriN1:active {
    color: var(--interactive-active)
}

.button-1_oXub {
    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_oXub {
    -webkit-transition: color .2s ease, background-color .2s ease;
    transition: color .2s ease, background-color .2s ease
}

.primary-38Hs-h {
    background-color: var(--background-primary);
    color: var(--header-primary)
}

.primary-38Hs-h:hover:not(.disabled-184-il) {
    color: var(--interactive-active)
}

.primary-38Hs-h:hover:not(.disabled-184-il),
.secondary-2bzKEX {
    background-color: var(--background-secondary)
}

.secondary-2bzKEX {
    color: var(--header-secondary)
}

.secondary-2bzKEX:hover:not(.disabled-184-il) {
    background-color: var(--background-primary);
    color: var(--interactive-active)
}

.tertiary-1e-lAP {
    background-color: var(--background-tertiary);
    color: var(--interactive-normal)
}

.tertiary-1e-lAP:hover:not(.disabled-184-il) {
    background-color: var(--background-floating);
    color: var(--interactive-active)
}

.size24-2M06PP {
    padding: 4px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px
}

.size32-1NLMUP {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px
}

.size36-3VxB5R {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px
}

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

.jumpButton-1V_1FA {
    -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-1V_1FA .text-2ifC_x {
    color: var(--header-secondary)
}

.jumpButton-1V_1FA:hover .text-2ifC_x {
    color: var(--interactive-hover)
}

.jumpButton-1V_1FA:active .text-2ifC_x {
    color: var(--interactive-active)
}

.channelHeader-DFRX8q {
    -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: sticky;
    top: 0;
    z-index: 10
}

.dmIcon-1ZeAqq {
    border-radius: 12px;
    height: 40px;
    width: 40px
}

.dmIcon-1ZeAqq,
.guildIcon-IklRcj {
    cursor: pointer;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.guildIcon-IklRcj {
    background-color: var(--background-secondary-alt)
}

.channelNameSection-3OgeRa {
    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-1ImhlC {
    border-radius: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 8px;
    position: relative;
    text-shadow: none;
    top: -1px
}

.channelName-3APnhp,
.subtext-2-lYzF {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.channelName-3APnhp,
.guildName-y1svcU {
    cursor: pointer;
    display: inline-block;
    min-width: 0;
    width: 100%
}

.channelName-3APnhp:hover .channelNameSpan-1rY63L,
.guildName-y1svcU:hover .channelNameSpan-1rY63L {
    text-decoration: underline
}

.channelName-3APnhp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.forumIcon-29pysu {
    margin-right: 4px
}

.channelNameHeader-51gJbl {
    height: 20px
}

.subtext-2-lYzF,
.subtextContainer-1jbEbB {
    max-height: 16px;
    min-width: 0;
    width: 100%
}

.activityStatus-2qOq_J {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.activityEmoji-1jd5k4 {
    margin-right: 4px;
    width: 14px;
    height: 14px
}

.container-nwU-8G {
    -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-33_6mP {
    margin-bottom: 16px;
    position: relative
}

.icon-2yhmi8 {
    background-color: var(--background-primary);
    border-radius: 80px;
    color: var(--text-muted);
    padding: 22px
}

.stars-2vhEVR {
    position: absolute;
    left: -10px
}

.header-3rvP-v {
    margin-bottom: 8px
}

.protip-3Kd73Y {
    font-weight: 700;
    text-transform: uppercase
}

.header-145e10 {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 56px;
    padding: 12px 16px
}

.header-145e10.expanded-2H1xJ- {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.header-145e10.expanded-2H1xJ-,
.header-145e10 .tab-TRrPC8 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-145e10 .tab-TRrPC8 {
    -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;
    margin-top: 4px;
    text-align: center
}

.header-145e10 .tab-TRrPC8.expanded-2H1xJ- {
    margin-top: 0
}

.theme-dark .header-145e10 .tabBar-1qdMr5 .tab-TRrPC8.active-1grPyy {
    background-color: var(--background-accent)
}

.expandedTabBar-3LieQO {
    margin-left: 8px
}

.unreadMentions-3ar8Uv {
    padding-right: 8px
}

.inboxIcon-1XO7FO {
    color: var(--interactive-active)
}

.inboxIcon-1XO7FO,
.inboxText-38HJnh {
    margin-right: 8px
}

.controls-1rku3l {
    margin-left: auto
}

.iconBadge-mrmJe5 {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: var(--status-danger)
}

.recentMentionsPopout-2bI1ZN {
    width: 35vw;
    max-width: 600px;
    min-width: 480px;
    max-height: 80vh
}

.scroller-MIi2ab {
    padding: 0
}

.container-iA3Qrz {
    margin-bottom: 16px;
    padding-right: 9px
}

.closeButton-3CiW2j {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px
}

.messageContainer-3VTXBC {
    margin-left: 16px;
    background-color: var(--background-primary);
    border-radius: 8px;
    padding: 16px 16px 16px 0;
    position: relative
}

.jumpButton-1ITAeq {
    right: 16px;
    top: 19px;
    opacity: 0
}

.messageContainer-3VTXBC:focus-within .jumpButton-1ITAeq,
.messageContainer-3VTXBC:hover .jumpButton-1ITAeq {
    opacity: 1
}

.message-3g3FYR {
    overflow: hidden;
    padding-right: 0
}

.messageContainer-3VTXBC .message-3g3FYR:first-of-type {
    margin-top: 0
}

.container-4Sm420 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    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;
    position: relative
}

.container-4Sm420:hover {
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.container-4Sm420.isOpen-3LycAk {
    border-color: var(--background-modifier-accent);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    transform: none
}

.container-4Sm420.isRead-1m5wou .title-2eD607 {
    font-weight: 500
}

.container-4Sm420.isRead-1m5wou .authorName-1J062Y {
    opacity: .8
}

.container-4Sm420.isRead-1m5wou .posterAvatar-_5Kmwe {
    opacity: .6
}

.theme-dark .container-4Sm420.isRead-1m5wou .activityText-1JPNMS,
.theme-dark .container-4Sm420.isRead-1m5wou .messageContent-21X6cP,
.theme-dark .container-4Sm420.isRead-1m5wou .messageCount-dk7EyT,
.theme-dark .container-4Sm420.isRead-1m5wou .messageCountIcon-1mDNy1,
.theme-dark .container-4Sm420.isRead-1m5wou .title-2eD607 {
    color: #a3a6aa
}

.theme-light .container-4Sm420.isRead-1m5wou .activityText-1JPNMS,
.theme-light .container-4Sm420.isRead-1m5wou .messageContent-21X6cP,
.theme-light .container-4Sm420.isRead-1m5wou .messageCount-dk7EyT,
.theme-light .container-4Sm420.isRead-1m5wou .messageCountIcon-1mDNy1,
.theme-light .container-4Sm420.isRead-1m5wou .title-2eD607 {
    color: #5e6772
}

.neverSeenBefore-2fai13:before {
    background-color: var(--header-primary);
    border-radius: 0 4px 4px 0;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin-left: -4px;
    position: absolute;
    top: 54px;
    width: 8px
}

.left-18SP26 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.body-Um3Gfo,
.footer-KSAJvs,
.header-2HX6gk {
    padding: 0 16px
}

.header-2HX6gk {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    margin-bottom: 8px;
    padding-top: 16px
}

.body-Um3Gfo,
.header-2HX6gk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-Um3Gfo {
    -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-width: 0
}

.message-3ofIyn {
    max-height: 36px;
    overflow: hidden
}

.messageContent-21X6cP {
    font-size: 14px !important;
    line-height: 18px !important;
    word-break: break-word
}

.bodyMedia-3gwMEx {
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    min-height: 112px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px;
    overflow: hidden;
    width: 112px
}

.bodyMedia-3gwMEx,
.thumbnailContainer-3hE-bv {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.thumbnailContainer-3hE-bv {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 80px
}

.spoiler-aAGgay {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    pointer-events: none
}

.authorName-1J062Y {
    font-weight: 600
}

.avatarPlaceholder-H3F1P5,
.posterAvatar-_5Kmwe {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.avatarPlaceholder-H3F1P5 {
    height: 16px;
    width: 16px
}

.body-Um3Gfo {
    padding-bottom: 12px
}

.title-2eD607 {
    margin-bottom: 8px
}

.footer-KSAJvs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px;
    padding-bottom: 16px;
    position: relative;
    overflow: hidden
}

.bullet-NBPCDo {
    color: var(--background-modifier-accent);
    margin: 0 8px
}

.tags-wjPvxY {
    gap: 8px
}

.tags-wjPvxY,
.typing-2wQyyr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.typing-2wQyyr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.dots-3PpBal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    border: 3px solid var(--background-primary);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -4px;
    margin-right: 8px;
    width: 24px
}

.typingUsers-2P__Jq {
    position: static
}

.messageCountBox-3fbmh2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px
}

.messageCount-dk7EyT {
    color: var(--text-normal);
    font-weight: 500
}

.messageCountIcon-1mDNy1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--header-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px;
    margin-top: 1px;
    height: 24px
}

.newMessageCount-2z5Mhl {
    font-weight: 500;
    margin-left: 4px
}

.reactionCount-1V76qU {
    font-weight: 500
}

.reaction-31EiV6 {
    height: 16px;
    margin-right: 4px
}

.container-3uGwcl {
    background-color: var(--background-primary);
    border-radius: 8px;
    padding: 16px
}

.forumPost-3i1mpe {
    margin: 0 0 16px
}

.container-3uGwcl .forumPost-3i1mpe:last-of-type {
    margin-bottom: 0
}

.messages-23can0 {
    background-color: var(--background-primary);
    border-radius: 8px;
    padding: 16px 16px 16px 0
}

.messageContainer-8dSNjf {
    position: relative
}

.jumpButton-2936DI {
    opacity: 0
}

.messageContainer-8dSNjf:focus-within .jumpButton-2936DI,
.messageContainer-8dSNjf:hover .jumpButton-2936DI {
    opacity: 1
}

.message-372Ods {
    overflow: hidden;
    padding-right: 0
}

.message-372Ods .mention {
    pointer-events: none
}

.messages-23can0 .messageContainer-8dSNjf:first-of-type .message-372Ods {
    margin-top: 0
}

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

.channel-3NJZ1V {
    padding-bottom: 16px
}

.collapseButton-39-IRc,
.markReadButton-28SmPf {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.markReadButton-28SmPf {
    margin-left: 12px
}

.collapseButton-39-IRc {
    color: var(--interactive-normal);
    cursor: pointer;
    position: absolute;
    left: -6px;
    width: 16px;
    height: 16px;
    padding: 2px
}

.collapseButton-39-IRc.collapsed-1HsWsD {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.divider-1pfFSB {
    margin-top: 48px;
    margin-bottom: 32px
}

.dividerContent-S4W2Ro {
    background: transparent
}

.container-2ebMPP {
    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-2oYzkF {
    margin-bottom: 32px;
    margin-top: 32px
}

.tutorial-Nb3Zz5 {
    background-color: var(--background-tertiary);
    border-radius: 8px;
    padding: 16px;
    margin: 16px 0
}

.tutorial-Nb3Zz5,
.tutorialIcon-25VF3Q {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tutorialIcon-25VF3Q {
    -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-1O9Mz2 {
    margin-top: 8px
}

.scroller-145h9c {
    padding: 0 16px
}

.expandedMarkAllReadContainer-3G9M6a {
    background-color: var(--background-primary);
    padding: 16px
}

.searchAnswer-23w-CH {
    padding: 0 2px;
    margin-right: 2px;
    margin-left: -2px;
    border-radius: 0 2px 2px 0
}

.searchFilter-2UfsDk {
    padding: 0 2px;
    border-radius: 2px 0 0 2px
}

.searchFilter-2UfsDk+.searchFilter-2UfsDk {
    margin-left: 2px
}

.searchFilter-2UfsDk:first-child {
    margin-left: -2px
}

.searchAnswer-23w-CH,
.searchFilter-2UfsDk {
    display: inline-block;
    height: 20px;
    color: #fff
}

.theme-light .searchAnswer-23w-CH,
.theme-light .searchFilter-2UfsDk {
    background-color: #72767d
}

.theme-dark .searchAnswer-23w-CH,
.theme-dark .searchFilter-2UfsDk {
    background-color: #34383d
}

.container-2McqkF {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden;
    background-color: var(--background-floating)
}

.container-2McqkF:empty {
    -webkit-box-shadow: none;
    box-shadow: none
}

.queryContainer-ZunrLZ {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    border-bottom: 1px solid
}

.queryShortcut-GrmI-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.queryText-j8z984 {
    -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-j8z984 strong {
    font-size: 15px;
    text-transform: none
}

.theme-dark .queryContainer-ZunrLZ {
    color: #b9bbbe;
    border-bottom-color: hsla(214, calc(var(--saturation-factor, 1)*9.1%), 15.1%, .3)
}

.theme-dark .queryContainer-ZunrLZ strong {
    color: #fff
}

.theme-dark .focused-2FU0YH {
    background-color: hsl(214, calc(var(--saturation-factor, 1)*9.1%), 15.1%)
}

.theme-light .queryContainer-ZunrLZ {
    color: #72767d;
    border-bottom-color: #dcddde
}

.theme-light .queryContainer-ZunrLZ strong {
    color: #4f545c
}

.theme-light .focused-2FU0YH {
    background-color: #f6f6f7
}

.enable-forced-colors .container-2McqkF {
    border: 2px solid CanvasText
}

.resultsGroup-cfY57t {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -1px
}

.resultsGroup-cfY57t:before {
    content: "";
    display: block;
    position: relative;
    top: -10px;
    margin: 0 20px
}

.resultsGroup-cfY57t .header-1BR0Ro {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 20px 10px
}

.resultsGroup-cfY57t .searchClearHistory-3nIKUO,
.resultsGroup-cfY57t .searchLearnMore-1gNL3A {
    position: absolute;
    top: 12px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: var(--interactive-normal)
}

.resultsGroup-cfY57t .searchClearHistory-3nIKUO:hover,
.resultsGroup-cfY57t .searchLearnMore-1gNL3A:hover {
    color: var(--interactive-hover)
}

.resultsGroup-cfY57t .searchClearHistory-3nIKUO svg,
.resultsGroup-cfY57t .searchLearnMore-1gNL3A svg {
    width: 16px;
    height: 16px
}

.resultsGroup-cfY57t .searchLearnMore-1gNL3A a {
    color: inherit
}

.resultsGroup-cfY57t .searchLearnMore-1gNL3A {
    right: 17px
}

.resultsGroup-cfY57t .searchClearHistory-3nIKUO {
    right: 16px
}

.resultsGroup-cfY57t .searchLearnMore-1gNL3A a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.option-ayUoaq,
.resultsGroup-cfY57t .searchClearHistory-3nIKUO {
    overflow: hidden
}

.option-ayUoaq {
    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-ayUoaq:after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px
}

.option-ayUoaq:hover .plusIcon-1RVszG,
.option-ayUoaq[aria-selected=true] .plusIcon-1RVszG {
    color: var(--interactive-hover);
    display: block
}

.option-ayUoaq:hover:before,
.option-ayUoaq[aria-selected=true]:before {
    z-index: 2;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 34px;
    width: 24px
}

.option-ayUoaq:hover:after,
.option-ayUoaq[aria-selected=true]:after {
    width: 60px
}

.option-ayUoaq 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-ayUoaq .nonText-28q_Ot {
    margin: 0 4px
}

.option-ayUoaq .filter-2QaH9y {
    margin: 0 2px 0 4px
}

.option-ayUoaq .answer-14OVbQ {
    margin: 0 4px 0 2px;
    font-weight: 500
}

.option-ayUoaq strong {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.option-ayUoaq .filter-2QaH9y {
    margin-right: 4px
}

.option-ayUoaq>:first-child {
    margin-left: 0
}

.option-ayUoaq.user-1dKxvu .displayAvatar-3jNvaK {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block
}

.option-ayUoaq.user-1dKxvu .displayedNick-1atSpT {
    font-weight: 500;
    margin: 0 5px
}

.option-ayUoaq.user-1dKxvu .displayUsername-UTerwm {
    font-weight: 500
}

.option-ayUoaq.linkSource-2_yhTk strong {
    text-transform: capitalize
}

.searchOption-3u1gRt .filter-2QaH9y {
    font-weight: 500;
    margin: 0 4px 0 0
}

.searchOption-3u1gRt .answer-14OVbQ {
    font-weight: 500
}

.datePicker-3iA7_k {
    -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-3iA7_k,
.datePicker-3iA7_k .datePickerHint-Ir4715 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.datePicker-3iA7_k .datePickerHint-Ir4715 {
    padding: 20px 0;
    margin: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.datePicker-3iA7_k .datePickerHint-Ir4715 .hint-xfbpCV {
    font-size: 16px
}

.datePicker-3iA7_k .datePickerHint-Ir4715 .hintValue-V9hd8l {
    font-size: 14px;
    line-height: 22px;
    padding: 0 3px;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer
}

.searchResultChannelIcon-C-3P9x {
    vertical-align: top;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.searchResultChannelCategory-19ujDo {
    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-1RVszG {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: none
}

.theme-dark {
    --search-popout-option-fade: linear-gradient(90deg, rgba(24, 25, 28, 0), #18191c 80%);
    --search-popout-option-fade-hover: linear-gradient(90deg, rgba(54, 57, 63, 0), #36393f 50%);
    --search-popout-option-user-nickname: var(--text-normal);
    --search-popout-option-user-username: var(--text-muted);
    --search-popout-option-filter-text: #72767d;
    --search-popout-option-non-text-color: #caccce;
    --search-popout-option-filter-color: #caccce;
    --search-popout-option-answer-color: #caccce;
    --search-popout-date-picker-border: 1px solid hsla(214, calc(var(--saturation-factor, 1)*9.1%), 15.1%, 0.3);
    --search-popout-date-picker-hint-text: #caccce;
    --search-popout-date-picker-hint-value-text: #fff;
    --search-popout-date-picker-hint-value-background: var(--brand-experiment);
    --search-popout-date-picker-hint-value-background-hover: var(--brand-experiment-430)
}

.theme-light {
    --search-popout-option-fade: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 80%);
    --search-popout-option-fade-hover: linear-gradient(90deg, rgba(235, 237, 239, 0), #ebedef 50%);
    --search-popout-option-user-nickname: var(--text-normal);
    --search-popout-option-user-username: var(--text-muted);
    --search-popout-option-filter-text: #caccce;
    --search-popout-option-non-text-color: #5e636a;
    --search-popout-option-filter-color: #caccce;
    --search-popout-option-answer-color: #4f545c;
    --search-popout-date-picker-border: 1px solid #dcddde;
    --search-popout-date-picker-hint-text: #caccce;
    --search-popout-date-picker-hint-value-text: #fff;
    --search-popout-date-picker-hint-value-background: var(--brand-experiment);
    --search-popout-date-picker-hint-value-background-hover: var(--brand-experiment-400)
}

.resultsGroup-cfY57t:before {
    border-top: 1px solid var(--background-modifier-accent)
}

.resultsGroup-cfY57t .header-1BR0Ro {
    color: var(--header-secondary)
}

.resultsGroup-cfY57t .plusIcon-1RVszG {
    color: var(--interactive-normal)
}

.resultsGroup-cfY57t .header-1BR0Ro {
    font-weight: 700;
    letter-spacing: .02em;
    font-family: var(--font-display)
}

.option-ayUoaq:after {
    background: var(--search-popout-option-fade)
}

.option-ayUoaq:hover {
    background-color: var(--background-modifier-hover)
}

.option-ayUoaq:hover:after {
    background: var(--search-popout-option-fade-hover)
}

.option-ayUoaq:hover .answer-14OVbQ,
.option-ayUoaq:hover .filter-2QaH9y {
    color: var(--interactive-hover)
}

.option-ayUoaq[aria-selected=true] {
    background-color: var(--background-modifier-hover)
}

.option-ayUoaq[aria-selected=true]:after {
    background: var(--search-popout-option-fade-hover)
}

.option-ayUoaq[aria-selected=true] .answer-14OVbQ,
.option-ayUoaq[aria-selected=true] .filter-2QaH9y {
    color: var(--interactive-hover)
}

.option-ayUoaq .nonText-28q_Ot {
    color: var(--search-popout-option-non-text-color)
}

.option-ayUoaq .answer-14OVbQ,
.option-ayUoaq .filter-2QaH9y,
.option-ayUoaq strong {
    color: var(--text-muted)
}

.option-ayUoaq.user-1dKxvu .displayedNick-1atSpT {
    color: var(--search-popout-option-user-nickname)
}

.option-ayUoaq.user-1dKxvu .displayUsername-UTerwm {
    color: var(--search-popout-option-user-username)
}

.searchOption-3u1gRt .filter-2QaH9y {
    color: var(--interactive-normal);
    font-weight: 600
}

.searchOption-3u1gRt .answer-14OVbQ {
    color: var(--text-muted)
}

.datePicker-3iA7_k {
    border-top: none
}

.datePicker-3iA7_k .datePickerHint-Ir4715 {
    border-top: var(--search-popout-date-picker-border)
}

.datePicker-3iA7_k .datePickerHint-Ir4715 .hint-xfbpCV {
    color: var(--search-popout-date-picker-hint-text)
}

.datePicker-3iA7_k .datePickerHint-Ir4715 .hintValue-V9hd8l {
    color: var(--search-popout-date-picker-hint-value-text);
    background-color: var(--search-popout-date-picker-hint-value-background)
}

.datePicker-3iA7_k .datePickerHint-Ir4715 .hintValue-V9hd8l:hover {
    background-color: var(--search-popout-date-picker-hint-value-background-hover)
}

.searchResultChannelCategory-19ujDo,
.searchResultChannelIcon-C-3P9x {
    color: var(--text-muted);
    opacity: .6
}

.searchResultChannelIconBackground-1fZ6Fk {
    opacity: .6
}

.resultChannel-37MfX_ {
    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
}

.search-2Mwzzq {
    position: relative;
    overflow: visible;
    z-index: 100;
    -webkit-app-region: no-drag
}

.search-2Mwzzq .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-2Mwzzq .DraftEditor-root .DraftEditor-editorContainer {
    border: none;
    overflow: hidden;
    border-radius: 2px;
    height: 20px
}

.search-2Mwzzq .DraftEditor-root .public-DraftEditor-content,
.search-2Mwzzq .DraftEditor-root .public-DraftEditorPlaceholder-root {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 20px;
    padding-left: 2px;
    padding-right: 2px
}

.search-2Mwzzq .DraftEditor-root .public-DraftEditorPlaceholder-root {
    color: var(--text-muted);
    padding-left: 4px
}

.search-2Mwzzq .DraftEditor-root .public-DraftEditor-content {
    overflow-x: auto;
    overflow-y: hidden
}

.search-2Mwzzq .DraftEditor-root .public-DraftStyleDefault-block {
    display: inline-block;
    min-width: 1px;
    white-space: pre
}

.search-2Mwzzq .DraftEditor-root .public-DraftStyleDefault-block span {
    min-width: 1px
}

.searchBar-jGtisZ {
    -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-jGtisZ .icon-tZMHgY {
    width: 24px;
    height: 24px
}

.full-motion .searchBar-jGtisZ {
    -webkit-transition: width .25s ease;
    transition: width .25s ease
}

.focused-1xh-wG .searchBar-jGtisZ,
.open-1F8u2c .searchBar-jGtisZ {
    width: 240px
}

.enable-forced-colors .search-2Mwzzq {
    border: 1px solid ButtonText
}

.enable-forced-colors .focused-1xh-wG,
.enable-forced-colors .open-1F8u2c {
    border-color: Highlight;
    color: CanvasText
}

.enable-forced-colors .search-2Mwzzq .public-DraftEditorPlaceholder-root {
    color: GrayText
}

.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-1HCeOG {
    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-1HCeOG {
    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-3VXLIZ {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.back-2UeP6M {
    margin-right: 12px;
    opacity: .6
}

.back-2UeP6M:active,
.back-2UeP6M:hover {
    opacity: .8
}

.back-2UeP6M:disabled {
    opacity: .2
}

.updateIconForeground-2V_zo4 {
    fill: hsl(139, calc(var(--saturation-factor, 1)*51.6%), 52.2%)
}

.search-39IXmY {
    margin: 0 8px
}

.toolbar-12_jAl {
    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-3u87TS {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    -webkit-animation: arrowBounce-1HCeOG 2s ease-in-out infinite;
    animation: arrowBounce-1HCeOG 2s ease-in-out infinite
}

.theme-light .back-2UeP6M {
    color: #4f545c
}

.theme-light .cloud-PaJUGP {
    color: #9099a4
}

.theme-dark .back-2UeP6M {
    color: #fff
}

.theme-dark .cloud-PaJUGP {
    color: #72767d
}

@media (min-width:849px) {
    .headerBarLoggedOut-2j7gxO {
        padding: 0 30px
    }
}

.topic-11NuQZ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    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-11NuQZ a {
    color: var(--text-link)
}

.topic-11NuQZ a:hover {
    text-decoration: underline
}

.topicClickTarget-2GMi99 {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@media (-webkit-max-device-pixel-ratio:1) {
    .theme-light .topic-11NuQZ {
        font-weight: 400
    }
}

.topic-11NuQZ.expandable-3CaLeS {
    cursor: pointer
}

.content-1G6Z6z {
    padding-bottom: 20px
}

.chat-3t9F_n {
    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-3t9F_n: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
}

.searchIndexAnimation-1PLUuw {
    position: relative;
    width: 320px;
    height: 280px
}

.searchIndexBackground-2pbSFD,
.searchIndexForeground-1lvGxo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.background-1Rr0yL,
.magnifyingGlass-27zRrC,
.mask-3aLaBg {
    -webkit-transform-origin: center;
    transform-origin: center
}

.mask-3aLaBg {
    width: 80px;
    height: 80px
}

.theme-light .searchIndexBackground-2pbSFD {
    background-image: url(/assets/c4b381a414f9b84d817ec0eb59ffaf3f.svg)
}

.theme-dark .searchIndexBackground-2pbSFD {
    background-image: url(/assets/63a3f34794926b2ee4e5ef22b5c31e15.svg)
}

.searchHeader-1r_ZSh {
    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
}

.searchHeader-1r_ZSh,
.searchHeaderTabList-3CZMQB {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.searchHeaderTabList-3CZMQB {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, -webkit-min-content);
    grid-template-columns: repeat(3, min-content)
}

.helpdeskLink-2IwFVX {
    color: var(--interactive-normal)
}

.helpdeskLink-2IwFVX:hover {
    color: var(--interactive-hover);
    text-decoration: underline
}

.totalResults-2On644,
.totalResultsWrapper-eI0_Bn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.totalResults-2On644 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 600;
    padding-right: 1px
}

.spinnerWrapper-6lH0US {
    -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-wjuo80 {
    height: 100%;
    width: 100%
}

.spinnerPath-3AwWtr {
    stroke: var(--text-normal)
}

.pageControlContainer-6nt7kY {
    bottom: 0;
    width: 100%;
    margin-top: 16px
}

.pageControl-1XvHg0 {
    margin: auto;
    padding: 4px 0
}

.pageButton-1GMGeJ,
.pageControl-1XvHg0 {
    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-1GMGeJ {
    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-1GMGeJ:hover {
    color: var(--interactive-hover);
    background-color: var(--background-secondary-alt)
}

.roundButton-2_R5PN {
    min-width: 28px;
    border-radius: 14px
}

.endButton-oUxeLG {
    padding: 0 8px
}

.endButton-oUxeLG:first-child {
    padding-right: 12px
}

.endButton-oUxeLG:last-child {
    padding-left: 12px
}

.endButtonInner-3u90nF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gap-35QmZH {
    width: 28px;
    margin: 8px 4px;
    text-align: center;
    color: var(--text-normal)
}

.iconCaret-SHvQdG {
    display: inline-block;
    width: 1em;
    height: 1em
}

.iconCaret-SHvQdG:first-child {
    margin-right: 4px
}

.iconCaret-SHvQdG:last-child {
    margin-left: 4px
}

.jumpToPageInlineInput-2PCXTj {
    width: 50px
}

.jumpToPageInlineInput-2PCXTj+.activeButton-LRWFC_ {
    margin-left: 10px
}

.activeButton-LRWFC_+.jumpToPageInlineInput-2PCXTj {
    margin-left: 6px
}

.theme-dark .activeButton-LRWFC_,
.theme-dark .activeButton-LRWFC_:hover,
.theme-light .activeButton-LRWFC_,
.theme-light .activeButton-LRWFC_:hover {
    color: #fff;
    background-color: var(--brand-experiment-500)
}

.container-1-h9mY {
    color: var(--header-primary)
}

.container-rZM65Y {
    position: relative;
    outline: none
}

.searchResult-O9NDji {
    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-24k8JL {
    padding: 6px 0
}

.buttonsContainer-Nmgy7x {
    display: none;
    position: absolute;
    right: 8px;
    top: 8px
}

.container-rZM65Y:focus-within .buttonsContainer-Nmgy7x,
.container-rZM65Y:hover .buttonsContainer-Nmgy7x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.button-cfOvv- {
    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-cfOvv-:hover {
    color: var(--interactive-hover)
}

.button-cfOvv-:active {
    color: var(--interactive-active);
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}

.searchResultGroup-1lU_-i {
    margin-bottom: 24px
}

.channelName-3w2Y3c {
    -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-3w2Y3c:hover {
    text-decoration: underline
}

.channelNameIcon-2d0YcP {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 4px
}

.resultsBlocked-2lCGyA {
    -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-2lCGyA:hover {
    color: var(--text-normal)
}

.resultsBlockedImage--tkTSD {
    height: 32px;
    margin-right: 20px;
    width: 32px
}

.theme-dark .resultsBlockedImage--tkTSD {
    background-image: url(/assets/b21bd7d0978d3e2d41eefa8993333435.svg)
}

.theme-light .resultsBlockedImage--tkTSD {
    background-image: url(/assets/a3e10c71ac14f74e1b70ac3d4fedd868.svg)
}

.searchResultsWrap-5RVOkx {
    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-3iiyhZ {
    padding: 16px 16px 0
}

.emptyResultsWrap-1bV_TB {
    -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-1U_A9m {
    margin: auto;
    position: relative;
    padding-bottom: 40px
}

.emptyResultsText-3vgtSn {
    margin: 40px auto 0;
    font-size: 16px;
    font-weight: 500
}

.stillIndexing-3BqmyT {
    width: 300px
}

.errorImage-19HeaA,
.noResultsImage-1-dP2n {
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.errorMessage-3NUI2U {
    width: 300px
}

.noResults-ASk8Ae {
    width: 280px
}

.noResults-ASk8Ae.alt-3_Cl_W {
    width: 200px
}

.theme-dark .noResultsImage-1-dP2n {
    background-image: url(/assets/8f79e7f01dbb1afeb122cb3e8c4a342f.svg)
}

.theme-dark .noResultsImage-1-dP2n.alt-3_Cl_W {
    background-image: url(/assets/f203f5736b9aa0178751342dcc73548a.svg)
}

.theme-dark .errorImage-19HeaA {
    background-image: url(/assets/7dfacc7529214e45b9e3cfd50979edea.svg)
}

.theme-light .noResultsImage-1-dP2n {
    background-image: url(/assets/fcffc6cc34b642da86558cee621bee64.svg)
}

.theme-light .noResultsImage-1-dP2n.alt-3_Cl_W {
    background-image: url(/assets/64daebd4b8234f71908162347e3f8cd0.svg)
}

.theme-light .errorImage-19HeaA {
    background: url(/assets/b937b563ed01b661b5431a3eb5b9c476.svg)
}

.availabilityIndicator-KldT0d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -1px
}

.icon-1WcxU9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    top: 1px;
    width: 14px;
    height: 14px;
    margin-right: 3px
}

.lockedIcon-2datZj {
    color: var(--interactive-normal)
}

.unlockedIcon-1RSSeh {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.description-1RfcDR {
    color: inherit;
    margin-right: 4px
}

.clickable-GCrrEr {
    cursor: pointer
}

.label-26vZRj {
    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
}

.availabilityIndicator-21HYit {
    margin-left: 44px
}

.menuItem-32wgr9:not(.focused-1lwT9g) .disabled-Pur-NA .labelText-3S6oiM {
    color: var(--text-muted)
}

.strikethrough-4IgyqA {
    color: var(--status-danger)
}

.chat-1-OBC7 {
    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-1-OBC7: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
}

.root-3KaKPz {
    position: relative
}

.image-20HVtA {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.emptyPreviewContainer-giw5Jr {
    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-2pvAiF {
    width: 80%;
    height: 60%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-bottom: 10px
}

.emptyPreviewText-2b-QI5 {
    color: var(--header-secondary)
}

.theme-light .emptyPreviewImage-2pvAiF {
    background-image: url(/assets/ee9dc7a136bd13d79c5c995d36a255d5.svg)
}

.theme-dark .emptyPreviewImage-2pvAiF {
    background-image: url(/assets/66b66e8ee672e7d5c3edd7d139efe166.svg)
}

.container-xwOzwi {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: var(--background-primary)
}

.container-xwOzwi,
.header-3rasUf {
    padding: 8px
}

.channelList-24jKfX {
    margin-top: 8px;
    margin-bottom: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.channel-3RR50j {
    border-radius: 8px
}

.channel-3RR50j:hover {
    background-color: var(--background-secondary)
}

.channelMain-39wPAZ {
    padding: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.channelDetails-15Nf5E {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    display: grid;
    grid-template-areas: "icon channelName","icon channelText";
    grid-template-columns: 32px auto;
    grid-template-rows: auto 16px;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.channelIconContainer-573htL {
    padding: 8px;
    width: 32px;
    height: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: var(--background-tertiary);
    color: var(--interactive-normal);
    grid-area: icon
}

.channelName-27zvh6 {
    grid-area: channelName
}

.channelName-27zvh6,
.channelText-1TgY8x {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.channelText-1TgY8x {
    grid-area: channelText
}

.avatarContainer-1TJ1CM {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-width: 54px
}

.avatarContainer-1TJ1CM,
.typingIndicator-3_vGDY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.typingIndicator-3_vGDY {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 16px;
    border-radius: 8px;
    background-color: var(--background-tertiary)
}

.previewContainer-dcBFPm {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    width: 100%;
    min-height: 182px;
    border-radius: 5px
}

.previewContainer-dcBFPm:hover .previewHover-3FKO4A {
    opacity: 1
}

.previewImage-1gf9cy img {
    border-radius: 8px
}

.previewHover-3FKO4A {
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    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;
    border-radius: 5px;
    cursor: pointer;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
    opacity: 0
}

.previewButton-2-nDD7 {
    padding: 10px 16px;
    border-radius: 100px;
    background: var(--background-accent)
}

.previewName-3b0aGP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding: 6px 12px;
    border-radius: 8px;
    color: #fff
}

.previewName-3b0aGP .icon-6pFfR4 {
    margin-right: 8px
}

.scrollIcon-2Rr5re,
.spacerChannel-338bS4 {
    display: none
}

.theme-dark .streamPreview-yHHbcw {
    background-color: #202225
}

.theme-dark .previewContainer-dcBFPm {
    background-color: #292b2f
}

.theme-dark .previewHover-3FKO4A {
    background: rgba(0, 0, 0, .6)
}

.theme-dark .previewName-3b0aGP {
    background: rgba(0, 0, 0, .3)
}

.theme-light .streamPreview-yHHbcw {
    background-color: #fff
}

.theme-light .previewContainer-dcBFPm {
    background-color: #f8f9f9
}

.theme-light .previewHover-3FKO4A {
    background: rgba(79, 86, 96, .6)
}

.theme-light .previewName-3b0aGP {
    background: rgba(79, 86, 96, .3)
}

@media (max-width:1300px) {
    .container-xwOzwi {
        position: relative;
        padding: 0;
        background: none;
        border: none
    }

    .header-3rasUf {
        padding: 0;
        margin-bottom: 16px
    }

    .channelList-24jKfX {
        margin: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: scroll
    }

    .channelList-24jKfX>:last-child {
        margin-left: -12px
    }

    .channel-3RR50j {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 94px;
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: calc(25% - 9px);
        min-width: 140px;
        border-radius: 8px;
        border: 1px solid var(--background-primary);
        -webkit-transition: border .2s ease-out, -webkit-box-shadow .2s ease-out;
        transition: border .2s ease-out, -webkit-box-shadow .2s ease-out;
        transition: box-shadow .2s ease-out, border .2s ease-out;
        transition: box-shadow .2s ease-out, border .2s ease-out, -webkit-box-shadow .2s ease-out
    }

    .channel-3RR50j,
    .channel-3RR50j:hover {
        background-color: var(--background-primary)
    }

    .channel-3RR50j:hover {
        border: 1px solid var(--background-modifier-active);
        -webkit-box-shadow: var(--elevation-medium);
        box-shadow: var(--elevation-medium)
    }

    .channelMain-39wPAZ {
        padding: 8px;
        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;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .channelDetails-15Nf5E {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: grid;
        grid-template-areas: "icon channelName","channelText channelText";
        grid-template-columns: 16px auto;
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px
    }

    .channelIconContainer-573htL {
        width: 18px;
        height: 18px;
        padding: 0;
        border-radius: 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: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: none;
        grid-area: icon
    }

    .channelName-27zvh6 {
        grid-area: channelName
    }

    .channelName-27zvh6,
    .channelText-1TgY8x {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .channelText-1TgY8x {
        grid-area: channelText
    }

    .avatarContainer-1TJ1CM {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .typingIndicator-3_vGDY {
        width: 36px;
        height: 24px;
        border-radius: 16px
    }

    .previewContainer-dcBFPm {
        display: none
    }

    .scrollIcon-2Rr5re {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        bottom: 36px;
        height: 12px;
        width: 12px;
        padding: 6px;
        border-radius: 100px;
        background-color: var(--background-floating);
        color: var(--interactive-normal);
        cursor: pointer
    }

    .scrollIcon-2Rr5re.left-3fyAgi {
        left: -12px
    }

    .scrollIcon-2Rr5re.right-3cwXhE {
        right: -12px
    }

    .spacerChannel-338bS4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 294px;
        flex: 1 0 294px;
        cursor: auto
    }

    .spacerChannel-338bS4:hover {
        border: 1px solid var(--background-primary);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .spacerChannelText-1mufLp {
        margin-left: 12px;
        -ms-flex-item-align: center;
        align-self: center
    }
}

.emptyStateContainer-xWOMPJ {
    margin-top: 16px;
    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;
    text-align: center;
    padding: 16px;
    background-color: var(--background-secondary);
    border-radius: 8px
}

.emptyStateContainer-xWOMPJ .image-3VsGNc {
    margin-top: -5px
}

.emptyStateContainer-xWOMPJ .title-3YVnW7 {
    margin-top: 8px
}

.emptyStateContainer-xWOMPJ .subtitle-2yFHa6 {
    margin-top: 4px
}

.card-3x20HF {
    position: relative;
    width: 100%;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--background-primary);
    border: 1px solid var(--background-primary);
    -webkit-transition: border .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: border .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out, border .2s ease-out;
    transition: box-shadow .2s ease-out, border .2s ease-out, -webkit-box-shadow .2s ease-out;
    cursor: pointer
}

.card-3x20HF:hover {
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium)
}

.card-3x20HF:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.card-3x20HF.selected-sszUNx,
.card-3x20HF:active,
.card-3x20HF:hover {
    border: 1px solid var(--background-modifier-accent)
}

.card-3x20HF>:not(.clickableTarget-38GHFo) {
    position: relative
}

.clickableTarget-38GHFo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.feedItemHeader-txJq98 {
    padding: 8px 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;
    border-bottom: 1px solid var(--background-modifier-active)
}

.feedItemHeader-txJq98.hideBorder-g3jHqt {
    border-bottom: none
}

.icon-1F25dv {
    padding: 12px;
    margin-right: 16px;
    border-radius: 200px;
    background: var(--background-tertiary);
    color: var(--interactive-normal)
}

.title-2lF-Nu {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 500
}

.options-2psDVJ {
    margin: 16px;
    border-radius: 8px;
    background: var(--background-secondary);
    overflow: hidden
}

.option-3x6TXa {
    padding: 16px;
    border-bottom: 1px solid var(--background-modifier-accent);
    font-weight: 500
}

.option-3x6TXa:hover {
    background: var(--background-secondary-alt)
}

.option-3x6TXa:last-child {
    border-bottom: none
}

.mentionIcon-1X66W1 {
    margin-right: -2px;
    vertical-align: sub;
    color: var(--interactive-normal)
}

.overflowButton-3eyeq7 {
    margin-left: 16px
}

.icon-1lctVn {
    height: 16px;
    width: 16px;
    color: var(--interactive-normal)
}

.icon-1lctVn:hover {
    color: var(--interactive-hover)
}

.icon-1lctVn:active {
    -webkit-transform: translateY(.5px);
    transform: translateY(.5px);
    color: var(--interactive-active)
}

.clampLarge-wnaMBQ {
    -webkit-line-clamp: 10
}

.clampLarge-wnaMBQ,
.clampSmall-1a5SMX {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.clampSmall-1a5SMX {
    -webkit-line-clamp: 4
}

.showMore-22xKD3 {
    margin: 8px 0 16px;
    font-weight: 600;
    color: var(--text-link)
}

.channelNameContainer-1t10y7 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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;
    min-width: 0;
    color: var(--header-primary)
}

.channelNameContainer-1t10y7:hover {
    text-decoration: underline
}

.channelIcon-28tsYn {
    color: var(--interactive-normal);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.channelName-X4lrus {
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.messageHeaderMenu-2WRaC1 {
    height: 16px
}

.messageHeaderMenu-2WRaC1,
.referenceMessagesText-3gHMwU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.referenceMessagesText-3gHMwU {
    margin-left: 8px;
    white-space: nowrap
}

.userSummaryItem-3BB5mX {
    margin-right: 8px
}

.messageItemBody-2EpHAK {
    margin: 16px 0
}

.container-q2_DnH {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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;
    overflow: hidden;
    position: relative
}

.container-q2_DnH:hover {
    border-color: var(--background-modifier-accent)
}

.container-q2_DnH.isOpen-2Gyel_ {
    border-color: var(--interactive-muted)
}

.container-q2_DnH.isRead-1iC7_7 .title-2DPwJi {
    font-weight: 500
}

.container-q2_DnH.isRead-1iC7_7 .authorName-2d7-Ef {
    opacity: .8
}

.container-q2_DnH.isRead-1iC7_7 .mostRecentMessageAvatar-3UcfEj,
.container-q2_DnH.isRead-1iC7_7 .posterAvatar-ibiDb9 {
    opacity: .6
}

.container-q2_DnH.isRead-1iC7_7 .activityText-3sbLxn {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.theme-dark .container-q2_DnH.isRead-1iC7_7 .activityText-3sbLxn,
.theme-dark .container-q2_DnH.isRead-1iC7_7 .messageContent-3szEnQ,
.theme-dark .container-q2_DnH.isRead-1iC7_7 .messageCount-17_iHw,
.theme-dark .container-q2_DnH.isRead-1iC7_7 .messageCountIcon-32-p8d,
.theme-dark .container-q2_DnH.isRead-1iC7_7 .title-2DPwJi {
    color: #a3a6aa
}

.theme-light .container-q2_DnH.isRead-1iC7_7 .activityText-3sbLxn,
.theme-light .container-q2_DnH.isRead-1iC7_7 .messageContent-3szEnQ,
.theme-light .container-q2_DnH.isRead-1iC7_7 .messageCount-17_iHw,
.theme-light .container-q2_DnH.isRead-1iC7_7 .messageCountIcon-32-p8d,
.theme-light .container-q2_DnH.isRead-1iC7_7 .title-2DPwJi {
    color: #5e6772
}

.neverSeenBefore-dRkpX-:before {
    background-color: var(--header-primary);
    border-radius: 0 4px 4px 0;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin-left: -4px;
    position: absolute;
    top: 54px;
    width: 8px
}

.body-391oJl,
.footer-3UjAHx,
.header-ErMa2_ {
    padding: 0 16px
}

.header-ErMa2_ {
    height: 18px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-top: 16px;
    gap: 8px
}

.activityPinSection-3hsGJa,
.header-ErMa2_,
.pinText-1wkrCK {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.activityPinSection-3hsGJa {
    overflow: hidden
}

.pinIcon-3HFycF {
    margin-right: 4px
}

.body-391oJl {
    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
}

.bodyContent-M2bVdN {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.bodyMedia-35rZ5t {
    height: 72px;
    width: 72px;
    margin-left: 16px;
    border-radius: 8px;
    overflow: hidden
}

.bodyMedia-35rZ5t,
.thumbnailContainer-dzG9JU {
    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
}

.spoiler-1FYHTa {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    pointer-events: none
}

.poster-mI28gQ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.authorName-2d7-Ef {
    font-weight: 500
}

.avatarPlaceholder-2DhUW9,
.mostRecentMessageAvatar-3UcfEj,
.posterAvatar-ibiDb9 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.avatarPlaceholder-2DhUW9 {
    height: 16px;
    width: 16px
}

.body-391oJl {
    padding-bottom: 12px
}

.title-2DPwJi {
    height: 24px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message-3L6Wzn {
    height: 36px;
    overflow: hidden
}

.messageContent-3szEnQ {
    font-size: 14px !important;
    line-height: 18px !important
}

.footer-3UjAHx {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px;
    padding-bottom: 16px;
    position: relative;
    overflow: hidden
}

.bullet-D4Ib09 {
    color: var(--background-modifier-accent);
    margin: 0 8px
}

.tags-2cbEGS {
    gap: 8px
}

.tags-2cbEGS,
.typing-21jJZA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.typing-21jJZA {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.dots-3b0kDm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    border: 3px solid var(--background-primary);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -4px;
    margin-right: 8px;
    width: 24px
}

.typingUsers-hAlhbV {
    position: static
}

.messageCountBox-U8MTKq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px
}

.messageCount-17_iHw {
    color: var(--text-normal);
    font-weight: 500
}

.messageCountIcon-32-p8d {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--header-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px;
    margin-top: 1px;
    height: 24px
}

.newMessageCount-MJLPvW {
    font-weight: 500;
    margin-left: 4px
}

.channelNameContainer-1TJtIw {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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;
    min-width: 0;
    color: var(--header-primary)
}

.channelNameContainer-1TJtIw:hover {
    text-decoration: underline
}

.channelIcon-2Qzc_v {
    color: var(--interactive-normal);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.channelName-hc_Yon {
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.postHeaderMenu-3AH_cB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-4HqGB3 {
    -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
}

.container-4HqGB3.background-3X6Uak {
    background-color: var(--background-secondary);
    border-radius: 8px
}

.iconContainer-xue_0q {
    margin-bottom: 16px;
    position: relative
}

.icon-2Zyj6B {
    background-color: var(--background-tertiary);
    border-radius: 80px;
    color: var(--interactive-active);
    padding: 22px
}

.stars-Mylz4D {
    position: absolute;
    left: -10px
}

.header-2VpcGO {
    margin-bottom: 8px
}

.button-3-dbMs {
    margin-top: 8px
}

.container-aqagPS {
    width: 100%;
    border-radius: 12px;
    background-color: var(--background-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--background-modifier-active)
}

.theme-dark .container-aqagPS {
    -webkit-box-shadow: 0 4px 2px 1px rgba(0, 0, 0, .04);
    box-shadow: 0 4px 2px 1px rgba(0, 0, 0, .04)
}

.header-2zyRcW {
    padding: 8px 16px;
    border-bottom: 1px solid var(--background-modifier-active)
}

.channelName-zB0kEQ {
    background-color: var(--header-primary)
}

.body-2FtCT0 {
    margin: 16px 0
}

.container-2GJAZF {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px
}

.container-2GJAZF,
.divider-2bwa0q {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.divider-2bwa0q {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
    width: 100%
}

.line-6pNZWF {
    height: 1px;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: var(--interactive-normal);
    opacity: .25
}

.icon-2nox36 {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -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;
    border-radius: 50%;
    background-color: var(--background-tertiary);
    color: var(--info-positive-foreground)
}

.title-3Os35J {
    margin-top: 8px;
    font-weight: 600
}

.subtitle-3SzFKN {
    margin-top: 4px
}

.button-3tfDE1 {
    margin-top: 8px
}

.container-Jqlbgl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.container-2Hi7Km {
    width: 100%;
    margin-top: 20px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: var(--background-primary)
}

.icon-2IDTxf {
    margin-top: -48px
}

.name-3vS0Ub {
    margin-top: 16px
}

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

.memberInfo-2JMXUJ {
    margin-top: 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.memberCount-1FiRuh,
.memberInfo-2JMXUJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.memberCount-1FiRuh {
    font-size: 12px;
    line-height: 16px;
    margin-right: 16px
}

.memberCount-1FiRuh:last-child {
    margin-right: 0
}

.statusDot-jqxHTQ {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dotOnline-3uN0x9 {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.dotOffline-3Fue9z {
    background-color: #b9bbbe
}

.homeContainer-r4Hvv1 {
    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;
    padding: 32px 16px;
    gap: 32px
}

.homeContent-2_a0jF {
    width: 100%;
    max-width: 600px
}

.widgets-37sQdc {
    width: 100%;
    max-width: 320px;
    position: sticky
}

.widgetsContainer-nTESfL {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

@media (max-width:1300px) {
    .homeContainer-r4Hvv1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal;
        padding-right: 32px
    }

    .homeContent-2_a0jF {
        margin: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .widgets-37sQdc {
        max-width: 600px;
        margin: 0 auto;
        position: static;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .widgetsContainer-nTESfL {
        gap: 24px
    }
}

.theme-dark .background-fkKrXt {
    background-color: #2c2e33
}

.theme-dark .headerBarInner-2pcZSM:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 52, 58, 0)), to(#2c2e33));
    background: linear-gradient(180deg, rgba(50, 52, 58, 0) 0, #2c2e33)
}

.theme-light .background-fkKrXt {
    background-color: #f7f8f9
}

.theme-light .headerBarInner-2pcZSM:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 248, 249, 0)), to(#f7f8f9));
    background: linear-gradient(180deg, rgba(247, 248, 249, 0) 0, #f7f8f9)
}

.topMessagesHeader-3Yn7J0 {
    margin-bottom: 16px
}

.selector-3se6Mq {
    margin-top: 16px
}

.container-2E0bff {
    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-UHnQqs {
    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-2-W9iK {
    white-space: pre-wrap
}

.guildIcon-uYC13g {
    border-radius: 8px
}

.guildIconNoIcon-3jIMum {
    background-color: var(--background-primary)
}

.guildName-2vueLm {
    margin: 16px 0
}

.emojisContainer-1ecRUC {
    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--dImts {
    margin-right: 8px;
    -o-object-fit: contain;
    object-fit: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.emoji--dImts,
.onlineCount-33vUWg {
    margin-bottom: 8px
}

.dot-10cPg0 {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 8px
}

.dotOnline-r4Z_bf {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.dotMembers-71yF9W {
    background-color: var(--text-muted)
}

.divider-1zHRlg {
    margin: 24px 0;
    border: none;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.modal-2TOYtq {
    width: 100%;
    overflow-x: hidden;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--background-primary)
}

.modal-2TOYtq,
.sequencer-2TR9f1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sequencer-2TR9f1 {
    min-height: 100%
}

.modalContent--XtfCV::-webkit-scrollbar-track-piece:start {
    margin-top: 4px
}

.modalContent--XtfCV::-webkit-scrollbar-track-piece:end {
    margin-bottom: 4px
}

.content-228In8 {
    padding: 24px 8px
}

.centerContent-3LaXMq {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.closeButton-1xiiER {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2
}

.applicationIcon-3FCnmq {
    width: 88px
}

.animationAndSparklesContainer-7Fwx3i {
    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-3NUosU {
    height: 12px;
    width: 12px
}

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

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

.animation-1uq3bq {
    height: 56px;
    width: 56px;
    margin-left: 4px;
    margin-top: 12px
}

.header-EmaVAp {
    margin: 8px 0
}

.header-EmaVAp,
.subheader-37bSfX {
    text-align: center
}

.verificationForm-ktA3ma {
    text-align: initial
}

.footer-11k_3m {
    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-34IPxt {
    margin-left: 12px
}

.formItem-3AtEHu {
    text-align: initial;
    margin-bottom: 24px
}

.resendButton-2x91rx {
    margin: 24px auto
}

.confirmation-3SHnUt {
    max-width: 440px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    text-align: center
}

.confirmation-3SHnUt,
.confirmationContent-1AZsIH {
    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
}

.confirmationContent-1AZsIH {
    padding: 24px 24px 0
}

.confirmationButtonRow-1b1Md2 {
    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-3MTpW_ {
    width: 100%;
    margin: 4px
}

.confirmationButtonColumn-3zr_Pk {
    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-21vGm5 {
    pointer-events: all;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 740px;
    margin: 0 auto 16px
}

.rejectionReasonLabel-fza4de {
    margin-right: 4px
}

.rejectionReason-1q3Ghz {
    color: var(--text-warning)
}

.theme-dark .footer-11k_3m,
.theme-light .footer-11k_3m {
    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)
}

.questionContainer-2X0U6I {
    margin-top: 24px
}

.questionTitle-3g-0je {
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

.requirementContainer-dzzsqG {
    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: 1px solid var(--background-tertiary);
    border-radius: 4px;
    padding: 12px;
    margin-top: 8px
}

.requirementIcon-1dQttY {
    color: var(--interactive-normal);
    margin-right: 8px
}

.requirementText-3mi257 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.requirementSuccess--cHiSZ {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.requirementFailure-ajNmgd {
    color: var(--status-danger)
}

.container-20rjk6 {
    padding: 0 16px 40px
}

.footnote-3tviVv {
    text-align: left;
    margin-top: 8px
}

.formItem-1GhCpC {
    width: 100%;
    padding: 0;
    margin-bottom: 24px
}

.formItem-1GhCpC:last-child {
    margin-bottom: 0
}

.settingsFormItem-25zW3t {
    width: 100%;
    margin-bottom: 16px;
    border-radius: 8px;
    padding: 16px;
    background-color: var(--background-secondary)
}

.wrapperBase-dMTjVZ {
    border-radius: 4px;
    padding: 8px 12px
}

.formFieldWrapper-2LV3S6 {
    background-color: var(--background-secondary)
}

.formFieldWrapper-2LV3S6,
.settingsFormFieldWrapper-U99c9i {
    border: 1px solid var(--background-tertiary)
}

.settingsFormFieldWrapper-U99c9i {
    background-color: var(--background-secondary-alt)
}

.verificationFieldWrapper-2IEsjP {
    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
}

.verificationIcon-NVf2hE {
    color: var(--interactive-normal);
    margin-right: 8px
}

.verificationLabel-39PlQ- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.verificationCheckmark-1vHgPD {
    color: var(--text-positive);
    margin-right: 8px;
    width: 16px;
    height: 16px
}

.verificationConfirmation-1rVuzL {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.termsRow-dZXIM3,
.verificationConfirmation-1rVuzL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.termsRow-dZXIM3 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 4px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.termsRow-dZXIM3:first-child {
    padding-top: 8px
}

.termsRow-dZXIM3:last-child {
    border-bottom: none;
    padding-bottom: 8px
}

.termsRowContent-2Qx-E5 {
    padding-left: 12px;
    white-space: pre-wrap;
    width: calc(100% - 12px);
    overflow-wrap: break-word
}

.checkbox-1unEG1 {
    margin-top: 16px;
    cursor: pointer
}

.checkboxText-2F08go {
    font-weight: 500
}

.formItemDescription-Ug7E-V {
    margin-bottom: 8px
}

.verifyConfirmText-2V5EQw {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    padding: 8px
}

.settingsLink-2BmKpa {
    margin-top: 8px
}

.radioItem-C8L1SS {
    border: 1px solid var(--background-modifier-accent)
}

.fieldBackground-3i67TZ,
.fieldBackground-3i67TZ:hover:not(:focus) {
    background-color: var(--background-secondary);
    border: 1px solid var(--background-tertiary);
    border-radius: 4px;
    opacity: 1
}

.termsFieldBody-RroTeg {
    padding: 10px 17px
}

.paragraphFieldBody-1h944a,
.textInputFieldBodyInput-3IT3L4 {
    opacity: 1
}

.paragraphFieldBody-1h944a>textarea {
    border: none;
    background: none;
    opacity: 1
}

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

.multipleChoiceIcon-1eFDgb>svg {
    width: 20px;
    height: 20px
}

.page-17zZ-Y {
    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-2py52K,
.page-17zZ-Y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contentWrapper-2py52K {
    -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-33J2sb {
    -webkit-app-region: drag
}

.dragRegion-33J2sb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px
}

.title-1-hhYf {
    margin-right: 0
}

.divider-13Gbkz {
    margin-right: 16px;
    margin-left: 24px
}

.guildJoinRequestRow-288NXM {
    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-288NXM:hover {
    background-color: var(--background-secondary);
    border-radius: 4px
}

.guildJoinRequestRow-288NXM:last-of-type {
    border-bottom: none
}

.inline-3qrtgA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.spacer-3M0Rl8 {
    margin-right: 16px
}

.status-3dRbYY {
    background-color: var(--background-secondary);
    padding: 2px 8px;
    border-radius: 8px
}

.status-3dRbYY.approved-1Vgwyz {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.status-3dRbYY.rejected-1lNcVy {
    background-color: var(--status-danger)
}

.caret-3XJi7R {
    background-color: var(--background-tertiary);
    padding: 8px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: var(--header-secondary)
}

.search-1IqeCZ {
    margin-bottom: 16px
}

.emptyContainer-2qn6bz {
    -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;
    height: 100%
}

.emptyContainer-2qn6bz,
.emptyIcon-2VXUc2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.emptyIcon-2VXUc2 {
    width: 120px;
    height: 96px
}

.checkmark-2GYlgD {
    background-color: var(--background-tertiary);
    color: var(--interactive-normal);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    padding: 16px;
    -ms-flex-item-align: center;
    align-self: center
}

.star-1FjHzW {
    color: #ffd01a;
    width: 12px;
    height: 12px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0 2px
}

.plus-3QuDQc {
    color: #5ae6dc;
    width: 20px;
    height: 20px
}

.emptyBody-18S3gK {
    margin-top: 8px
}

.fetchingSpinner-26xsKB {
    margin-top: 48px;
    margin-bottom: 48px
}

.spinnerContainer-2zupDr {
    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%
}

.content-2fYby5 {
    padding: 0 16px
}

.pagination-32Vgtq {
    margin-bottom: 16px
}

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

.container-3LxzzZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative
}

.container-3LxzzZ:hover {
    background-color: var(--background-modifier-hover)
}

.container-3LxzzZ:hover .iconContainer-2SkASh {
    visibility: visible
}

.container-3LxzzZ+.container-3LxzzZ:after {
    content: "";
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 1;
    pointer-events: none;
    background-color: var(--background-modifier-accent)
}

.container-3LxzzZ+.container-3LxzzZ.selected-3rAcV2:after,
.container-3LxzzZ+.container-3LxzzZ.siblingSelected-KmPCvx:after {
    display: none
}

.contextMenu-1LsNXB {
    margin-top: 24px
}

.contextMenu-1LsNXB:hover .iconContainer-2SkASh {
    visibility: visible
}

.userDetails-n0MG73 {
    -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;
    padding-left: 16px
}

.createdAt-2lYl-J {
    margin-top: 2px
}

.selected-3rAcV2 {
    background-color: var(--background-modifier-selected);
    border-radius: 8px
}

.iconContainer-2SkASh {
    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-right: 8px;
    border-radius: 20px;
    height: 32px;
    width: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    visibility: hidden
}

.iconContainer-2SkASh:hover {
    background-color: var(--background-tertiary)
}

.actionIconContainer-3NQ97o {
    background-color: var(--background-secondary)
}

.icon-2xThfh {
    color: var(--interactive-normal)
}

.disabled-3cwA1s {
    pointer-events: none;
    cursor: not-allowed
}

.theme-light .actionIconContainer-3NQ97o {
    background-color: var(--background-tertiary)
}

.theme-light .iconContainer-2SkASh:hover {
    background-color: var(--interactive-muted)
}

.placeholder-1AzZSz {
    padding: 12px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

@-webkit-keyframes placeholderPulse-3U2g36 {
    0% {
        opacity: .1
    }

    50% {
        opacity: .25
    }

    to {
        opacity: .1
    }
}

@keyframes placeholderPulse-3U2g36 {
    0% {
        opacity: .1
    }

    50% {
        opacity: .25
    }

    to {
        opacity: .1
    }
}

.placeholder-1AzZSz {
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-primary)
}

.placeholderCreatedAt-1j6wx4,
.placeholderUsername-3mtcdv {
    border-radius: 8px;
    height: 14px
}

.placeholderCreatedAt-1j6wx4 {
    margin-top: 4px
}

.placeholderAvatar-2bl5xF {
    border-radius: 50%;
    width: 40px;
    height: 40px
}

.placeholderAvatar-2bl5xF,
.placeholderCreatedAt-1j6wx4,
.placeholderUsername-3mtcdv {
    background-color: var(--text-normal);
    opacity: .08;
    -webkit-animation: placeholderPulse-3U2g36 3s ease-in-out infinite;
    animation: placeholderPulse-3U2g36 3s ease-in-out infinite
}

.content-2ePkQv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 24px 0;
    position: relative;
    overflow: hidden;
    height: 100%
}

.content-2ePkQv: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
}

.listControls-26Z8Bo {
    margin-bottom: 8px
}

.sortSelect-2AZJiv {
    width: 160px
}

.description-37gV-t {
    margin-bottom: 24px
}

.container-Xy1K32 {
    background-color: var(--background-secondary);
    padding: 12px 16px
}

.wrapper-1ENon4 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.headerSubtext-YbANhG,
.wrapper-1ENon4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerSubtext-YbANhG {
    white-space: pre-wrap
}

.inline-3UgX-h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.icon-8LViWB {
    color: var(--interactive-normal)
}

.iconInteractive-27sNBA:hover {
    color: var(--interactive-active)
}

.iconApproved-2R5aeN {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.iconRejected-1g-qn9 {
    color: var(--status-danger)
}

.buttons-2qtcIT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.overflow-k3v68e {
    cursor: pointer
}

.rejectionReason-1eD3yS {
    border-top: 1px solid var(--background-modifier-accent);
    padding-top: 12px;
    margin-top: 12px;
    line-height: 18px;
    font-size: 14px
}

.actionedByUser-2svRG6 {
    cursor: pointer
}

.container-14Bglm {
    margin-top: 24px
}

.avatar-naWH9l {
    margin-bottom: 16px
}

.username-2Qe_b2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 8px
}

.container-1iuen5 {
    padding: 16px
}

.disabledFormRenderer-3tN5UW {
    padding: 0 16px 40px
}

.content-oEnOLg {
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -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;
    border-radius: 0 8px 8px 0
}

.content-oEnOLg,
.sidebar-2QQbZw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: var(--background-primary);
    overflow: hidden
}

.sidebar-2QQbZw {
    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;
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column
}

.carouselMaxWidth-1IREUy {
    position: relative;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.tierPreviewsContainer-3tMaPR {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 0;
    overflow-x: auto;
    padding: 0 68px
}

.tierPreviews-3hP4Ni,
.tierPreviewsContainer-3tMaPR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierPreviews-3hP4Ni {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    margin: auto
}

.left-2jjm9w {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.right-1dJ0yM {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.down-2U7QJg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.backButtonInner-1M1p4_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 2px 0
}

.backButton-qEr8R1:hover {
    background-color: var(--brand-experiment-530)
}

.backNotice-3rG2q7 {
    background-color: var(--brand-experiment-600);
    border-radius: 0;
    text-align: initial;
    padding: 8px
}

.container-3xUHzB {
    width: 320px;
    background-color: var(--background-secondary);
    border-radius: 8px;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.divider-2_OrJ0 {
    margin: 24px 0;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.sectionHeader-2ncmi_ {
    color: var(--header-secondary);
    text-transform: uppercase
}

.listingPreviews-1ZCifX {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.listingPreview-2iADJt,
.listingPreviews-1ZCifX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.listingPreviewImage-2qmYDG {
    margin-right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.benefitIcon-1ZLHmo {
    width: 18px;
    height: 18px;
    margin-right: 4px
}

.benefitSummaries-1p5hiR,
.benefitSummary-5OOIXt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.benefitSummaries-1p5hiR {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.container-1m3VLs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    max-width: 640px;
    padding: 10px;
    border-radius: 4px;
    background-color: var(--background-secondary)
}

.container-1m3VLs,
.textContainer-11vZvt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.textContainer-11vZvt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.warningIcon-FnGxVx {
    width: 20px;
    height: 20px
}

.info-3tTCiW,
.warningIcon-FnGxVx {
    color: var(--interactive-normal)
}

.info-3tTCiW {
    font-size: 14px;
    line-height: 18px
}

.error-3gtn5e {
    color: var(--text-danger);
    font-weight: 500
}

.undoButton-2T2Psj {
    padding: 0 4px;
    margin-top: 2px
}

.button-32Jo2d {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(hsl(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%)), to(hsl(198, calc(var(--saturation-factor, 1)*81.5%), 46.7%)));
    background: linear-gradient(90deg, hsl(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%), hsl(198, calc(var(--saturation-factor, 1)*81.5%), 46.7%));
    color: #fff;
    height: 40px;
    font-weight: 600
}

.buttonContents-Nxrc5J {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon-jTx1Gg {
    margin-right: 4px
}

.shine-3xxflf {
    position: absolute;
    left: 37%;
    right: 0;
    top: 0
}

.container-1VSH1y {
    position: relative
}

.blockUserInteraction-3yDyYd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: default
}

.emojiIcon-1xRjxQ {
    width: 20px;
    height: 20px
}

.icon-3OHhZU {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: bottom;
    margin-bottom: 2px
}

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

.emojiContainer-11F4bw {
    margin-right: 16px
}

.name-yBgpWl {
    font-weight: 500;
    margin-bottom: 2px
}

.linkedName-2qgnko:hover {
    text-decoration: underline;
    cursor: pointer
}

.channelNameContainer-1Cvoba {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.infoContainer--DaTWo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.container-23Glw1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--background-secondary);
    border-radius: 8px;
    padding: 16px
}

.container-23Glw1:hover {
    background-color: var(--background-tertiary);
    cursor: pointer
}

.emojiContainer-3rhluD {
    margin-right: 16px
}

.name-1jLWFU {
    font-weight: 500;
    margin-bottom: 2px
}

.channelNameContainer-1A_Bfb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.infoContainer-15e_Vh {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.caret-13ybnj {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 16px;
    color: var(--interactive-normal)
}

.headerContainer-3RBCf3 {
    width: 100%;
    height: 146px;
    position: relative
}

.headerImage-2RDkJ3 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.closeContainer-1VLOqb {
    width: 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: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: rgba(0, 0, 0, .85);
    border-radius: 50%;
    cursor: pointer
}

.closeIcon-3UPQkz {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal)
}

.tierImageContainer-2yeTac {
    width: 80px;
    height: 80px;
    padding: 8px;
    background-color: var(--background-primary);
    border-radius: 50%;
    position: absolute;
    bottom: -48px;
    left: calc(50% - 48px)
}

.tierImage-xEwby- {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.confirmationContainer-2d0xfu {
    margin-top: 56px
}

.confirmationHeader-18a3I1 {
    text-align: center;
    margin-bottom: 8px;
    color: var(--header-secondary)
}

.confirmationHeader-18a3I1 strong {
    color: var(--header-primary)
}

.confirmationSubtitle-ftiOGN {
    text-align: center;
    margin-bottom: 32px
}

.confirmationSectionLabel-2Wenmi {
    font-family: var(--font-display);
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .02em
}

.confirmationBenefits-bD8u_0 {
    gap: 8px;
    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: 32px
}

.confirmationButton-21MMoD {
    margin: auto
}

.container-R77IJV {
    position: relative;
    width: 320px;
    margin-bottom: 100px;
    overflow: hidden
}

.cardContainerWithoutTopIndicator-36cvDB {
    border-radius: 8px 8px 0 0;
    margin-top: 24px;
    overflow: hidden
}

.draftBadgeContainer-1z4EiO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: -10px;
    padding: 2px;
    background-color: var(--background-tertiary);
    z-index: 1;
    overflow: hidden;
    border-radius: 8px
}

.draftBadge-BjooxK {
    color: hsl(240, calc(var(--saturation-factor, 1)*7.7%), 2.5%);
    letter-spacing: .02em
}

.tierTrialIndicator-2gWK6S {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 500;
    color: var(--interactive-active)
}

.tierTrialIndicatorIcon-3JxVc4 {
    margin-left: 4px
}

.tierTopIndicator-vTnFLP {
    border-radius: 8px 8px 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase
}

.tierInfoContainer-3o77tj,
.tierTopIndicator-vTnFLP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierInfoContainer-3o77tj {
    -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;
    background-color: var(--background-tertiary);
    padding: 32px 16px 16px
}

.tierName-2c3rpu {
    margin-bottom: 16px;
    font-family: var(--font-display)
}

.tierImage-2sHV8Y {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.tierPrice-1_YWyC {
    margin-bottom: 2px;
    margin-top: 16px;
    font-weight: 600
}

.tierPeriod-3U60RB,
.tierPrice-1_YWyC {
    font-family: var(--font-display)
}

.tierPeriod-3U60RB {
    text-transform: uppercase;
    margin-bottom: 16px;
    letter-spacing: .02em
}

.tierDescriptionTruncate-1JFjgq {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.toggleTruncationButton-2K4_6N {
    margin: 8px auto auto
}

.toggleTruncationButtonInner-2IqLqX {
    color: var(--text-muted);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.toggleTruncationButtonIcon-asYu55 {
    width: 18px;
    height: 18px
}

.subscriptionPerks-17BiNa {
    background-color: var(--background-secondary);
    padding: 16px;
    border-radius: 0 0 8px 8px
}

.roleMessagePreview-NUi2Ri {
    padding: 12px 0;
    background-color: var(--background-primary);
    border-radius: 4px;
    border: 1px solid var(--background-modifier-accent)
}

.sectionHeader-3vH5MD {
    font-family: var(--font-display);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .02em
}

.benefitsSection-2VIuyT:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    padding-bottom: 16px;
    margin-bottom: 16px
}

.benefitsList-2OMjtC {
    gap: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-2_BXG- {
    -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
}

.content-23DqaR {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    position: relative
}

.content-23DqaR: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-38C5lh {
    height: 100%;
    background-color: var(--background-primary);
    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
}

.scrollerContent-2_cMNE {
    position: relative;
    width: 100%;
    max-width: 1180px
}

.container-1gltKk {
    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;
    margin-bottom: 32px
}

.coverImageContainer-1fm2Ch {
    width: 100%;
    padding-bottom: 25%;
    position: relative
}

.coverImage-2FIeGi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.guildIconContainer-17YqOH {
    padding: 8px;
    background-color: var(--background-primary);
    border-radius: 50%;
    margin-top: -58px;
    margin-bottom: 24px;
    z-index: 1
}

.ctaTitle-3zxXyr {
    max-width: 640px;
    color: var(--header-secondary);
    text-align: center;
    margin-bottom: 8px
}

.ctaTitle-3zxXyr strong {
    color: var(--header-primary)
}

.ctaSubtitle-2NP9L_ {
    max-width: 640px;
    text-align: center
}

.pendingPlanChangeNotice-2PvAf_ {
    margin-top: 16px
}

.pendingPlanChangeNotice-3B5pmz {
    margin-top: 16px
}

.backButtonInner-Y4sG1C {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--text-link);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.backButton-1pmh9F {
    margin: auto
}

.groupListings-1oFvrz {
    margin-bottom: 40px
}

.container-2iLvVW {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-primary);
    height: 100%;
    -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;
    padding: 0 32px;
    text-align: center
}

.content-2Dmxr8 {
    padding-bottom: 10%
}

.header-gsgtPT {
    font-weight: 700
}

.optionItem-2tdutc {
    color: var(--channels-default)
}

.itemInner-3k3Sn6 {
    margin-left: 8px;
    font-size: 16px;
    height: 32px
}

.avatar-3VNtDW {
    margin-right: 8px
}

.avatar-3VNtDW,
.icon-2iCk7Q {
    width: 20px;
    height: 20px
}

.icon-2iCk7Q {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: var(--text-muted)
}

.upsellTooltipWrapper-1wqikQ {
    max-width: 280px;
    padding: 16px;
    background-color: var(--brand-experiment);
    border-radius: 8px;
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium)
}

.upsellTooltipWrapper-1wqikQ:after {
    content: " ";
    position: absolute;
    bottom: 100%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid var(--brand-experiment)
}

.upsellTooltipWrapper-1wqikQ.caretCenter-DabUvF:after {
    left: 50%
}

.upsellTooltipWrapper-1wqikQ.caretRight-bl50ed:after {
    left: calc(100% - 16px)
}

.upsellTooltipHeader-28hJ7J,
.upsellTooltipText-SIthpf {
    color: #fff;
    text-align: center
}

.upsellTooltipHeader-28hJ7J {
    font-family: var(--font-display)
}

.upsellTooltipText-SIthpf {
    margin-top: 4px;
    font-weight: 400
}

.upsellButtonsContainer-1RUYlp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 16px auto 0
}

.upsellButtonsContainer-1RUYlp :nth-child(2) {
    margin-left: 8px
}

.fullWidth-3FhWmT {
    width: 100%
}

.fullWidthImage-pvnyWO {
    height: auto;
    width: 100%;
    margin: 0 auto 16px;
    display: block
}

@-webkit-keyframes progressPulse-2EeieX {
    0% {
        background-position: 100%
    }

    to {
        background-position: 0
    }
}

@keyframes progressPulse-2EeieX {
    0% {
        background-position: 100%
    }

    to {
        background-position: 0
    }
}

.container-2giAcK {
    margin: -8px 0 0 8px;
    cursor: pointer
}

.container-2giAcK:hover .progressBar-2yl2pi {
    background: -webkit-gradient(linear, left top, right top, from(hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%)), color-stop(34%, hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%)), color-stop(67%, hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%)), to(hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%)));
    background: linear-gradient(90deg, hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%), hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%) 34%, hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%) 67%, hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%));
    background-size: 300% 100%;
    -webkit-animation: progressPulse-2EeieX 2s linear infinite;
    animation: progressPulse-2EeieX 2s linear infinite
}

.textArea-7J7xQx {
    height: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px
}

.goalTextContainer-28XMHR,
.textArea-7J7xQx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bar-H6j3_Q {
    border-radius: 2px;
    height: 4px
}

.progressBarContainer-1efroK {
    position: relative;
    margin: 8px auto 8px 8px
}

.progressBarContainer-1efroK,
.progressBarContainerComplete-26kSHP {
    width: calc(100% - 20px)
}

.progressBar-2yl2pi {
    position: absolute;
    z-index: 2;
    background: -webkit-gradient(linear, left top, right top, from(hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%)), to(hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%)));
    background: linear-gradient(90deg, hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%), hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%))
}

.progressFraction-LUvqt3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tadaIcon-313rPm {
    position: absolute;
    right: 0;
    -webkit-transform: translate(calc(100% - 5px), -3px);
    transform: translate(calc(100% - 5px), -3px);
    font-size: 10px;
    z-index: 2
}

.count-e4ipkH {
    color: var(--interactive-normal)
}

.goalText-mbRUAP {
    font-weight: 700;
    text-transform: uppercase
}

.flowerStar-30iEtn {
    margin-right: 4px;
    color: var(--background-accent)
}

.divider-3qUeLQ {
    margin-top: 4px;
    margin-bottom: 4px
}

.tier3Icon-ikeoub {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.theme-dark .tier0Icon-10SPMj {
    color: hsla(0, 0%, 100%, .2)
}

.theme-dark .tier1Icon-fFpsa7,
.theme-dark .tier2Icon-txWoVF {
    color: var(--interactive-active)
}

.theme-dark .divider-3qUeLQ {
    border-top: 1px solid hsla(0, 0%, 100%, .06)
}

.theme-dark .progressBarContainer-1efroK {
    background-color: var(--background-floating)
}

.theme-light .tier0Icon-10SPMj {
    color: hsla(0, 0%, 100%, .2)
}

.theme-light .tier1Icon-fFpsa7,
.theme-light .tier2Icon-txWoVF {
    color: #fff
}

.theme-light .divider-3qUeLQ {
    border-top: 1px solid rgba(220, 221, 222, .6)
}

.theme-light .progressBarContainer-1efroK {
    background-color: var(--background-tertiary)
}

.wrapper-NhbLHG {
    padding: 1px 0;
    overflow: visible;
    position: relative
}

.typeThread-2Aqh6X .content-1gYQeQ {
    margin-left: 36px;
    padding: 0 6px
}

.wrapper-NhbLHG.modeSelected-3DmyhH {
    cursor: default
}

.wrapper-NhbLHG.modeLocked-3sToxd {
    cursor: not-allowed
}

.icon-2W8DHg {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.iconContainer-21RCa3 {
    position: relative;
    margin-right: 6px
}

.content-1gYQeQ {
    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-1gYQeQ:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mainContent-20q_Hp {
    -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-20q_Hp:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    left: 0
}

.name-28HaxV {
    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-3KPsGw,
.subtitle-3PyFgf {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.unread-36eUEm {
    position: absolute;
    height: 8px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    top: 50%;
    left: 0;
    margin-top: -4px
}

.children-1MGS9G {
    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-2T4MDZ .icon-2W8DHg,
.modeMuted-2T4MDZ .name-28HaxV {
    color: var(--interactive-muted)
}

.modeSelected-3DmyhH .icon-2W8DHg,
.modeSelected-3DmyhH:hover .icon-2W8DHg,
.modeUnread-3Cxepe .icon-2W8DHg,
.modeUnread-3Cxepe:hover .icon-2W8DHg {
    color: var(--channel-icon)
}

.wrapper-NhbLHG:hover .content-1gYQeQ {
    background-color: var(--background-modifier-hover)
}

.wrapper-NhbLHG:active .content-1gYQeQ {
    background-color: var(--background-modifier-active)
}

.modeSelected-3DmyhH .content-1gYQeQ,
.modeSelected-3DmyhH:hover .content-1gYQeQ {
    background-color: var(--background-modifier-selected)
}

.icon-2W8DHg {
    color: var(--channel-icon)
}

.name-28HaxV {
    color: var(--channels-default)
}

.modeMuted-2T4MDZ:hover .name-28HaxV,
.wrapper-NhbLHG:hover .name-28HaxV {
    color: var(--interactive-hover)
}

.modeConnected-NrO4cP .name-28HaxV,
.modeConnected-NrO4cP:hover .name-28HaxV,
.modeSelected-3DmyhH .name-28HaxV,
.modeSelected-3DmyhH:hover .name-28HaxV,
.modeUnread-3Cxepe .name-28HaxV,
.modeUnread-3Cxepe:hover .name-28HaxV,
.notInteractive-2tFrlE.modeConnected-NrO4cP .name-28HaxV,
.notInteractive-2tFrlE.modeSelected-3DmyhH .name-28HaxV {
    color: var(--interactive-active)
}

.unread-36eUEm {
    background-color: var(--channels-default)
}

.unreadRelevant-2f-VSK {
    background-color: var(--interactive-active)
}

.numberBadge-3uSQY0 {
    background-color: var(--background-accent)
}

.message-1WzYhw {
    cursor: default
}

.message-1WzYhw 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-1WzYhw strong {
    background: var(--brand-experiment-30a);
    color: var(--brand-experiment-200)
}

.buttonSpacing-3pyU97 {
    margin-left: 10px
}

.containerDefault-3TQ5YN,
.containerDragAfter-1J_-1V,
.containerDragBefore-ei4h1m,
.containerUserOver-3woq86 {
    position: relative;
    padding-top: 16px
}

.containerDefault-3TQ5YN:active,
.containerDragAfter-1J_-1V:active,
.containerDragBefore-ei4h1m:active,
.containerUserOver-3woq86:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.containerDragAfter-1J_-1V:before,
.containerDragBefore-ei4h1m:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 8px;
    right: 0;
    height: 4px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    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-ei4h1m:before {
    top: -2px
}

.containerDragAfter-1J_-1V:before {
    bottom: -2px
}

.containerUserOver-3woq86: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: hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .1);
    border: 2px solid hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5)
}

.disableClick-2frMbM {
    pointer-events: none
}

.addButton-2mlqCW {
    width: 18px;
    height: 18px;
    display: none
}

.addButton-2mlqCW.forceVisible-14yqh4,
.iconVisibility-3pLDEs:hover .addButton-2mlqCW {
    display: block
}

.addButton-2mlqCW:focus,
.addButton-2mlqCW:focus-within {
    display: block;
    position: relative
}

.addButtonIcon-3rJeaD:hover {
    color: var(--interactive-hover)
}

.addButtonIcon-3rJeaD:active {
    -webkit-transform: translateY(.5px);
    transform: translateY(.5px);
    color: var(--interactive-active)
}

.wrapper-1S43wv {
    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-2AoIYN {
    cursor: pointer
}

.children-3MeUvj {
    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-3MeUvj:empty {
    display: none
}

.mainContent-uDGa6R {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.mainContent-uDGa6R:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.icon-3zI3d2 {
    position: absolute;
    left: 2px;
    top: 6px;
    width: 12px;
    height: 12px
}

.collapsed-2KOacR .icon-3zI3d2 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.wrapper-1S43wv.muted-19J0ih,
.wrapper-1S43wv.muted-19J0ih .name-3BUDLf {
    color: var(--interactive-muted)
}

.wrapper-1S43wv.muted-19J0ih:hover .icon-3zI3d2,
.wrapper-1S43wv.muted-19J0ih:hover .name-3BUDLf,
.wrapper-1S43wv:hover .icon-3zI3d2,
.wrapper-1S43wv:hover .name-3BUDLf {
    color: var(--interactive-hover)
}

.containerDefault-YUSmu3,
.containerDragAfter-3aBiOW,
.containerDragBefore-1s5Qg6,
.containerUserOver-SDa1HW {
    position: relative;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.containerDragAfter-3aBiOW:after,
.containerDragBefore-1s5Qg6:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 8px;
    right: 0;
    height: 4px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    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-1s5Qg6:before {
    top: -2px
}

.containerDragAfter-3aBiOW:after {
    bottom: -2px
}

.containerUserOver-SDa1HW: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: hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .1);
    border: 2px solid hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5)
}

.iconBase-2G48Fc {
    position: relative;
    cursor: pointer;
    line-height: 0
}

.iconItem-1EjiK0 {
    display: none;
    padding: 6px 2px
}

.openChatIconItem-2kj5qO {
    padding-right: 3px
}

.containerDefault-YUSmu3.selected-2TbFuo .iconItem-1EjiK0,
.iconVisibility-vptxma:focus-within .iconItem-1EjiK0,
.iconVisibility-vptxma:focus .iconItem-1EjiK0,
.iconVisibility-vptxma:hover .iconItem-1EjiK0 {
    display: block
}

.iconItem-1EjiK0:focus,
.iconItem-1EjiK0:focus-within {
    display: block;
    position: relative
}

.disableClick-i8APsL {
    pointer-events: none
}

.disabled-2B0Xbx>div {
    opacity: .3
}

.actionIcon-2sw4Sl {
    width: 16px;
    height: 16px;
    display: block
}

.actionIcon-2sw4Sl:active {
    -webkit-transform: translateY(.5px);
    transform: translateY(.5px)
}

.containerDefault-YUSmu3.selected-2TbFuo .actionIcon-2sw4Sl {
    color: var(--interactive-active)
}

.channelInfo-3jN1ay {
    display: block;
    margin-left: 12px
}

.containerDefault-YUSmu3.selected-2TbFuo .channelInfo-3jN1ay,
.iconVisibility-vptxma:focus-within .channelInfo-3jN1ay,
.iconVisibility-vptxma:focus .channelInfo-3jN1ay,
.iconVisibility-vptxma:hover .channelInfo-3jN1ay {
    display: none
}

.actionIcon-2sw4Sl {
    color: var(--interactive-normal)
}

.iconItem-1EjiK0:hover .actionIcon-2sw4Sl {
    color: var(--interactive-hover)
}

.actionIcon-2sw4Sl:active {
    color: var(--interactive-active)
}

.iconLive-1YoJQv {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%) !important
}

.iconBase-2RQsdz {
    position: relative;
    cursor: pointer;
    line-height: 0
}

.mentionsBadge-3H1BKJ {
    pointer-events: none
}

.container-1Bj0eq {
    position: relative
}

.spine-29OFwR {
    color: var(--interactive-muted);
    left: 22px;
    position: absolute;
    top: 8px
}

.premiumChannelIcon-2P8uBD {
    display: block
}

.icon24px-SDsiYD {
    width: 24px;
    height: 24px;
    border-radius: 4px
}

.icon20px-1sBFM- {
    width: 20px;
    height: 20px;
    border-radius: 4px
}

.icon20px-1sBFM-:not(:last-child) {
    margin-right: 4px
}

.container-2FN7rK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.overflow-24rSZ8 {
    font-weight: 700;
    background-color: var(--background-tertiary);
    padding: 0 4px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    border-radius: 4px;
    height: 20px
}

.wrapper-2fEmwW {
    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-1c5KCN,
.users-2JoyGL {
    display: block;
    text-align: center
}

.users-2JoyGL {
    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-2JoyGL.video-2tgU9I {
    width: 48px
}

.users-2JoyGL.video-2tgU9I.extraLong-1hVIWj {
    width: 56px
}

.users-2JoyGL.extraLong-1hVIWj {
    width: 36px
}

.total-1c5KCN {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    position: relative;
    padding: 0 6px 0 0;
    background-color: var(--background-tertiary)
}

.total-1c5KCN.extraLong-1hVIWj {
    width: 28px
}

.total-1c5KCN: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-XeDUk2 {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.list-2kKmFw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.listDefault-2F-w65 {
    -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-2kZTz1,
.listDefault-2F-w65 {
    -webkit-box-direction: normal
}

.listCollapse-2kZTz1 {
    -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-3nRK-K {
    position: relative;
    cursor: pointer
}

.content-1Tgc42 {
    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-KFrVfJ {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.userLarge-1D3WsG {
    height: 38px
}

.userSmall-1Raexx {
    height: 32px
}

.listCollapse-2kZTz1 .content-1Tgc42 {
    margin-left: 8px
}

.listCollapse-2kZTz1 .content-1Tgc42.flipped-KFrVfJ {
    margin-left: 0;
    margin-right: 8px
}

.listDefault-2F-w65 .avatarContainer-3FF_Km {
    margin-right: 8px;
    margin-left: 8px
}

.avatar-3FKimL {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-top: 3px;
    margin-bottom: 3px
}

.avatarSmall-3qwAkA {
    width: 24px;
    height: 24px
}

.avatarLarge-2O3R_j {
    width: 30px;
    height: 30px
}

.avatarSpeaking-2pCGrZ {
    -webkit-box-shadow: inset 0 0 0 2px hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%), inset 0 0 0 3px var(--background-secondary);
    box-shadow: inset 0 0 0 2px hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%), inset 0 0 0 3px var(--background-secondary)
}

.username-vAneIW {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.usernameFont-2oJxoI {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500
}

.icons-2mwuFp {
    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-KFrVfJ .icons-2mwuFp {
    margin-right: 0;
    margin-left: 8px
}

.icon-N9JZb6 {
    width: 16px;
    height: 16px
}

.iconTooltipContainer-BUoSs5 {
    line-height: 0
}

.iconTooltip-23q7e2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.iconSpacing-3rBbgf {
    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-1SWxCn {
    margin-left: 6px
}

.flipped-KFrVfJ .iconSpacing-3rBbgf {
    margin-left: 0;
    margin-right: 4px
}

.iconPriortySpeaker-2h4u_r {
    position: absolute;
    left: -16px;
    width: 6px;
    height: 6px;
    border-radius: 8px
}

.icon-N9JZb6,
.username-vAneIW {
    color: var(--channels-default)
}

.iconServer-GeSR0b,
.strikethrough-2G7pYT {
    color: var(--status-danger)
}

.listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42 {
    background-color: var(--background-modifier-hover)
}

.listDefault-2F-w65 .clickable-1ctZ-H:active .content-1Tgc42 {
    background-color: var(--background-modifier-active)
}

.listDefault-2F-w65 .clickable-1ctZ-H.selected-1oxcpH .content-1Tgc42 {
    background-color: var(--background-modifier-selected)
}

.listDefault-2F-w65 .clickable-1ctZ-H:hover .username-vAneIW {
    color: var(--interactive-hover)
}

.listDefault-2F-w65 .clickable-1ctZ-H.selected-1oxcpH .username-vAneIW,
.usernameSpeaking-3FKv6H {
    color: var(--interactive-active)
}

.liveIcon-1L4rbZ {
    background-color: var(--status-danger);
    color: #fff
}

.iconPriortySpeakerSpeaking-3VY2Fk {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.iconPriortySpeaker-2h4u_r {
    background-color: var(--text-muted)
}

.disabled-mWx9tw {
    opacity: .5
}

.disabled-mWx9tw:hover {
    opacity: 1
}

.body-2WIpo7 {
    padding: 10px
}

.streamPreviewWrapper-1O-B1g {
    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-1O-B1g.mounted-2Bz7hj {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.streamPreview-I7itZ6 {
    width: 252px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.previewContainer-35LFgt {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 142px;
    position: relative
}

.previewContainer-35LFgt:hover .previewHover-H_atpI {
    opacity: 1
}

.previewHover-H_atpI {
    -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-2bOVD- {
    width: 100%;
    height: 100%
}

.applicationName-TAUO19 {
    position: absolute;
    top: 8px;
    left: 12px;
    font-size: 14px;
    line-height: 18px
}

.watchButtonInner-3Rxk73 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.liveIcon-8DRIwN {
    margin-right: 8px
}

.activityActions-3-HiQv {
    margin-top: 0
}

.protip-3_0swZ {
    text-align: center;
    margin-top: 10px
}

.white-3YXkRR {
    color: #fff
}

.theme-dark .streamPreview-I7itZ6 {
    background-color: #202225
}

.theme-dark .previewContainer-35LFgt {
    background-color: #292b2f
}

.theme-dark .applicationName-TAUO19 {
    color: #f6f6f7;
    color: #fff
}

.theme-dark .watchButton-2YRKxv {
    border-color: #72767d;
    color: #fff
}

.theme-dark .watchButton-2YRKxv:not([disabled]):hover {
    border-color: #fff
}

.theme-dark .previewHover-H_atpI {
    background: rgba(0, 0, 0, .6)
}

.theme-light .streamPreview-I7itZ6 {
    background-color: #fff
}

.theme-light .previewContainer-35LFgt {
    background-color: #f8f9f9
}

.theme-light .applicationName-TAUO19 {
    color: #23262a
}

.theme-light .watchButton-2YRKxv {
    border-color: #9099a4;
    color: #23262a
}

.theme-light .watchButton-2YRKxv:not([disabled]):hover {
    border-color: #23262a
}

.theme-light .previewHover-H_atpI {
    background: rgba(79, 86, 96, .6)
}

.draggable-S2aEx4 {
    position: relative;
    height: 32px
}

.draggable-S2aEx4:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.list-2x9Cl9 {
    padding-left: 36px;
    padding-bottom: 8px
}

.collapsed-1oYzUu {
    padding-right: 8px
}

.disableInteraction-1_F4Uq {
    pointer-events: none
}

.liveIndicator-1ZRkBz {
    margin-left: 10px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 8px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

.audienceVoiceUserContainer-1sDBnX {
    height: 32px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.audienceVoiceUserContainer-1sDBnX,
.audienceVoiceUserIconContainer-1aQGLF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.audienceVoiceUserIconContainer-1aQGLF {
    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-2X-pFO {
    color: var(--channels-default);
    font-weight: 500
}

.iconLive-nQxzyp {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%) !important
}

.popout-TdhJ6Z {
    background-color: var(--background-tertiary);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 16px;
    max-width: 300px;
    min-width: 272px;
    padding: 0 12px;
    position: absolute;
    top: 0
}

.more-2c3Z-T,
.row-1qtctT,
.title-1yq5kT {
    padding: 12px 4px
}

.title-1yq5kT {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 2px;
    padding-bottom: 8px
}

.row-1qtctT,
.title-1yq5kT {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.row-1qtctT {
    border-radius: 4px;
    color: var(--interactive-normal);
    padding: 8px;
    margin: 0 -4px
}

.row-1qtctT:hover {
    background-color: var(--brand-experiment);
    color: #fff;
    cursor: pointer
}

.avatar-2LpRdK {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.bullet-3kRbKL {
    margin: 0 8px
}

.timestamp-3gPmzJ {
    color: var(--text-muted);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap
}

.row-1qtctT:hover .timestamp-3gPmzJ {
    color: #fff
}

.name-3WNuqg {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.more-2c3Z-T {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid var(--background-modifier-accent);
    color: var(--text-link);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    margin-top: 8px;
    padding-top: 8px;
    padding-bottom: 10px
}

.more-2c3Z-T:hover {
    text-decoration: underline
}

.container-1qIct8 {
    position: absolute;
    z-index: 2;
    overflow: hidden;
    padding: 8px;
    height: 24px;
    pointer-events: none
}

.bar-2eAyLE {
    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-334r9u:active {
    top: 1px
}

.unread-2wipsx {
    background-color: var(--background-accent);
    opacity: .9
}

.unread-2wipsx:active,
.unread-2wipsx:hover {
    opacity: 1
}

.mention-3XBnnZ {
    background-color: var(--status-danger);
    opacity: .9
}

.mention-3XBnnZ:hover {
    opacity: 1
}

.mention-3XBnnZ:active {
    opacity: 1;
    background-color: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%)
}

.icon-3B9vQh,
.text-2GsXbW {
    display: block
}

.icon-3B9vQh {
    color: #fff;
    margin-left: 2px;
    width: 12px;
    height: 12px
}

.enable-forced-colors .bar-2eAyLE {
    background-color: ButtonFace;
    border: 1px solid ButtonText;
    color: ButtonText
}

.image-1yo2Cz {
    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: 16px
}

.container-1xm7vq {
    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-13cKye {
    margin-left: 24px;
    max-width: 320px
}

.buttonContainer-3bouJi {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.primaryButton-3Xgq5P {
    margin-right: 24px
}

.cancel-2O_tWl {
    color: var(--interactive-normal)
}

.cancel-2O_tWl:hover {
    color: var(--interactive-hover)
}

.cancel-2O_tWl:active {
    color: var(--interactive-active)
}

.image-1yVaxw {
    width: 64px;
    height: 64px
}

.flexColumn-26qukB,
.flexRow-y9esFp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flexColumn-26qukB {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.assetsLargeImage-2aPegH {
    width: 64px;
    height: 64px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 8px
}

.applicationLargeImage-2CF5PY {
    border-radius: 8px
}

.headerTextSize-2RK0p4 {
    font-size: 14px;
    line-height: 18px
}

.bodyTextSize-xexmjO {
    font-size: 12px;
    line-height: 16px
}

.textRow-204FnE {
    display: block
}

.ellipsisRow-1iN62Q {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.colorHeaderPrimary-2TToqy,
.header-PcBSwM {
    color: var(--header-primary)
}

.header-PcBSwM {
    margin-bottom: 2px
}

.colorHeaderSecondary-2MsPDJ {
    color: var(--header-secondary)
}

.link-26kldd:hover {
    text-decoration: underline
}

.clickable-Ffynel {
    cursor: pointer
}

.headerLink-1hmZgL {
    color: var(--header-primary)
}

.headerLink-1hmZgL:hover {
    text-decoration: underline
}

.bodyLink-3mYun5 {
    color: var(--header-primary)
}

.usersSummary-1krzr1 {
    margin-top: 4px
}

.timeBar-3vgQdw {
    margin-top: 8px
}

.detailsAndAvatarsContainer-33yJ60 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.avatar-3jcVeZ {
    border-radius: 50%;
    width: 24px;
    height: 24px
}

.container-3MQTjc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    border-radius: 10px;
    background: var(--background-secondary);
    -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
}

.peopleIcon-1zv5D6 {
    color: var(--header-secondary);
    margin-right: 4px
}

.userCountText-1ZKTJR {
    line-height: 18px
}

.container-8Futzw {
    width: 280px;
    border-radius: 5px;
    margin-left: 16px;
    padding: 0 16px;
    max-height: 360px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    background-color: var(--background-floating)
}

.activity-1DK9Xa+.activity-1DK9Xa {
    border-top: 1px solid var(--background-modifier-accent)
}

.partyMembers-2Wq1P9 {
    -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-bX2-bv {
    cursor: default
}

.morePartyMembers-aM-fUv {
    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-1Ofqs0 {
    color: var(--interactive-active);
    border-color: var(--interactive-muted);
    border-radius: 4px
}

.button-1Ofqs0:not([disabled]):hover {
    border-color: var(--interactive-active)
}

.popoutHeaderContainer-26vKmr {
    padding: 12px 0
}

.channelNameContainer-3LKMrc,
.popoutHeaderContainer-26vKmr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.channelNameContainer-3LKMrc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.channelIcon-3Oew8h {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: var(--text-muted);
    margin-right: 4px
}

.channelName-3lwMH6 {
    font-weight: 600;
    text-overflow: ellipsis
}

.headerDivider-N-jIGV {
    background-color: var(--background-modifier-accent);
    height: 1px;
    width: 100%
}

.channelActivityContainer-1_5CRq {
    padding-top: 12px
}

.activityActionsContainer-A31ie3 {
    padding-bottom: 16px
}

.scroller-1ox3I2 {
    z-index: 1;
    padding-right: 8px
}

.unread-XRkyaQ {
    left: 0;
    right: 0
}

.unreadBar-elBRZx:before {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    right: -8px;
    bottom: 0
}

.unreadBottom-3Ojk6R {
    bottom: 0
}

.unreadBottom-3Ojk6R .unreadBar-elBRZx:before {
    bottom: -8px
}

.positionedContainer-W9XtGp {
    position: relative
}

.unreadTop-1DJtGv {
    top: 0
}

.unreadTop-1DJtGv .unreadBar-elBRZx:before {
    top: -8px
}

.voiceUserSummary-huJ8Md {
    -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
}

.wrapper-Hd8H2G {
    position: relative;
    z-index: 100
}

.container-JMJRDf {
    background: var(--brand-experiment);
    position: absolute;
    text-align: center;
    bottom: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%
}

.content-PlPs77 {
    padding: 10px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-PlPs77,
.header-3WhTwB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-3WhTwB {
    margin-top: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.headerText-SuRRj8 {
    color: #fff;
    font-weight: 600
}

.subheaderText-Jg7wmo {
    color: #dcddde
}

.betaTag-3QG2yr {
    margin-left: 4px;
    color: var(--brand-experiment);
    background-color: #fff
}

.video-31SuuY {
    border-radius: 8px
}

.ctaActionWrapper-Bip--3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

.learnMoreLink-2Qo4lT {
    text-decoration: underline;
    color: #fff
}

.container-1-ERn5 {
    position: relative
}

.clickable-vvKY2q {
    cursor: pointer
}

.animatedBannerHoverLayer-129r1v {
    position: absolute;
    width: 100%;
    top: 48px;
    left: 0;
    z-index: 100;
    cursor: default
}

.animatedContainer-2laTjx {
    width: 100%;
    overflow: hidden;
    background-color: var(--background-modifier-active);
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.animatedContainer-2laTjx,
.bannerImage-ubW8K- {
    position: absolute;
    height: 135px;
    top: 0;
    left: 0
}

.bannerImage-ubW8K- {
    width: 240px
}

.bannerImg-2PzH6z {
    -o-object-fit: cover;
    object-fit: cover
}

.bannerImage-ubW8K-: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-3OsQeK {
    position: relative;
    font-family: var(--font-display);
    font-weight: 500;
    padding: 12px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 3;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.headerContent-2SNbie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--header-primary)
}

.primaryInfo-2ocY3v {
    height: 24px
}

.headerButton-1nmDZ3 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.headerChildren-2qV9P8 {
    position: relative;
    z-index: 4
}

.communityInfoContainer-1dMVpU {
    position: absolute;
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden
}

.communityInfoVisible-3zc5_s .communityInfoContainer-1dMVpU {
    margin-top: 4px;
    height: 20px
}

.communityInfoVisible-3zc5_s .communityInfo-3YsNIn {
    color: #fff
}

.communityInfoPill-2Mll66 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2px 6px;
    background: var(--background-accent);
    border-radius: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 4px
}

.communityIcon-28UI1f {
    margin-right: 4px
}

.bannerVisible-Vkyg1I .headerContent-2SNbie {
    color: #fff;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .8));
    filter: drop-shadow(0 1px 1px hsla(0, 0%, 0%, .8))
}

.clickable-vvKY2q .header-3OsQeK:hover,
.selected-1GtAC5 .header-3OsQeK {
    background-color: var(--background-modifier-hover)
}

.communityInfoVisible-3zc5_s .header-3OsQeK,
.communityInfoVisible-3zc5_s .header-3OsQeK:hover,
.hasBanner-2IrYih .header-3OsQeK,
.hasBanner-2IrYih .header-3OsQeK:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

.bannerVisible-Vkyg1I .dropdown-xF6CLQ {
    opacity: 1
}

.name-3Uvkvr {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 1
}

.favoritesInfo-3HTE7X {
    margin-top: 2px;
    margin-left: 4px;
    margin-bottom: -2px
}

.enable-forced-colors .container-1-ERn5 {
    border-bottom: 2px solid CanvasText
}

.image-3ixTM6 {
    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: 16px
}

.tooltipHeader-15IeFU,
.tooltipText-1plbAz {
    color: var(--header-primary);
    text-align: center
}

.tooltipText-1plbAz {
    margin: 4px 8px 0;
    font-weight: 400
}

.tooltipWrapper-2QUa_y {
    margin-top: 18px;
    max-width: 248px;
    padding: 16px;
    background-color: var(--background-floating);
    border-radius: 8px;
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium)
}

.tooltipWrapper-2QUa_y:after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid var(--background-floating)
}

.tooltip-2HOAgi p {
    margin: 12px 0
}

.tooltip-2HOAgi p:first-of-type {
    margin-top: 0
}

.tooltip-2HOAgi p:last-of-type {
    margin-bottom: 0
}

.buttonsContainer-3QtumF {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 16px auto 0
}

.buttonsContainer-3QtumF :nth-child(2) {
    margin-top: 8px;
    background-color: var(--background-floating);
    color: var(--header-secondary)
}

.theme-light .buttonsContainer-3QtumF :nth-child(2):hover {
    color: rgba(0, 0, 0, .9)
}

.theme-dark .buttonsContainer-3QtumF :nth-child(2):hover {
    color: hsla(0, 0%, 100%, .9)
}

.container-1vIv1Y {
    width: 280px
}

.image-2p9nRz {
    width: 184px;
    margin: 0 auto 4px
}

.container-1NXEtd {
    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)
}

.varUpsellTooltip-2ii-M9 {
    max-width: 220px
}

.varUpsell-3iP9Kb {
    padding: 8px 0
}

.varUpsellTitle-3R-gHE {
    font-weight: 700;
    margin-bottom: 8px
}

.varUpsellBody-Ue57Q0 {
    text-align: center
}

.tooltip-5Po--u p {
    margin: 12px 0
}

.tooltip-5Po--u p:first-of-type {
    margin-top: 0
}

.tooltip-5Po--u p:last-of-type {
    margin-bottom: 0
}

.tooltipIntegrationsPermissionsAsset-3q2lL8 {
    height: auto;
    width: 50%;
    margin: 0 auto 16px;
    display: block
}

.stageUpsellInline-1S-P9k {
    display: inline;
    margin: 0 2px;
    background-color: hsla(0, 0%, 100%, .1);
    padding: 2px 6px;
    border-radius: 12px;
    color: #fff
}

.stageDescription-KTkLSa {
    margin: 8px 0 16px;
    color: #fff
}

.hubContainer-15P49h {
    margin: 14px 0 0
}

.lowerPriceBoostingTooltip-1EfSvE {
    width: 248px
}

.lowerPriceBoostingTooltipHeader-3FGwnG {
    line-height: 0
}

.lowerPriceBoostingImg-3V0Dt5 {
    -ms-flex-line-pack: center;
    align-content: center;
    height: auto;
    display: block;
    margin: 0 auto 16px
}

.channelNotice-3-mDJt {
    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-3ky80s {
    color: var(--interactive-normal);
    cursor: pointer;
    position: absolute;
    right: 16px;
    width: 18px;
    height: 18px;
    top: 16px;
    z-index: 1
}

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

.closeIcon-upjn8w {
    width: 18px;
    height: 18px
}

.message-3oozB8 {
    color: var(--text-normal);
    font-size: 14px;
    left: -10px;
    line-height: 18px;
    margin-top: 86px;
    position: relative;
    text-align: center;
    width: 220px
}

.checkStatusButton-1lF2hQ {
    margin-top: 20px
}

.channelNotice-3-mDJt {
    background-image: url(/assets/0a14344c0e0bfe3a52aa245ecaaebca7.svg)
}

.channelNotice-7cg_jN {
    position: relative;
    text-align: center;
    padding: 16px;
    -webkit-box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
    box-shadow: inset 0 -1px 0 var(--background-modifier-accent)
}

.channelNotice-7cg_jN.hubStudyGroup-2-2vPz {
    background: url(/assets/48c9711c9fabbd43182bcaf602201b48.svg) no-repeat center 35px;
    padding: 100px 20px 20px
}

.channelNotice-7cg_jN.hubStudyGroup-2-2vPz .btn-1ZaXaH {
    font-weight: 600;
    width: 100%
}

.channelNotice-7cg_jN.hubStudyGroup-2-2vPz .title-3WuIG7 {
    font-weight: 600;
    color: var(--header-primary);
    font-size: 16px;
    margin-bottom: 4px
}

.channelNotice-7cg_jN.hubStudyGroup-2-2vPz .description-3uafPh {
    color: var(--header-secondary);
    font-size: 12px
}

.channelNotice-7cg_jN a,
.close-R97Oc7 {
    cursor: pointer
}

.close-R97Oc7 {
    position: absolute;
    right: 16px;
    top: 12px;
    width: 18px;
    height: 18px;
    color: var(--interactive-normal)
}

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

.closeIcon-__3oXJ {
    width: 18px;
    height: 18px
}

.message-2yKOgd {
    font-size: 14px;
    line-height: 18px;
    color: var(--text-normal);
    margin-top: 16px;
    white-space: pre-wrap
}

.message-2yKOgd .btn-1ZaXaH {
    margin: 16px auto 0
}

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

.image-3pDnE6 {
    width: 100%
}

.channelNotice-3CfHGl {
    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-1qajzL {
    position: absolute;
    right: 16px;
    top: 12px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    color: var(--interactive-normal);
    z-index: 1
}

.close-1qajzL:hover {
    color: var(--interactive-hover)
}

.closeIcon-38dRRt {
    width: 18px;
    height: 18px
}

.message-3W-BU2 {
    font-size: 14px;
    line-height: 18px;
    color: var(--text-normal);
    margin-top: 8px;
    text-align: center
}

.guildAffinityPremiumSubscriptionButton-260Fn9 {
    margin-top: 16px
}

.guildBoostingAnimationWrapper-Zh4sNC {
    -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
}

.guildBoostingAnimation-3esapp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 90px;
    width: 350px
}

.theme-light .channelNotice-3CfHGl {
    background-image: url(/assets/77a640932672b4887e03822b70b6616a.svg)
}

.theme-dark .channelNotice-3CfHGl {
    background-image: url(/assets/f3b0a49db207c14b4c5f71de331dfb9f.svg)
}

.channelNotice-K4UfZY {
    margin: 16px 8px 0;
    padding: 0 8px 16px;
    border-bottom: 1px solid var(--background-primary)
}

.theme-light .channelNotice-K4UfZY {
    border-bottom: 1px solid rgba(220, 221, 222, .6)
}

.textBlock-3rqvcj {
    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-v8cd6m {
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 4px
}

.eventName-63zAuJ {
    margin-bottom: 4px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.channelName-qk56Fc,
.eventName-63zAuJ {
    overflow: hidden;
    text-overflow: ellipsis
}

.dotDivider-MhkRZy {
    margin-left: 4px;
    margin-right: 4px
}

.liveIndicator-TJKS7N {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.stageIcon-1Gi-1l {
    color: var(--header-secondary);
    margin-right: 4px
}

.userNames-2j2GW- {
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

.joinButton-1HdI2a {
    margin-top: 12px
}

.closeIcon-1AEDhI {
    color: var(--header-secondary);
    margin-left: auto;
    cursor: pointer
}

.icon-3Bb8Z3 {
    color: var(--header-secondary);
    margin-right: 4px
}

@-webkit-keyframes pulse-1EE5iY {
    0% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

@keyframes pulse-1EE5iY {
    0% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

.container-1XYZ8d {
    padding: 16px 8px;
    -webkit-animation: pulse-1EE5iY 5s ease-in-out infinite alternate;
    animation: pulse-1EE5iY 5s ease-in-out infinite alternate;
    height: 100%;
    overflow: hidden
}

.bannerPadding-7AX2rB {
    padding-top: 104px
}

.category-1ncDaU {
    height: 16px;
    width: 77px;
    border-radius: 4px;
    margin-bottom: 18px;
    background-color: var(--background-accent)
}

.spacer-3k-hW9 {
    height: 1px;
    width: 100px;
    margin: 16px 0
}

.channel-2eDiWO {
    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-2xYUxY {
    width: 16px;
    border-radius: 16px;
    margin: 0 8px
}

.channelIcon-2xYUxY,
.channelName-2Lr3Jq {
    height: 16px;
    background-color: var(--background-accent)
}

.channelName-2Lr3Jq {
    border-radius: 8px
}

.wrapper-z5ab_q {
    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-2LIpTv {
    position: absolute;
    display: block;
    width: 8px;
    border-radius: 0 4px 4px 0;
    margin-left: -4px;
    background-color: var(--header-primary)
}

.enable-forced-colors .item-2LIpTv {
    background-color: CanvasText
}

.wrapper-28eC3z {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 48px;
    height: 48px;
    cursor: pointer
}

.wrapperSimple-Js2rIO {
    border-radius: 50%;
    overflow: hidden
}

.svg-2zuE5p {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px
}

.lowerBadge-3WTshO {
    bottom: 0
}

.lowerBadge-3WTshO,
.upperBadge-1V6Iyi {
    pointer-events: none;
    position: absolute;
    right: 0
}

.upperBadge-1V6Iyi {
    top: 0
}

.focusStroke-3V8pid {
    stroke: transparent;
    stroke-width: 0
}

.focusFill-2jImF6,
.focusStroke-3V8pid {
    fill: transparent
}

.keyboard-mode .focusStroke-3V8pid {
    fill: var(--focus-primary);
    stroke: var(--focus-primary);
    stroke-width: 8px
}

.keyboard-mode .focusFill-2jImF6 {
    fill: var(--background-tertiary)
}

.keyboard-mode .simpleFocused-3ncibx {
    -webkit-box-shadow: 0 0 0 4px var(--focus-primary);
    box-shadow: 0 0 0 4px var(--focus-primary)
}

.wrapper-3kah-n {
    -webkit-transition: background-color .1s ease-out, color .1s ease-out;
    transition: background-color .1s ease-out, color .1s ease-out
}

.childWrapper-1j_1ub,
.wrapper-3kah-n {
    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-1j_1ub {
    -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-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub,
.wrapper-3kah-n:hover .childWrapper-1j_1ub {
    color: #fff;
    background-color: var(--brand-experiment)
}

.acronym-2zrAHN {
    font-weight: 500;
    line-height: 1.2em;
    white-space: nowrap
}

.icon-3AqZ2e {
    display: block;
    width: 48px;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

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

.listItemWrapper-3d87LP:active {
    -webkit-transform: translateY(1px) translateZ(0);
    transform: translateY(1px) translateZ(0)
}

.listItemTooltip-Hrivm5 {
    max-width: 196px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    word-wrap: break-word
}

.enable-forced-colors .listItemWrapper-3d87LP {
    background-color: ButtonText;
    border: 2px solid ButtonText;
    border-radius: 4px
}

.enable-forced-colors .listItemWrapper-3d87LP.selected-3a1QGn {
    background-color: Highlight;
    border-color: Highlight
}

.listItem-3SmSlK {
    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
}

.unavailableBadge-1_xDFM {
    background-color: #fff;
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%) !important
}

.iconBadge-32fMme {
    background-color: var(--background-accent)
}

.iconBadge-32fMme.participating-2Z81oO {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.tutorialContainer-2jwoiB {
    position: relative
}

.pill-22lZHo {
    position: absolute;
    top: 0;
    left: 0
}

.circleIconButton-1VxDrg {
    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;
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    background-color: var(--background-primary)
}

.circleIconButton-1VxDrg.selected-2r1Hvo {
    color: #fff;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.circleIcon-3489FI {
    width: 24px;
    height: 24px
}

.pill-1NRFie {
    position: absolute;
    top: 0;
    left: 0
}

.wrapper-3XVBev {
    position: absolute;
    top: -16px;
    bottom: -4px;
    left: 0;
    right: 0;
    pointer-events: none;
    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
}

.target-1eRTCg {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}

.target-1eRTCg.dragOver-1OKbo2:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 4px;
    right: 4px;
    height: 4px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.centerTarget-S6BLFQ {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}

.centerTarget-S6BLFQ.dragOver-1OKbo2:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 32px;
    left: 4px;
    margin: auto;
    width: 16px;
    height: 16px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.centerTargetTooltip-1-qA7T {
    margin-bottom: 20px
}

.autoPointerEvents-2oNo2f {
    pointer-events: auto
}

.folderEndWrapper-3KO8ks {
    position: relative;
    height: 0
}

.folderEndWrapper-3KO8ks.wrapperOver-3J9BtG {
    height: 24px
}

.folderTarget-ivrfeG {
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    height: 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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none
}

.folderTarget-ivrfeG .dragOver-1OKbo2:before {
    top: unset;
    bottom: 0
}

.pill-1eBbnB {
    position: absolute;
    top: 0;
    left: 0
}

.favoriteIcon-2kWmTP {
    display: block
}

.upsellTooltip-25L378 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.upsellIcon-uG6LH_ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px;
    margin-left: -6px
}

.upsellText-934yH0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 22px
}

.nitroUpsell-2KcFaN {
    background: linear-gradient(135deg, hsl(270, calc(var(--saturation-factor, 1)*86.7%), 70.6%), hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%));
    color: #fff
}

.nitroUpsellIcon-2RilVC {
    stroke: #000 2px
}

.progressCircle-1pQMui {
    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: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%)
}

.circle-1BhSZ2 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.circleBackgroundAlt-32_kWx {
    fill: rgba(0, 0, 0, .2)
}

.circleBackground-1QJWqA {
    fill: var(--background-accent)
}

.circleProgress-2bRiyq {
    fill: none
}

.circleOverlay-8mT02H {
    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-2vzAZ9 {
    width: 20px;
    height: 20px;
    position: relative
}

.downloadIcon-sr8e65 {
    position: relative;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 4px
}

.pill-L_aLMQ {
    position: absolute;
    top: 0;
    left: 0
}

.downloadProgress-2Drg62 {
    position: relative;
    top: -2px;
    right: -2px
}

.homeIcon-r0w4ny {
    display: block;
    width: 28px;
    height: 20px
}

.tutorialContainer-1pL9QS {
    position: relative
}

.dragInner-1CUBf_ {
    width: 48px;
    height: 48px;
    background-color: var(--background-primary)
}

.placeholderMask-2FHNZU {
    display: block
}

.wrapper-38slSD {
    position: relative;
    width: 72px
}

.wrapper-38slSD:active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.expandedFolderBackground-1kSAf6 {
    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-1kSAf6.collapsed-uGXEbi,
.expandedFolderBackground-1kSAf6.collapsed-uGXEbi.hover-3m7-WT {
    background-color: transparent
}

.folderIconWrapper-1oRIZr {
    border-radius: 16px;
    overflow: hidden
}

.folder-241Joy,
.folderIconWrapper-1oRIZr {
    width: 48px;
    height: 48px;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out
}

.folder-241Joy {
    cursor: pointer;
    background-color: var(--background-secondary)
}

.folder-241Joy.hover-3m7-WT {
    background-color: var(--background-primary)
}

.closedFolderIconWrapper-3tRb2d {
    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-kXp_sO {
    border-radius: 50%
}

.folderIconPreview-kXp_sO .guildIcon-2I5sfu {
    background-color: transparent
}

.miniPlaceholder-ziskFu {
    width: 15px;
    height: 15px
}

.expandedFolderIconWrapper-3RwQpD {
    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-2I5sfu {
    overflow: hidden;
    position: static
}

.guildIconMuted-1J02vT {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.guildIconUnavailable-1NjeTR {
    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 var(--status-danger)
}

.enable-forced-colors .closedFolderIconWrapper-3tRb2d,
.enable-forced-colors .expandedFolderIconWrapper-3RwQpD {
    background-color: ButtonText
}

.blobContainer-ikKyFs:active {
    position: relative;
    -webkit-transform: translateY(1px) translateZ(0);
    transform: translateY(1px) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pill-2RsI5Q {
    position: absolute;
    left: 0;
    top: 0
}

.sorting-GEyVNe {
    pointer-events: none
}

.muted-jUCIgx {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

@-webkit-keyframes wobble-18SYQm {

    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-18SYQm {

    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-18SYQm {
    -webkit-animation-name: wobble-18SYQm;
    animation-name: wobble-18SYQm;
    -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%
}

.enable-forced-colors .blobContainer-ikKyFs {
    background-color: ButtonText;
    border: 2px solid ButtonText;
    border-radius: 4px;
    margin-bottom: -4px
}

.enable-forced-colors .blobContainer-ikKyFs.selected-3c78Ai {
    background-color: Highlight;
    border-color: Highlight
}

.iconButton-2z1iK7 {
    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: 36px;
    -webkit-transition: color .15s ease-out, background-color .15s ease-out;
    transition: color .15s ease-out, background-color .15s ease-out;
    border-radius: 10px;
    margin-bottom: 2px;
    color: var(--text-normal);
    background-color: var(--background-primary)
}

.iconButton-2z1iK7.selected-1WnveH {
    color: #fff;
    background-color: var(--brand-experiment)
}

.iconMask-2moq4Q {
    position: relative;
    left: 4px
}

.iconBadge-2t2laP {
    position: relative;
    right: 6px;
    top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: var(--status-danger)
}

.guildSeparator-a4uisj {
    height: 2px;
    width: 32px;
    border-radius: 1px;
    background-color: var(--background-modifier-accent)
}

.guildsError-2gzNaD {
    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 var(--status-danger);
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out
}

.errorInner-1WxcWa {
    font-weight: 700
}

.guildsError-2gzNaD:hover {
    text-decoration: none;
    color: #fff;
    border-color: var(--status-danger);
    background-color: var(--status-danger)
}

.pendingIcon-1tX8yh {
    color: var(--text-normal)
}

.wrapper-1_HaEi {
    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-1_HaEi.hidden-10MsGQ {
    width: 0;
    visibility: hidden
}

.platform-osx .wrapper-1_HaEi {
    margin-top: 32px
}

.tree-3agP2X {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.scroller-3X7KbA {
    -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-3X7KbA.scrolling-S7jXyr>* {
    pointer-events: none
}

.platform-osx .scroller-3X7KbA,
.platform-win .scroller-3X7KbA {
    padding-top: 4px
}

.platform-overlay .scroller-3X7KbA {
    padding-top: 12px
}

.unreadMentionsIndicatorBottom-3RJMnQ,
.unreadMentionsIndicatorTop-2bTgUU {
    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-2bTgUU {
    padding-top: 8px
}

.unreadMentionsIndicatorBottom-3RJMnQ {
    padding-bottom: 8px
}

.unreadMentionsBar-ZXXoOH:before {
    position: absolute;
    top: 0;
    left: -8px;
    right: -8px;
    bottom: 0;
    content: ""
}

.unreadMentionsIndicatorTop-2bTgUU {
    top: 0
}

.unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH:before {
    top: -8px
}

.unreadMentionsIndicatorBottom-3RJMnQ {
    bottom: 0
}

.unreadMentionsIndicatorBottom-3RJMnQ .unreadMentionsBar-ZXXoOH:before {
    bottom: -8px
}

.enable-forced-colors .wrapper-1_HaEi {
    border-right: 2px solid CanvasText
}

.container-eK82mE {
    padding: 24px;
    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
}

.topImage-Rlo-5x {
    width: 200px;
    height: 139px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/assets/eeacc28d3c62a7cf1154a2bc11968ad8.svg);
    margin-bottom: 16px
}

.centerText-3xgf1v {
    text-align: center;
    white-space: pre-wrap
}

.header-1Hiujs {
    margin-bottom: 8px
}

.descriptionWidth-39ysW5 {
    width: 265px;
    margin-bottom: 24px
}

.formContent-1_x3jY {
    width: 100%
}

.formDescription-26NxPg {
    margin: 8px 0 24px
}

.submitButton-32U6Sd {
    width: 100%
}

.submitText-Kp_2uE {
    color: #fff
}

.cancelButton-1SQeVc {
    margin-top: 12px;
    width: 100%;
    color: var(--header-secondary)
}

.searchBox-pyIJJj {
    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-pyIJJj:focus,
.searchBox-pyIJJj:focus-within {
    border-color: var(--brand-experiment)
}

.searchBox-pyIJJj .searchBoxInput-P0mWHW {
    border: none;
    font-size: 18px;
    font-weight: 500;
    padding: 12px;
    background: transparent;
    height: auto
}

.searchBox-pyIJJj .searchBoxInput-P0mWHW::-webkit-input-placeholder {
    font-weight: 500
}

.searchBox-pyIJJj .searchBoxInput-P0mWHW::-moz-placeholder {
    font-weight: 500
}

.searchBox-pyIJJj .searchBoxInput-P0mWHW:-ms-input-placeholder {
    font-weight: 500
}

.searchBox-pyIJJj .searchBoxInput-P0mWHW::placeholder {
    font-weight: 500
}

.searchBoxInputWrapper-3XLwVB {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cta-25g9OT {
    margin-right: 8px
}

.clear-1JYfB5 {
    line-height: 0
}

.clearIcon-TMIIUa {
    cursor: pointer;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: var(--interactive-normal)
}

.clearIcon-TMIIUa:hover {
    color: var(--interactive-hover)
}

.clear-1JYfB5:focus,
.clearIcon-TMIIUa:focus {
    color: var(--interactive-active)
}

.searchIcon-34RNw9 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.clearIcon-TMIIUa,
.searchIcon-34RNw9 {
    width: 1.4em;
    height: 1.4em
}

.theme-light .searchBox-pyIJJj {
    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-pyIJJj .searchBoxInput-P0mWHW::-webkit-input-placeholder {
    color: #72767d
}

.theme-light .searchBox-pyIJJj .searchBoxInput-P0mWHW::-moz-placeholder {
    color: #72767d
}

.theme-light .searchBox-pyIJJj .searchBoxInput-P0mWHW:-ms-input-placeholder {
    color: #72767d
}

.theme-light .searchBox-pyIJJj .searchBoxInput-P0mWHW::placeholder {
    color: #72767d
}

.theme-light .searchIcon-34RNw9 {
    color: rgba(79, 84, 92, .6)
}

.theme-light .filterLabel-3-eQ3i {
    color: #000
}

.theme-dark .searchBox-pyIJJj {
    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-pyIJJj .searchBoxInput-P0mWHW::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.theme-dark .searchBox-pyIJJj .searchBoxInput-P0mWHW::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.theme-dark .searchBox-pyIJJj .searchBoxInput-P0mWHW:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.theme-dark .searchBox-pyIJJj .searchBoxInput-P0mWHW::placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.theme-dark .searchIcon-34RNw9 {
    color: hsla(0, 0%, 100%, .3)
}

.theme-dark .filterLabel-3-eQ3i {
    color: #b9bbbe
}

.container-2Cx0P7 {
    padding: 24px 0;
    display: block;
    -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%
}

.centerText-1cNX6b {
    text-align: center;
    white-space: pre-wrap
}

.header-3V68OJ {
    margin-bottom: 8px
}

.description-2_LayL {
    margin-bottom: 20px
}

.guildList-1Z5Fu_ {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.forcedHeight-1sjk_s {
    height: 516px
}

.searchContainer-15GBF0 {
    padding: 0 24px
}

.container-2Cx0P7 .guildList-1Z5Fu_ .searchBox-N_zsUQ {
    background-color: var(--background-tertiary);
    margin-bottom: 8px;
    padding-right: 8px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.container-2Cx0P7 .guildList-1Z5Fu_ .searchBox-N_zsUQ:focus,
.container-2Cx0P7 .guildList-1Z5Fu_ .searchBox-N_zsUQ:focus-within {
    border-color: var(--text-link)
}

.guildList-1Z5Fu_ .searchBox-N_zsUQ .searchBoxInput-367924 {
    font-size: 16px;
    padding: 12px 8px
}

.guildList-1Z5Fu_ .searchBox-N_zsUQ .searchBoxIcon-3GiW1w {
    height: 16px;
    width: 16px
}

.guildRow-LBVjw6 {
    position: relative;
    margin-bottom: 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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 8px;
    background-color: var(--background-secondary-alt);
    padding: 12px 16px 12px 12px
}

.clickableGuildInfoRow-jlJcVm {
    cursor: pointer
}

.clickableGuildInfoRow-jlJcVm:hover {
    background-color: var(--background-modifier-hover)
}

.guildIcon-1VBgI5 {
    background-color: var(--background-primary)
}

.guildName-UuPu1Q {
    margin-left: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600
}

.noResultsContainer-2Lt7-n {
    min-height: 446px;
    height: 100%;
    padding: 16px 24px 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center
}

.noResultsContainer-2Lt7-n,
.noResultsContent-1IUDgx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    justify-content: center
}

.noResultsContent-1IUDgx {
    background-color: var(--background-secondary);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px
}

.noResultsImage-_XBm1l {
    width: 120px;
    height: 96px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/assets/9f65387c814dd4cb5aff4e4e1e7e0446.svg);
    margin-bottom: 16px
}

.scroller-XbmBHy {
    padding: 0 24px
}

.container-3pTzwj {
    padding: 24px;
    -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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.centerText-1M9ruU {
    text-align: center;
    white-space: pre-wrap
}

.header-3zS4tI {
    margin-bottom: 8px
}

.descriptionWidth-3y7ZjB {
    width: 351px;
    margin-bottom: 24px
}

.formItem-3N7Su2 {
    width: 100%
}

.footer-8GI5Wq {
    position: absolute;
    bottom: 0;
    width: 464px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 16px;
    border-top: 1px solid var(--background-modifier-accent);
    -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;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.backButton-25xp9A {
    padding: 0;
    min-height: 40px;
    min-width: 40px
}

.submitText-3KXrMz {
    color: #fff
}

.container-2I9CGI {
    padding: 24px;
    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
}

.topImage-1yBzs0 {
    width: 119px;
    height: 83px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/assets/a64239d24af91a983ec1fd43fdadb323.svg);
    margin-bottom: 16px
}

.centerText-1ZkDhV {
    text-align: center;
    white-space: pre-wrap
}

.formItem-T46sfY {
    width: 100%;
    margin-bottom: 16px
}

.header-3EeHz6 {
    margin-bottom: 8px
}

.descriptionWidth-9vJdUZ {
    margin-bottom: 24px
}

.submitText-20lnkF {
    color: #fff
}

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

.container-3noONu,
.iconContainer-3LclNk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.iconContainer-3LclNk {
    height: 48px;
    width: 48px;
    border-radius: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    margin-bottom: 16px
}

.icon-3459VP {
    width: 24px;
    height: 24px;
    background-image: url(/assets/8b7165c3ca8f930bf6a1cf4ad12de85a.svg)
}

.header-1xAn_- {
    margin-bottom: 16px
}

.description-31Folm p:first-child {
    margin-top: 0
}

.modalRoot-1Xi0tQ {
    width: 720px
}

.sidebarContainer-gUKhtL {
    width: 256px;
    padding: 24px;
    background-color: var(--background-secondary)
}

.contentContainer-qRbgi7,
.sidebarContainer-gUKhtL {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.contentContainer-qRbgi7 {
    width: 464px;
    height: 640px;
    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: 1;
    -ms-flex: 1;
    flex: 1
}

.modalContent-2-8d3M {
    padding-left: 0
}

.container-28QIQB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

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

.page-1d76_l {
    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-2umADs,
.page-1d76_l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contentWrapper-2umADs {
    -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-33RqQN {
    -webkit-app-region: drag
}

.dragRegion-33RqQN {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px
}

.friendWrapper-2x5j0A {
    cursor: pointer;
    padding: 1px 0;
    margin: 0 4px 0 12px
}

.friend-8ZraY7 {
    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-8ZraY7 .avatar-135A-D {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0
}

.friend-8ZraY7 .checkbox-1pxf69 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.friend-8ZraY7 .match-3CIWfq {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.friend-8ZraY7 .nickname-1PdAp3 {
    margin-right: 4px
}

.friend-8ZraY7 .discordTag-2ke74W {
    opacity: .5
}

.theme-dark .friend-8ZraY7 {
    color: #b9bbbe
}

.theme-dark .friendSelected-3cwmD7 {
    background-color: rgba(79, 84, 92, .3);
    color: #fff
}

.theme-light .friend-8ZraY7 {
    color: #72767d
}

.theme-light .friendSelected-3cwmD7 {
    background-color: rgba(220, 221, 222, .3);
    color: #000
}

.popout-3gby1q {
    width: 440px
}

.searchBar-14YqL- .searchBarComponent-18D6hD {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.searchBar-14YqL- .addButton-cr4zLw {
    margin-left: 8px
}

.subtitleWarning-1sdVEW {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%) !important
}

.noResults-1ceiMB,
.scroller-1Kbkqa {
    max-height: 190px
}

.copyInput-2-fBVE {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.noBorder-1XR_5c {
    border: none
}

.copyButton-2o2Hlg {
    margin-right: 4px;
    width: 75px
}

.errorState-1R6bBt {
    padding: 20px 20px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.errorState-1R6bBt.noResults-1ceiMB {
    padding: 0 48px
}

.errorStateIcon-3y6XWh {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.notFriends-lSusTz .errorStateIcon-3y6XWh {
    width: 300px;
    height: 129px
}

.noFriends-1Y8EWR .errorStateIcon-3y6XWh {
    width: 171px;
    height: 86px
}

.partyFull-kwAvJT .errorStateIcon-3y6XWh {
    width: 181px;
    height: 82px
}

.noResults-1ceiMB .errorStateIcon-3y6XWh {
    width: 85px;
    height: 85px
}

.footerSeparator-b6VH1V {
    height: 1px;
    margin: 0 10px
}

.footer-C9oLp9 {
    padding: 20px
}

.weightMedium-3imUCS {
    font-weight: 500
}

.selectExistingFormHeader-3hS--B {
    margin-top: 16px;
    margin-bottom: 8px
}

.confirmChannelItemContainer-3uoW8_ {
    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-3vhUmX {
    font-weight: 500;
    font-size: 14px;
    margin-left: 8px;
    color: var(--header-primary)
}

.lastActiveTimestamp-1Y8jOH {
    margin-left: 8px;
    color: var(--text-muted);
    font-size: 12px;
    margin-top: 2px
}

.confirmInviteScroller-4ATmlS {
    max-height: 160px;
    height: auto;
    margin-left: -8px
}

.confirmChannelItemContainer-3uoW8_:hover {
    cursor: pointer;
    background-color: var(--background-modifier-hover)
}

.theme-dark .subtitle-3v29zT {
    color: #b9bbbe
}

.theme-dark .errorState-1R6bBt {
    color: #72767d
}

.theme-dark .notFriends-lSusTz .errorStateIcon-3y6XWh {
    background-image: url(/assets/35000dd88d1b338a790f3e387cbd7e7a.svg)
}

.theme-dark .noFriends-1Y8EWR .errorStateIcon-3y6XWh {
    background-image: url(/assets/1dabb8ee5d7cb5137c06f958e0091573.svg)
}

.theme-dark .partyFull-kwAvJT .errorStateIcon-3y6XWh {
    background-image: url(/assets/25f3555f54d3c872f0ac7a5922c8eccf.svg)
}

.theme-dark .noResults-1ceiMB .errorStateIcon-3y6XWh {
    background-image: url(/assets/03e1ac95e0dd757f16dc200bf6af9ba3.svg)
}

.theme-dark .footerSeparator-b6VH1V {
    -webkit-box-shadow: 0 -1px 0 hsla(0, 0%, 100%, .04);
    box-shadow: 0 -1px 0 hsla(0, 0%, 100%, .04)
}

.theme-dark .footerText-30uH1h {
    color: #b9bbbe
}

.theme-light .subtitle-3v29zT {
    color: #72767d
}

.theme-light .errorState-1R6bBt {
    color: rgba(185, 187, 190, .9)
}

.theme-light .notFriends-lSusTz .errorStateIcon-3y6XWh {
    background-image: url(/assets/a04c7c4c4ae704b78f6468eb4cbf734e.svg)
}

.theme-light .noFriends-1Y8EWR .errorStateIcon-3y6XWh {
    background-image: url(/assets/35b49c535a7872bfc0a260fd3b3cb76e.svg)
}

.theme-light .partyFull-kwAvJT .errorStateIcon-3y6XWh {
    background-image: url(/assets/e1865a8cd9d685b3f6b69d22adc9b429.svg)
}

.theme-light .noResults-1ceiMB .errorStateIcon-3y6XWh {
    background-image: url(/assets/1416806a4bfc6697e12807cd303914b2.svg)
}

.theme-light .footerSeparator-b6VH1V {
    -webkit-box-shadow: 0 -1px 0 rgba(54, 57, 63, .1);
    box-shadow: 0 -1px 0 rgba(54, 57, 63, .1)
}

.theme-light .footerText-30uH1h {
    color: #72767d
}

.inset-SbsSFp,
.outer-2JOHae {
    border-radius: 4px
}

.outer-2JOHae {
    background-color: var(--activity-card-background)
}

.padded-2NSY6O {
    padding: 16px
}

.padded-2NSY6O.inset-SbsSFp {
    padding: 12px
}

.interactive-2zD88a {
    cursor: pointer
}

.theme-dark .outer-2JOHae.active-1W_Gl9,
.theme-dark .outer-2JOHae.interactive-2zD88a:hover {
    background-color: #18191c
}

.theme-dark .inset-SbsSFp {
    background-color: #2f3136
}

.theme-light .inset-SbsSFp {
    background-color: #ebedef
}

.card-YtRIQ2 {
    text-align: center
}

.header-XnnHhZ {
    margin-bottom: 4px
}

.buttonContainer-2G3Me2 {
    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-2G3Me2>* {
    margin-bottom: 8px
}

.buttonContainer-2G3Me2>:last-child {
    margin-bottom: 0
}

.wrapper-2RrXDg {
    background-color: var(--background-secondary);
    border: 1px solid var(--background-modifier-accent)
}

.overlay-3cwCZV {
    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-3cwCZV:empty {
    padding-left: 0
}

.headerOverlay-uDL4i5 {
    right: 32px
}

.section-3G9aLW {
    position: relative;
    padding: 12px;
    background-color: var(--background-primary)
}

.section-3G9aLW:first-child {
    border-radius: 8px 8px 0 0
}

.section-3G9aLW:last-child {
    border-radius: 0 0 8px 8px
}

.section-3G9aLW:only-child {
    border-radius: 8px
}

.clickableIcon-3eQOG9 {
    cursor: pointer
}

.sectionTitle-2AR_TY {
    font-weight: 600
}

.textContent-TsKzji {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.separator-2OaeRP {
    height: 1px
}

.separator-2OaeRP.inset-tYIXyb {
    margin-left: 12px;
    margin-right: 12px
}

.header-3jUeHi {
    position: relative;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    grid-gap: 12px
}

.headerFull-34WFWN {
    grid-template-columns: 32px minmax(20px, auto) 24px
}

.headerSimple-3A3nDg {
    grid-template-columns: 32px minmax(20px, auto)
}

.headerAvatar-GgCKcl {
    cursor: pointer
}

.headerIcon-2ra-HY,
.multipleIconWrapper-2YHnS6 {
    display: block;
    width: 24px;
    height: 24px;
    justify-self: end;
    border-radius: 4px
}

.multipleIconWrapper-2YHnS6 {
    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-3J-Ej2 {
    width: 18px;
    height: 18px
}

.body-16rSsp {
    margin-top: 12px;
    border-radius: 8px
}

.body-16rSsp .separator-2OaeRP {
    margin-top: 0;
    margin-bottom: 0
}

.voiceSection-3CNgD8 {
    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-3CNgD8,
.voiceSectionAssets-1dg-E5 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.voiceSectionAssets-1dg-E5 {
    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-3jGIB4 {
    cursor: pointer
}

.voiceSectionDetails-3jGIB4:hover .voiceSectionText-eaaW3N {
    text-decoration: underline
}

.voiceSectionGuildImage-TctMOd,
.voiceSectionNoGuildImageWrapper-17kLyh {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-mask: url(/assets/54e7d417006439ced906da5709c645ab.svg);
    mask: url(/assets/54e7d417006439ced906da5709c645ab.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance;
    cursor: pointer
}

.voiceSectionNoGuildImageWrapper-17kLyh {
    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-1MT-52 {
    display: inline-block;
    overflow: hidden
}

.voiceSectionIconWrapper-4yoj76 {
    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-1_4-an {
    width: 10px;
    height: 10px
}

.applicationStreamingSection-_QMfTT {
    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-3RXs7A {
    cursor: pointer
}

.applicationStreamingPreviewWrapper-7j27t8 {
    margin-top: 12px;
    cursor: pointer;
    border-radius: 4px
}

.applicationStreamingPreviewWrapper-7j27t8:hover .applicationStreamingHoverWrapper-J95QPU {
    opacity: 1
}

.applicationStreamingPreviewSize-17Trrk {
    height: 100%;
    width: 100%
}

.applicationStreamingHoverWrapper-J95QPU {
    -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-ETJLXZ {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 8px 20px;
    border-radius: 20px
}

.xboxSection-1Hy092 {
    display: grid;
    grid-template-columns: 32px minmax(20px, auto);
    grid-gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.xboxSectionIcon-1xiv4J {
    width: 28px;
    height: 28px;
    padding: 2px
}

.twitchSection-1-m8NR {
    min-height: 32px
}

.twitchSectionHeader-xmDVaF {
    position: relative;
    display: grid;
    grid-gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.twitchSectionSimple-3NSqcL {
    grid-template-columns: 32px minmax(20px, auto)
}

.twitchSectionFull-g00eXq {
    grid-template-columns: 32px minmax(20px, auto) 24px
}

.twitchSectionIcon-2xZb4A {
    width: 32px;
    height: 32px
}

.twitchSectionPlayButton-2g2nOl {
    position: absolute;
    left: calc(50% - 16px);
    top: calc(50% - 16px);
    opacity: .75;
    cursor: pointer
}

.twitchSectionAvatar-CR8yJf {
    justify-self: end
}

.twitchSectionPreviewWrapper-3N1-5u {
    margin-top: 12px;
    cursor: pointer
}

.twitchSectionPreviewWrapper-3N1-5u:hover .twitchSectionPlayButton-2g2nOl {
    opacity: 1
}

.twitchSectionPreview-3qElNQ {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px
}

.gameSection-rrqv7c {
    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-35WGtt {
    width: 32px;
    height: 32px;
    cursor: pointer
}

.activitySection-20iylG {
    display: grid;
    grid-template-columns: 32px minmax(20px, auto);
    grid-gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.activitySectionAssets-1wpe42 {
    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-1wpe42 .largeImageMask-2KA28T {
    -webkit-mask: url(/assets/da0c4a32b44b04d50f7951b925a39063.svg);
    mask: url(/assets/da0c4a32b44b04d50f7951b925a39063.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance
}

.activitySectionAssets-1wpe42 .largeImage-2EIggm {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.activitySectionAssets-1wpe42 .borderRadius0-1BDqiC {
    border-radius: 0
}

.activitySectionAssets-1wpe42 .smallImage-m2dwC4 {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    bottom: -4px;
    right: -4px
}

.spotifySection-10SbWE {
    grid-template-columns: 32px minmax(20px, auto) -webkit-max-content;
    grid-template-columns: 32px minmax(20px, auto) max-content
}

.theme-dark .multipleIconWrapper-2YHnS6 {
    background-color: #2f3136
}

.theme-dark .separator-2OaeRP {
    background-color: #292b2f
}

.theme-dark .voiceSectionNoGuildImageWrapper-17kLyh {
    background: #202225;
    color: #fff
}

.theme-dark .voiceSectionIconWrapper-4yoj76 {
    background-color: #18191c
}

.theme-dark .voiceSectionIcon-1_4-an,
.theme-dark .xboxSectionIcon-1xiv4J {
    color: #b9bbbe
}

.theme-dark .applicationStreamingPreviewWrapper-7j27t8 {
    background-color: #292b2f
}

.theme-light .voiceSectionNoGuildImageWrapper-17kLyh {
    background: #9099a4;
    color: #fff
}

.theme-light .multipleIconWrapper-2YHnS6,
.theme-light .separator-2OaeRP {
    background-color: hsl(210, calc(var(--saturation-factor, 1)*11.1%), 92.9%)
}

.theme-light .voiceSectionIconWrapper-4yoj76 {
    background: hsl(210, calc(var(--saturation-factor, 1)*9.8%), 80%)
}

.theme-light .voiceSectionIcon-1_4-an {
    color: hsl(215, calc(var(--saturation-factor, 1)*9.7%), 34.3%)
}

.theme-light .xboxSectionIcon-1xiv4J {
    color: #b9bbbe
}

.theme-light .applicationStreamingPreviewWrapper-7j27t8 {
    background-color: #f8f9f9
}

.embeddedActivityTopRow-22LkID {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.embeddedActivityName-pUYOEn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.embeddedActivityTimeElapsed-3cBUrq {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.embeddedActivityPlayerContainer--lSqKG {
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: 12px;
    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
}

.embeddedActivityImage-1PPw2L {
    width: 100%;
    height: auto;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}

.embeddedActivityImageOverlay-P-yQvn {
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px
}

.embeddedActivityJoinWrapper-1Ia4Ua {
    margin-top: 8px
}

.embeddedActivityIcon-1xJHmj {
    margin-right: 8px
}

.container-34CNAP {
    position: relative
}

.container-34CNAP,
.iframe-1UxvGW {
    width: 100%;
    height: 100%
}

.clickShield-_9KXrL,
.splashImage-2B3h9B {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.splashImage-2B3h9B {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.splash-PXbshb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    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
}

.avatar-30mmxW {
    border-radius: 50%;
    width: 100%
}

.subheader-243Qml {
    margin-top: 4px;
    color: var(--text-normal);
    font-size: 14px;
    line-height: 18px
}

.subheader-243Qml.medium-1gs5eI {
    font-size: 12px;
    line-height: 16px
}

.subheader-243Qml.small-2AZo-z {
    display: none
}

.header-17m7fv {
    line-height: 40px;
    font-size: 32px;
    margin: 4px 0;
    font-weight: 700;
    color: #fff
}

.header-17m7fv.medium-1gs5eI {
    font-size: 20px;
    line-height: 24px
}

.header-17m7fv.small-2AZo-z {
    font-size: 14px;
    line-height: 18px
}

.buttons-1G-J-Z {
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.button-2lJwuv {
    margin: 0 4px;
    background-color: #4f545c;
    color: #fff;
    border-radius: 100px;
    padding: 10px 16px
}

.button-2lJwuv:hover {
    background-color: #36393f
}

.loadingLottie-3dQyxX {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%
}

.outer-VAWfYQ {
    position: relative
}

.inner-3je51t {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.wrapper-KtRvIX {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.partyMembers-1Br_yR,
.wrapper-KtRvIX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px
}

.partyMember-YLjOa7 {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: -2px;
    -webkit-mask: url(/assets/bdbb8326fbb4834998152887ddbdb0c8.svg);
    mask: url(/assets/bdbb8326fbb4834998152887ddbdb0c8.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance
}

.partyMemberKnown-14FmlH {
    cursor: pointer
}

.partyMember-YLjOa7:first-child {
    margin-left: 0
}

.partyMember-YLjOa7:last-child {
    -webkit-mask: none;
    mask: none
}

.partyMemberUnknown-3RMTbX {
    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-3HapjE {
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.partyMemberOverflow-3G1oZz {
    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-35PUxI,
.theme-dark .partyMemberUnknown-3RMTbX {
    background-color: #4f545c
}

.theme-dark .partyMemberUnknownIcon-3HapjE {
    color: #72767d
}

.theme-light .partyMemberBackground-35PUxI,
.theme-light .partyMemberUnknown-3RMTbX {
    background-color: #ebedef
}

.theme-light .partyMemberUnknownIcon-3HapjE {
    color: #c7ccd1
}

.memberItem-2FOuJI {
    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-15QyCc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px
}

.avatar-15QyCc,
.unknown-3n6wbq {
    width: 24px;
    height: 24px
}

.unknown-3n6wbq {
    background-size: 24px 24px
}

.theme-dark .unknown-3n6wbq {
    background-image: url(/assets/81673077ca178aa1173cfdca182420d8.svg)
}

.theme-light .unknown-3n6wbq {
    background-image: url(/assets/0e42ea80ec097e94d0ea07a548d71419.svg)
}

.itemCard-3Etziu {
    margin-top: 8px;
    border-radius: 8px
}

.itemCard-3Etziu:first-of-type {
    margin-top: 0
}

.homepagePadding-WXZy7z {
    padding-left: 16px;
    padding-top: 16px;
    font-weight: 700
}

.emptyCard-KDifrB {
    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-2tT-AY {
    margin-bottom: 4px
}

.emptyText-29ycwI {
    color: var(--interactive-normal)
}

.popout-3Zw0qN {
    width: 200px;
    height: auto;
    border-radius: 8px;
    padding: 8px 16px
}

.theme-light .popout-3Zw0qN {
    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-3Zw0qN {
    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-hE2gWq {
    padding: 16px;
    height: 100%;
    border-left: 1px solid var(--background-modifier-accent);
    margin-left: 2px
}

.container-1oAagU {
    background-color: var(--background-primary);
    height: 100%
}

.header-Imy05m {
    font-family: var(--font-display);
    margin: 8px 0 16px;
    font-weight: 700
}

.addFriendInputWrapper-kkoSV9 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--deprecated-text-input-bg);
    border: 1px solid var(--deprecated-text-input-border);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    padding: 0 12px;
    position: relative
}

.addFriendInputWrapper-kkoSV9:focus-within {
    border-color: var(--text-link)
}

.addFriendInputWrapper-kkoSV9.error-31k8Cx {
    border-color: var(--status-danger)
}

.addFriendInputWrapper-kkoSV9.success-2Cnckk {
    border-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.inputText-30IjXy {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 20px;
    white-space: pre
}

.addFriendInput-1Ta-rO {
    background-color: transparent;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--text-normal);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 16px;
    padding: 4px 0;
    z-index: 1
}

.addFriendInput-1Ta-rO::-webkit-input-placeholder {
    -webkit-user-select: none;
    user-select: none;
    color: var(--text-muted)
}

.addFriendInput-1Ta-rO::-moz-placeholder {
    -moz-user-select: none;
    user-select: none;
    color: var(--text-muted)
}

.addFriendInput-1Ta-rO:-ms-input-placeholder {
    -ms-user-select: none;
    user-select: none;
    color: var(--text-muted)
}

.addFriendInput-1Ta-rO::placeholder {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--text-muted)
}

.input-1bmui3 {
    background-color: unset;
    border: none;
    padding: 0
}

.addFriendHint-1EVQJY {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--interactive-muted);
    cursor: text;
    top: 15px;
    pointer-events: none;
    position: absolute
}

.ring-wtzmKw {
    border-radius: 8px
}

.enable-forced-colors .addFriendInputWrapper-kkoSV9 {
    border-color: ButtonText
}

.enable-forced-colors .addFriendInputWrapper-kkoSV9:focus-within {
    border-color: Highlight
}

.friendsEmpty-gs15T1 {
    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
}

.button-1rU5v7 {
    margin-top: 20px
}

.header-30YxSJ {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 1px solid var(--background-modifier-accent);
    padding: 20px 30px
}

.title-3sFEQD {
    margin-bottom: 8px
}

.emptyState-30PyIN {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

.actionButton-3-B2x- {
    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-3-B2x-.highlight-3DSi7b {
    background-color: var(--background-tertiary)
}

.actionButton-3-B2x-:first-child {
    margin-left: 0
}

.actionButton-3-B2x-:hover {
    color: var(--interactive-hover)
}

.actionButton-3-B2x-:active {
    background-color: var(--background-modifier-active);
    color: var(--interactive-active)
}

.actionButton-3-B2x-.disabled-2KfROU {
    opacity: .3;
    pointer-events: none
}

.actionButton-3-B2x-.actionAccept-2nmnLv:hover {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%) !important
}

.actionButton-3-B2x-.actionDeny-1pQVuZ:hover {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%) !important
}

.icon-1WVg4I {
    width: 20px;
    height: 20px
}

.peopleListItem-u6dGxF {
    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-u6dGxF.active-2UF8Zh+.peopleListItem-u6dGxF,
.peopleListItem-u6dGxF:hover+.peopleListItem-u6dGxF {
    border-color: transparent
}

.peopleListItem-u6dGxF.active-2UF8Zh,
.peopleListItem-u6dGxF: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-2WpsYG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.avatar-2MSPKk {
    margin: 0 12px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.text-3j8t_e {
    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-xfubwR {
    color: var(--header-secondary);
    font-size: 12px
}

.discordTag-3HiQI9 {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.botTag-sv50Yq,
.discordTag-3HiQI9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.username-Qpc78p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--header-primary);
    font-weight: 600
}

.discriminator-WV5K5s {
    font-size: 14px;
    line-height: 16px;
    visibility: hidden;
    color: var(--header-secondary)
}

.hovered-1EO01j .discriminator-WV5K5s {
    visibility: visible
}

.listItemContents-f4Uz5J {
    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-1KqKY2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.text-MPIeXO {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px
}

.customStatusEmoji-3UDRIW {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.listItemContents-2n2Uy9 {
    -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-YHvpIT,
.listItemContents-2n2Uy9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.actions-YHvpIT {
    margin-left: 8px
}

.listItemContents-2NFd61 {
    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-3NoxwU {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 260px;
    flex: 0 0 260px
}

.tableHeader-3cFF8G {
    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-3bUTXs {
    color: var(--header-secondary)
}

.mutualGuilds-3gtVFd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 13px;
    width: 200px
}

@media (max-width:1040px) {
    .mutualGuilds-3gtVFd {
        display: none
    }
}

.mutualGuilds-3gtVFd a+a {
    margin-left: 6px
}

.moreMutualGuildsBtn-3jEzPC {
    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-2ZgdH4,
.moreMutualGuildsBtn-3jEzPC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.actions-2ZgdH4 {
    margin-left: auto
}

.theme-dark .moreMutualGuildsBtn-3jEzPC:hover {
    color: #fff;
    border-color: hsla(0, 0%, 100%, .6)
}

.theme-light .moreMutualGuildsBtn-3jEzPC:hover {
    color: #000;
    border-color: rgba(0, 0, 0, .6)
}

.emptyStateContainer-1NHrfT {
    position: relative;
    width: 100%;
    height: 100%
}

.peopleList-2VBrVI {
    padding-bottom: 8px;
    margin-top: 8px
}

.searchBar-2aylmZ {
    margin: 16px 20px 8px 30px
}

.searchBar-2aylmZ,
.sectionTitle-36PWt2 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.searchEmptyState-2rPnDR {
    padding-bottom: 0;
    margin-bottom: 0
}

.title-x4dI75 {
    margin: 16px 20px 8px 30px;
    color: var(--header-secondary)
}

.listItemContents-3LtgRk {
    -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
}

.actions-OJh0Kn,
.listItemContents-3LtgRk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.actions-OJh0Kn {
    margin-left: auto
}

.container-2cd8Mz {
    width: 100%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-2cd8Mz,
.inviteToolbar-2k2nqz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:940px) {
    .inviteToolbar-2k2nqz {
        display: none
    }
}

.peopleColumn-1wMU14 {
    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-1eCBCN {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
    min-width: 360px;
    max-width: 420px;
    background: var(--background-secondary)
}

.nowPlayingScroller-12BxFW {
    padding: 16px;
    max-height: 100%
}

.consentCard-1MV_A4 {
    margin-bottom: 16px
}

.tabBar-ra-EuL .badge-3wMLmL {
    margin-left: 8px
}

.tabBar-ra-EuL .item-3mHhwr {
    -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-ra-EuL .item-3mHhwr,
.tabBody-2dgbAs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabBody-2dgbAs {
    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-2dgbAs: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-1eCBCN {
        display: none
    }
}

.theme-dark .container-2cd8Mz {
    background-color: #36393f
}

.theme-light .container-2cd8Mz {
    background-color: #fff
}

.quickSelect-384d3G {
    font-size: 13px;
    cursor: default;
    color: var(--interactive-normal)
}

.quickSelectClick-2ycwNA {
    cursor: pointer
}

.quickSelectValue-rmtkbe {
    margin-left: 4px
}

.quickSelectLabel-ArUyd9 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-muted)
}

.quickSelectArrow-1dOOHb {
    width: 10px;
    height: 7px;
    margin-left: 5px
}

.quickSelectPopout-2F0PXw {
    border-radius: 3px;
    overflow: hidden
}

.quickSelectPopoutScroll-1k9qUJ {
    max-height: 384px
}

.quickSelectScroller-OX4zFG {
    overflow-y: auto
}

.quickSelectPopoutOption-2E2UmS {
    padding: 8px;
    cursor: pointer
}

.quickSelectPopoutOption-2E2UmS.selected-2xg679 {
    background-color: inherit;
    cursor: default
}

.quickSelectPopoutOption-2E2UmS:focus {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.theme-light .quickSelectArrow-1dOOHb {
    background: url(/assets/c4bc7d01b54d4bb9046bbc5051b1cbf6.svg) 50% no-repeat
}

.theme-light .quickSelectPopout-2F0PXw {
    background-color: #fff;
    color: #4f545c
}

.theme-light .quickSelectPopoutOption-2E2UmS:hover {
    background-color: #f6f6f7
}

.theme-dark .quickSelectArrow-1dOOHb {
    background: url(/assets/fb792f56515490f402b731abf6af5d45.svg) 50% no-repeat
}

.theme-dark .quickSelectPopout-2F0PXw {
    background: #2f3136;
    color: #f6f6f7
}

.theme-dark .quickSelectPopoutOption-2E2UmS:hover {
    background-color: rgba(79, 84, 92, .3)
}

.regionSelectPopout-3sEzVB {
    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-K_srvn {
    display: block;
    background: url(/assets/1c0a5d38bdeaaad433b68cf6092ed510.svg);
    width: 16px;
    height: 12px
}

.regionSelectFlag-2YbDyH {
    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-1Tj9C9 {
    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-1Tj9C9 {
    color: #72767d
}

.theme-dark .regionSelectName-1Tj9C9 {
    color: #b9bbbe
}

.controlIcon-10O-4h {
    width: 24px;
    height: 24px;
    color: #b9bbbe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.controlIcon-10O-4h.active-3D763s,
.controlIcon-10O-4h:hover {
    color: #fff
}

.controlIcon-10O-4h.themeable-2nUqEz {
    color: var(--interactive-normal)
}

.controlIcon-10O-4h.themeable-2nUqEz.active-3D763s,
.controlIcon-10O-4h.themeable-2nUqEz:hover {
    color: var(--interactive-active)
}

.colorable-3rVGna.red-3T8maV {
    background: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.colorable-3rVGna.red-3T8maV,
.colorable-3rVGna.red-3T8maV .centerIcon-JYpTUi {
    color: #fff
}

.colorable-3rVGna.red-3T8maV.active-3D763s,
.colorable-3rVGna.red-3T8maV:hover {
    background: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.colorable-3rVGna.primaryDark-2UJt1G {
    background: #2f3136
}

.colorable-3rVGna.primaryDark-2UJt1G,
.colorable-3rVGna.primaryDark-2UJt1G .centerIcon-JYpTUi {
    color: #fff
}

.colorable-3rVGna.primaryDark-2UJt1G.active-3D763s,
.colorable-3rVGna.primaryDark-2UJt1G:hover {
    background: #202225
}

.colorable-3rVGna.primaryLight-1yA273 {
    background: #f2f3f5
}

.colorable-3rVGna.primaryLight-1yA273,
.colorable-3rVGna.primaryLight-1yA273 .centerIcon-JYpTUi {
    color: #060607
}

.colorable-3rVGna.primaryLight-1yA273.active-3D763s,
.colorable-3rVGna.primaryLight-1yA273:hover {
    background: #e3e5e8
}

.colorable-3rVGna.activeLight-3Bpdpx {
    background: #747f8d
}

.colorable-3rVGna.activeLight-3Bpdpx,
.colorable-3rVGna.activeLight-3Bpdpx .centerIcon-JYpTUi {
    color: #fff
}

.colorable-3rVGna.activeLight-3Bpdpx.active-3D763s,
.colorable-3rVGna.activeLight-3Bpdpx:hover {
    background: #4f5660
}

.colorable-3rVGna.white-11auuQ {
    background: #fff
}

.colorable-3rVGna.white-11auuQ,
.colorable-3rVGna.white-11auuQ .centerIcon-JYpTUi {
    color: #060607
}

.colorable-3rVGna.white-11auuQ.active-3D763s,
.colorable-3rVGna.white-11auuQ:hover {
    background: #f2f3f5
}

.colorable-3rVGna.green-3wkLbx {
    background: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.colorable-3rVGna.green-3wkLbx,
.colorable-3rVGna.green-3wkLbx .centerIcon-JYpTUi {
    color: #fff
}

.colorable-3rVGna.green-3wkLbx.active-3D763s,
.colorable-3rVGna.green-3wkLbx:hover {
    background: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.centerButton-1IShs7 {
    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-1IShs7 .centerIcon-JYpTUi {
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

@media (max-width:456px) {
    .centerButton-1IShs7 {
        padding: 8px
    }

    .contextMenuContainer-1RO4DQ {
        display: none
    }
}

@media (min-width:457px) {
    .unmasked-3zpww7 {
        display: none
    }
}

.lineHeightReset-1WxXXk {
    line-height: 0
}

.contextMenuContainer-1RO4DQ {
    position: relative
}

.staticButton-1oD4l7 {
    position: static
}

.contextMenuNub-NuTZ_U {
    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-1swU58 {
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-transition: none;
    transition: none
}

.contextMenuCaret-1swU58.open-2fqtdy {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.soundAddButton-1FOn5u {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.soundAddButton-1FOn5u.soundAddButtonDisabled-2truU- {
    cursor: not-allowed;
    opacity: .5
}

.soundAddButton-1FOn5u.soundAddButtonDisabled-2truU-:hover .buttonOverlay-1D3pyA {
    opacity: 0
}

.soundAddIcon-1AsuVz {
    width: 16px;
    height: 16px;
    background: var(--brand-experiment);
    border-radius: 50%;
    color: #fff;
    margin-bottom: 4px
}

.root-3oH55F {
    background: var(--background-floating);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    border-radius: 4px;
    padding: 16px
}

.header-3_KAXO {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-3_KAXO,
.headerText-2DAviZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.betaTag-2-wOv2 {
    margin-left: 4px
}

.settingsClickArea-2ftR3j {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    color: var(--interactive-normal);
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.settingsClickArea-2ftR3j:hover {
    color: var(--interactive-hover)
}

.settingsIcon-1XOHGv {
    width: 20px;
    height: 20px
}

.soundGrid-1fD3zh {
    display: grid;
    grid-template-columns: repeat(3, 96px);
    row-gap: 12px;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    margin-top: 12px
}

.keybindHint-bbN4UV {
    margin-top: 12px;
    max-width: 312px
}

.dot-SviNJC {
    background-color: var(--interactive-active);
    border-radius: 100%;
    position: absolute;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%)
}

.maskPopout-2mM_f7 {
    border: 2px solid var(--background-floating)
}

.maskSecondary-2YQ6k5 {
    border: 2px solid var(--background-secondary)
}

.maskBlack-5bor7K {
    border: 2px solid #000
}

.alert-2xiQOt {
    background-color: var(--status-danger)
}

.slider-1NC-Gf {
    width: 100%;
    height: 40px;
    position: relative
}

.mini-2qY9iv {
    height: 20px
}

.mini-2qY9iv .bar-1Bhnl9 {
    top: 17px;
    height: 6px
}

.mini-2qY9iv .grabber-2GQyvM {
    width: 12px;
    height: 12px;
    margin-left: -7px;
    margin-top: 3px;
    border-radius: 50%
}

.disabled-3XkegQ {
    opacity: .6
}

.disabled-3XkegQ .grabber-2GQyvM {
    cursor: not-allowed
}

.bar-1Bhnl9 {
    position: relative;
    top: 16px;
    height: 8px;
    border-radius: 4px;
    display: block;
    overflow: hidden
}

.barFill-2Bh7CX {
    background: var(--brand-experiment);
    height: 100%
}

.track-1BI4CA {
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    left: 5px
}

.grabber-2GQyvM {
    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-2GQyvM,
.mark-2iakCT {
    position: absolute;
    left: 0
}

.mark-2iakCT {
    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-21dc11 {
    top: -6px
}

.markBelow-2fuWiF {
    bottom: -12px
}

.markValue-2U_-UG {
    padding-left: 1px;
    font-weight: 700;
    font-size: 10px;
    margin-bottom: 4px;
    min-height: 10px
}

.markDash-yk2kJ- {
    height: 24px;
    width: 2px
}

.markDashSimple--RalWj {
    margin-top: 10px
}

.markValue-2U_-UG {
    color: var(--text-muted)
}

.theme-light .bar-1Bhnl9,
.theme-light .markDash-yk2kJ- {
    background: #dcddde
}

.theme-dark .bar-1Bhnl9,
.theme-dark .markDash-yk2kJ- {
    background: #4f545c
}

.defaultValue-19SZ-q .markValue-2U_-UG {
    color: var(--text-positive)
}

.sliderContainer-2nidiS {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    overflow: visible
}

.slider-BEB8u7 {
    position: relative;
    top: -14px
}

.menu-1uWY4T {
    max-height: 70vh
}

.item-1qnjvQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.buttonSpacing-3KOU19 {
    margin-left: 8px
}

.container-1IyjjY {
    width: 400px;
    border-radius: 12px;
    background-color: var(--background-secondary);
    cursor: pointer;
    -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
}

.container-1IyjjY:hover {
    background-color: var(--background-primary)
}

.textContainer-2SFhPw {
    margin-left: 16px
}

.caret-2p45hs {
    margin-left: auto
}

.icon-3CZSYe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px;
    border-radius: 50%
}

.dot-2VQY1S {
    margin: 0 8px
}

.dot-2VQY1S,
.inline-f0XbzP {
    display: inline
}

.eventPrompt-3TVVmV {
    margin-top: 8px
}

.slash-2yrR11 {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.fauxDisabled-VBw6wH {
    opacity: .5
}

.container-mIFk1E {
    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;
    position: relative
}

.eventPromptsContainer-ru7sNW {
    position: absolute;
    bottom: 104px
}

.controlButton-2PMNom {
    margin: 0 8px
}

@media (max-width:456px) {
    .controlButton-2PMNom {
        margin: 0 4px
    }
}

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

.buttonContainer-1sjtPU,
.wrapper-3t3Yqv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.buttonContainer-1sjtPU {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.root-3J4La5 .sprite-1bxGvV {
    position: relative;
    -webkit-animation: none;
    animation: none
}

.participant-1l6khj {
    margin: 0 8px
}

.transition-3ij7TS {
    position: relative
}

.spriteWrapper-bZBDk8 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.wrapper-1LQiOL {
    position: relative;
    overflow: hidden;
    background-color: #000
}

.video-35SHWt,
.wrapper-1LQiOL {
    width: 100%;
    height: 100%
}

.video-35SHWt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.videoCover-2MwqAd,
.videoCover-2MwqAd video {
    -o-object-fit: cover;
    object-fit: cover
}

.videoContain-3Kfu1x,
.videoContain-3Kfu1x video {
    -o-object-fit: contain;
    object-fit: contain
}

.mirror-2qdBDS {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.previewWrapper--xCwTW {
    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--xCwTW.loading-1vcjeJ {
    opacity: 1
}

.previewImage-6BisRW {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.emptyPreviewWrapper-NIyTYh {
    margin: auto;
    width: 100%
}

.emptyPreview-1SMLD4 {
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, #1e1f22, #292b2f);
    opacity: .6
}

.spinner-Pycf1R {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tile-2TcwiO {
    position: relative;
    background-color: #202225;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.tile-2TcwiO.noBorder-1nN30W {
    border-radius: 0
}

.qualityIndicator-39wQDy {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.qualityIndicator-39wQDy,
.qualityIndicatorHighlightWrapper-3TSLCP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.qualityIndicatorHighlightWrapper-3TSLCP {
    border-radius: 16px;
    padding: 4px;
    background-color: #747f8d
}

.clickable-1OmabN {
    cursor: pointer
}

.qualityIndicatorFullQuality-3Onyt5 {
    color: #fff
}

.qualityIndicatorLowQuality-3ib2DZ {
    color: #b9bbbe
}

.premiumStreamIcon-1ei2nF {
    color: #fff;
    height: 14px;
    width: 14px;
    margin-right: 4px
}

.premiumStreamIconLarge-1gv5_B {
    color: #fff;
    height: 16px;
    width: 16px;
    margin-right: 4px
}

.qualityResolution-RP9GCP {
    margin-right: 4px
}

.qualityIndicatorBadge-2Am2OE {
    text-transform: none
}

.streamQualityIndicator-n62BFt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.streamGiftingPopout-S_C9_Q {
    width: 280px;
    background-color: var(--brand-experiment);
    border-radius: 8px;
    padding: 16px 16px 12px;
    margin-top: 6px;
    position: relative
}

.streamGiftingPopout-S_C9_Q:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-top: 6px;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid var(--brand-experiment)
}

.streamGiftingPopoutHeader-lopepj {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.streamGiftingPopoutCTA-213wCI,
.streamGiftingPopoutHeader-lopepj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.streamGiftingPopoutCTA-213wCI {
    margin-top: 16px
}

.streamGiftingPopoutButton-3cz4TN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.streamGiftingPopoutButtonText-LEZNn5 {
    color: var(--brand-experiment)
}

.streamGiftingPopoutText-2Z2-cC {
    text-align: center;
    margin-top: 4px
}

.liveIndicator-3bhXBF {
    position: relative;
    overflow: hidden
}

.liveQualityIndicator-2GyS_e {
    margin-right: 2px
}

.giftIcon-1cGU_k,
.giftIconBrand-21gGdG {
    width: 16px;
    height: 16px
}

.giftIcon-1cGU_k {
    color: #fff;
    margin-right: 4px;
    margin-left: 4px
}

.giftIconBrand-21gGdG {
    color: var(--brand-experiment);
    margin-right: 4px
}

.giftButton-3R2WBt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.art-3XrHCd {
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 16px
}

.art-3XrHCd.small-MX3CaV {
    display: none
}

.art-3XrHCd.medium-3ls_O8 {
    height: 88px
}

.art-3XrHCd.large-3cx90r {
    height: 134px
}

.header-1BxQhu {
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 4px
}

.description-3jrWCU {
    color: #dcddde;
    text-align: center;
    font-weight: 500
}

.description-3jrWCU p {
    margin: 0
}

.outerButton-q7U2Mf {
    margin-top: 16px
}

.button-3Vyz67 {
    background-color: #4f545c;
    color: #fff;
    border-radius: 100px;
    padding: 12px 18px;
    font-weight: 600;
    font-size: 16px
}

.button-3Vyz67:hover {
    background-color: #36393f
}

.root-1Emen5 {
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cta-3-AFNF {
    background-color: #4f545c;
    color: #fff;
    border-radius: 100px;
    padding: 10px 16px;
    font-weight: 600;
    z-index: 1
}

.cta-3-AFNF:hover {
    background-color: #36393f
}

.cta-3-AFNF.small-3rWBWs {
    padding: 7px 16px
}

.buttonReset-1TkFwH {
    line-height: 0
}

.content-PkoJti {
    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
}

.streamHidden-3N4Bj- {
    background: #202225;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.streamHiddenEmptyState-3vWQgR {
    padding: 0;
    margin: 0
}

.streamHiddenCTA-_K396R {
    -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
}

.largePaddingTop-1-lVt_ {
    padding-top: 8px
}

.addStreamIcon-2SSSC0 {
    width: 24px;
    height: 24px
}

.addCTA-GaklFn {
    padding: 8px;
    margin-left: 8px
}

.root-eRbap6 {
    line-height: 0
}

.warningIcon-3Mtahk {
    width: 20px;
    height: 20px;
    color: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%)
}

@-webkit-keyframes outgoing-call-pulse-3MNMnK {
    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-3MNMnK {
    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-9CUbzN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.wrapper-9CUbzN.ringing-3csOpM {
    opacity: .3
}

.wrapper-9CUbzN.ringing-3csOpM: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-3MNMnK 2.5s ease-out infinite;
    animation: outgoing-call-pulse-3MNMnK 2.5s ease-out infinite;
    -webkit-transform-origin: center;
    transform-origin: center
}

.ripple-DdC6Sk {
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-animation: outgoing-call-pulse-3MNMnK 2.429s ease-out infinite;
    animation: outgoing-call-pulse-3MNMnK 2.429s ease-out infinite;
    background-color: var(--interactive-active)
}

.ripple0-n_x8IY {
    -webkit-animation-delay: 20ms;
    animation-delay: 20ms
}

.ripple1-2JXf2I {
    -webkit-animation-delay: 145ms;
    animation-delay: 145ms
}

.ripple2-19HVXS {
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}

.tile-2Dr6M1 {
    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-2Dr6M1.idle-3MGs7O,
.tile-2Dr6M1.noInteraction--ahl__ {
    cursor: inherit
}

.tileChild-2k7Wqh {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.border-2Vy6FN {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    pointer-events: none
}

.border-2Vy6FN.speaking-7QZEkv {
    -webkit-box-shadow: inset 0 0 0 2px hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%), inset 0 0 0 3px #000;
    box-shadow: inset 0 0 0 2px hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%), inset 0 0 0 3px #000
}

.app-focused .border-2Vy6FN {
    -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-YkozjH video {
    border-radius: 0
}

.noBorder-YkozjH .border-2Vy6FN {
    display: none;
    border-radius: 0
}

.videoLayer-bqJJzG video {
    -discord-video-composition: video-layer
}

.overlay-2RIWoZ {
    -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-2RIWoZ,
.overlayTitle-2efoIF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.overlayTitle-2efoIF {
    border-radius: 8px;
    background: rgba(0, 0, 0, .55);
    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-2efoIF.idle-3MGs7O {
    opacity: 0
}

.overlayTitleText-3xOA3Q {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.titleIcon-atrbZ_ {
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 8px
}

.statusContainer-2yJ1oM {
    -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-15kcmy {
    width: 20px;
    height: 20px;
    padding: 6px;
    color: #fff;
    border-radius: 50%;
    margin-left: 8px;
    background-color: rgba(0, 0, 0, .55)
}

.status-15kcmy svg {
    width: 100%;
    height: 100%
}

.status-15kcmy.interactive-13pmam {
    pointer-events: all
}

.status-15kcmy.interactive-13pmam:hover {
    background-color: rgba(0, 0, 0, .8)
}

.content-3u3YYB {
    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
}

.streamHidden-3vZStX {
    background: #36393f;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.streamHiddenEmptyState-DjXMyP {
    padding: 0;
    margin: 0
}

.streamHiddenCTA-22vlzY {
    padding-top: 4px;
    -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
}

.streamPreview-3Fo29Y {
    background: #202225
}

.streamPreviewOpacity-3ZMt6s {
    opacity: .15
}

.indicators-7iWi8t {
    top: 8px;
    right: 8px
}

.indicators-7iWi8t,
.selectedScreen-dCYer0 {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.selectedScreen-dCYer0 {
    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-2zDDz8 {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.hidden-1hWPD6 {
    opacity: 0
}

.selectedIcon-k6L6Yx {
    width: 32px;
    height: 32px;
    color: #fff
}

.localMuteStrikethrough-171OgU {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.liveIndicator-1_RyZS {
    margin-left: 8px
}

.addStreamIcon-2SsMLt {
    width: 24px;
    height: 24px
}

.addCTA-1NH40P {
    padding: 8px;
    margin-left: 8px
}

.absoluteFill-10sFRy {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.videoWrapper-3rtb_V {
    background-color: #202225
}

.blocked-N_afga {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #fff;
    margin-right: 4px
}

.blockedIcon-1P2-Ce {
    width: 12px;
    height: 12px;
    margin: 2px
}

.blockedAvatar-WqYnNF {
    opacity: .5
}

.small-19_Ojd .status-15kcmy {
    padding: 4px;
    margin-left: 4px
}

.small-19_Ojd .addStreamIcon-2SsMLt,
.small-19_Ojd .status-15kcmy {
    width: 16px;
    height: 16px
}

@-webkit-keyframes pulse-1dTUFO {
    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-1dTUFO {
    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-DQlpiQ {
    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-DQlpiQ {
    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-NMAjqA {
    border: 20px solid hsla(0, 0%, 100%, 0);
    border-radius: 50%
}

.app-focused .innerContainer-NMAjqA {
    -webkit-animation: darkerPulse-DQlpiQ 2s linear infinite;
    animation: darkerPulse-DQlpiQ 2s linear infinite;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.outerContainer-3ntx-E {
    border: 20px solid hsla(0, 0%, 100%, 0);
    border-radius: 50%
}

.app-focused .outerContainer-3ntx-E {
    -webkit-animation: pulse-1dTUFO 2s linear infinite;
    animation: pulse-1dTUFO 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-L8lGH6 {
    width: 100%;
    height: 100%
}

.avatarWrapper-24Rbpj {
    border-radius: 50%
}

.container-1l_891 {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-1l_891,
.tiles-2upzxs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tiles-2upzxs {
    margin-bottom: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tile-2WNXdk {
    width: 160px;
    height: 90px;
    margin: 4px
}

.participantsRow-3uCoud {
    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
}

.facepile-3osOHD {
    margin-right: 8px
}

.channelName-M8R89I {
    max-width: 75%;
    font-weight: 700;
    margin: 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.joinButton-2KP9ZZ {
    margin-top: 24px;
    border-radius: 999px
}

.row-jreWvj {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-jreWvj,
.tile-3GyaDQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tile-3GyaDQ {
    margin-right: 8px;
    margin-bottom: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tile-3GyaDQ.noVerticalMargin-3CFVBz {
    margin-bottom: 0
}

.tile-3GyaDQ.noHorizontalMargin-3n9XfV {
    margin-right: 0
}

.tile-3GyaDQ.padColumn-qOVxKL {
    padding: 0 2px
}

.tileSizer-4EltaN {
    width: 100%
}

.root-u9h3Ui {
    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-1-M36K {
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center
}

.buttonText-3ZdfRH {
    padding: 0 8px
}

.art-276q0C {
    margin-bottom: 16px
}

.tile-3FtID0 {
    height: 100%
}

.participantsButton-1WBdFP {
    border-radius: 48px;
    background: #2f3136;
    padding: 4px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.participantsButton-1WBdFP:hover {
    background: #202225
}

.rightCaret-21xx-C {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.leftCaret-3psP3b {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.upCaret-WhXrwj {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.downCaret-2GM3qT {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.members-FhDsf6 {
    margin-right: 4px
}

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

.iconContainer-1tVIzr>svg {
    color: #fff
}

.pictureInPicture-1GQX91 {
    position: absolute;
    top: 0;
    left: 0
}

.pictureInPictureWindow-3ms5Zy {
    position: absolute;
    z-index: 1000;
    overflow: hidden;
    border-radius: 5px
}

.hidden-3X-9Lz {
    display: none
}

.container-nDGxAB {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.tileContainer-yebOaQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tile-Sih6_y {
    width: 160px;
    height: 90px;
    margin-right: 8px
}

.tile-Sih6_y:last-child {
    margin-right: 0
}

.tile-12m0EM {
    width: 100%;
    height: 100%
}

.tileSizer-rIlydO {
    height: 112px;
    width: 195px
}

.tileSizer-rIlydO:not(:first-child) {
    margin-left: 8px
}

.root-3IozHK {
    height: 112px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.voiceCallWrapper-3UtDiC {
    padding-bottom: 24px
}

.videoGridWrapper-2WpXPj {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.root-24JyNP {
    width: 100%;
    height: 100%;
    position: relative
}

.flexCenter-1Vz5gs {
    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-3Kvwh- {
    -ms-flex: 1;
    flex: 1
}

.videoFrame-3Kvwh-,
.videoWrapper-2O4_ct {
    -webkit-box-flex: 1;
    position: relative
}

.videoWrapper-2O4_ct {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 auto
}

.videoWrapperAnimated-1cXKzb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.videoGrid-1tZm-F {
    height: 100%
}

.hiddenParticipants-11R5JM p {
    margin: 0
}

.videoSizer-ZRgT6y {
    width: 100%;
    position: relative
}

.focusedVideo-3czuWt {
    height: 100%
}

.participantsButton-3PaWLr {
    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-3PaWLr.idle-islNwT {
    opacity: 0
}

.participantsWrapperAnimated-2h1feR {
    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
}

.root-2f-lk1 {
    height: 100%
}

.root-2f-lk1,
.tileWrapper-3QC5nk {
    width: 100%;
    position: relative
}

.videoFrame-11rde6 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.videoWrapper-qKddsp {
    z-index: 1
}

.videoSizer-38M809 {
    width: 100%;
    position: relative
}

.actionRow-3j2A_N {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
    position: absolute;
    left: 50%;
    bottom: -8px;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.actionRow-3j2A_N.idle-22JgRG {
    opacity: 0
}

.viewAllButton-DhwO1V {
    border-radius: 48px;
    background: #2f3136;
    padding: 4px 8px;
    margin-left: 8px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.viewAllButton-DhwO1V:hover {
    background: #202225
}

.viewAllButtonInner-1VJa4y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.buttonIcon-3Jkxz7 {
    color: #fff;
    margin-right: 4px
}

.participantsWrapperAnimated-2Wdxe1 {
    overflow: hidden;
    -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;
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0
}

.buttonColor-28DXIe {
    background-color: #36393f;
    color: #fff
}

.buttonColor-28DXIe:hover {
    background-color: rgba(79, 84, 92, .16)
}

@media (max-width:1000px) {
    .textButton-14fgNw {
        display: none
    }
}

@media (min-width:1001px) {
    .iconButton-27GGu7 {
        display: none
    }
}

.toastWrapper-3hEQou {
    position: absolute;
    right: 0;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.toast-3y2zEK,
.toastWrapper-3hEQou {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.toast-3y2zEK {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    pointer-events: all;
    cursor: pointer;
    overflow: hidden
}

.toast-3y2zEK.disabled-1l9Ktb {
    cursor: default
}

.header-32VlMT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-2YWBFP {
    border-radius: 100%;
    height: 32px;
    width: 32px;
    margin-left: 8px
}

.avatar-2YWBFP,
.messageContentWrapper-3jcFO8 {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2)
}

.messageContentWrapper-3jcFO8 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--background-tertiary);
    padding: 4px 12px;
    min-height: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 16px
}

.toast-3y2zEK:hover .messageContentWrapper-3jcFO8 {
    background: var(--background-secondary)
}

.messageContentWrapper-3jcFO8.mentioned-3PB_U4:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, .15);
    -webkit-box-shadow: inset 0 0 0 2px hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, .3);
    box-shadow: inset 0 0 0 2px hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, .3);
    border-radius: 16px
}

.messageContentWrapper-3jcFO8 .sticker-hmT1Wt,
.messageContentWrapper-3jcFO8 .emoji.jumboable {
    padding: 4px 0
}

.messageContent-16LX15 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.messageContentIcon-oPqjFR {
    width: 20px;
    height: 20px;
    margin-left: 4px
}

.root-22AK9z {
    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-22AK9z.idle-39sGPO {
    cursor: none
}

.root-22AK9z.idle-39sGPO .gradientContainer-phMG8d {
    opacity: 0
}

.root-22AK9z.idle-39sGPO .topControls-23RE3h {
    opacity: 0;
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0)
}

.root-22AK9z.idle-39sGPO .bottomControls-31YuPK {
    opacity: 0;
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0)
}

.root-22AK9z.idle-39sGPO .chatButton-10jXXp:not(.chatButtonShowing-1aD1ch) {
    opacity: 0;
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0)
}

.videoControls-353CsJ {
    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;
    z-index: 1
}

.gradientContainer-phMG8d {
    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-1UBZHm {
    top: 0
}

.gradientBottom-uB_-4E,
.gradientTop-1UBZHm {
    position: absolute;
    right: 0;
    left: 0
}

.gradientBottom-uB_-4E {
    bottom: 0;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.controlSection-1mNixL {
    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-31YuPK,
.topControls-23RE3h {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bottomControls-31YuPK {
    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-3Vj6h7 {
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.title-2q4yCo {
    font-size: 24px
}

.supportingText-2L8bzJ,
.title-2q4yCo {
    text-align: center;
    font-weight: 500;
    line-height: 1.25
}

.supportingText-2L8bzJ {
    font-size: 16px
}

.chatButton-10jXXp {
    position: absolute;
    top: 12px;
    right: 16px;
    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;
    z-index: 1
}

.chatButton-10jXXp.chatButtonShowing-1aD1ch {
    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .4));
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .4))
}

.chatButton-10jXXp.chatOpen-1jeAQ8 {
    opacity: 0;
    pointer-events: none
}

.theme-dark .title-2q4yCo,
.theme-light .title-2q4yCo {
    color: #fff
}

.theme-dark .supportingText-2L8bzJ,
.theme-light .supportingText-2L8bzJ {
    color: #b9bbbe
}

.arrow-qvRzze {
    -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-3w4q5v {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.chatIcon-R5MUNn {
    position: relative;
    width: auto;
    min-width: 32px;
    margin-right: -8px
}

.chatIcon-R5MUNn svg,
.unreadCount-eHeIkt {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.unreadCount-eHeIkt {
    margin-left: -12px;
    margin-top: 11px;
    height: 16px;
    min-width: 16px;
    width: auto;
    padding: 0 4px;
    border-radius: 999px;
    background: var(--interactive-normal);
    color: #000;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mention-1YkFqs {
    background: var(--status-danger);
    color: #fff
}

.chatIcon-R5MUNn:hover .unreadCount-eHeIkt {
    background: #fff
}

.chatIcon-R5MUNn:hover .unreadCount-eHeIkt.mention-1YkFqs {
    background: hsl(359, calc(var(--saturation-factor, 1)*83%), 67.6%)
}

.upsellTooltipOffset-1GKhAI {
    position: relative;
    right: 4px
}

.popIn-2zMM4y {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.noticeIcon-fGq1HT {
    color: var(--header-secondary);
    margin-right: 8px;
    width: 16px;
    height: 16px
}

.beta-37qefl {
    background-color: var(--info-help-background);
    color: var(--info-help-text);
    padding: 2px 4px;
    border-radius: 4px;
    text-transform: uppercase
}

.divider-d8dzIu {
    margin-right: 16px
}

.eventSchedule--mj5Q9 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.eventName-18xXN0 {
    margin: auto 8px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.button-r8Pdp4 {
    margin-right: 16px
}

.root-2H6Y8D.comboIcon-wuGHqz {
    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-NKIVgX {
    line-height: 24px;
    margin-left: 4px
}

.icon-3ma6T_ {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.root-3bVOP7 {
    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-3bVOP7 .voiceUsers-2gMlQV {
    padding: 0
}

.header-3A1D9e {
    padding: 16px 16px 9px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--interactive-normal)
}

.scroller-2Po3cb {
    padding: 0 16px 16px 8px
}

.button-1fGHAH {
    margin-left: 0
}

.button-1fGHAH,
.divider-2keupe {
    margin-right: 16px
}

.divider-2keupe {
    background: #202225
}

.speaker-3EjUJ7 {
    margin-right: 8px
}

.speaker-3EjUJ7.last-2XRBCb {
    margin-right: 16px
}

.chatButtonSpacer-16BvMu {
    margin-right: 8px;
    visibility: hidden
}

.lastButton-3QdII0 {
    margin-right: 8px
}

.avatar-b2yTGD {
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.divider-LwO6Dl {
    background: rgba(79, 84, 92, .32);
    margin-right: 16px
}

.playingText-16QsYy {
    text-overflow: ellipsis;
    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
}

.eventStatusText-1xhe5k,
.playingText-16QsYy {
    white-space: nowrap;
    overflow: hidden
}

.eventStatusText-1xhe5k {
    font-weight: 600;
    margin-right: 16px
}

.container-17V_oy {
    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
}

.activityIcon-hcRVnt {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin-right: 10px
}

.popoutWrapper-3ks_kl {
    position: relative;
    left: -30px;
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 40vh
}

.scroller-3b1p7z {
    border-radius: 4px;
    padding: 8px 16px;
    background-color: var(--background-floating)
}

.viewers-15Alqi {
    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-15Alqi:hover .popoutWrapper-3ks_kl {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.viewer-1av623 {
    margin-left: -2px;
    -webkit-mask: url(/assets/bdbb8326fbb4834998152887ddbdb0c8.svg);
    mask: url(/assets/bdbb8326fbb4834998152887ddbdb0c8.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance
}

.viewer-1av623:last-child {
    -webkit-mask: none;
    mask: none
}

.overflow-W0reYu {
    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-1V_jWz {
    margin-top: 8px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 600
}

.memberListHeader-1V_jWz,
.memberListItemText-tyv6if {
    color: var(--header-secondary)
}

.viewersIcon-1NH384 {
    width: 24px;
    height: 24px;
    color: #b9bbbe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px
}

.viewersIcon-1NH384.activeButton-3MNmsU,
.viewersIcon-1NH384:hover {
    color: #fff
}

.viewersTooltipItem-YBWOI1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.memberListItem-ui7SEK:not(.popoutDisabled-F42SI4):hover {
    background-color: var(--background-tertiary)
}

.wrapper-1gVUIN {
    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: var(--background-tertiary);
    z-index: 2
}

.wrapper-1gVUIN.animated-3y90pd {
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.wrapper-1gVUIN.normal-qRirv5 {
    height: 50%
}

.wrapper-1gVUIN.minimum-fXpVNc {
    height: 240px;
    background-color: var(--background-floating)
}

.wrapper-1gVUIN.minimum-fXpVNc.video-3n15R6 {
    height: 284px
}

.wrapper-1gVUIN.chatSidebarOpen--YCxhs,
.wrapper-1gVUIN.fullScreen-KhZZcz,
.wrapper-1gVUIN.noChat-2UYgeE {
    height: 100%
}

.wrapper-1gVUIN.fullScreen-KhZZcz {
    width: 100%
}

.wrapper-1gVUIN.popout-ghmDrR {
    height: 100%;
    width: 100%
}

.wrapper-1gVUIN.poppedOut-1YgRZM {
    height: 154px
}

.callContainer-HtHELf {
    overflow: hidden;
    background: #000
}

.callContainer-HtHELf,
.centerControls-2iMSeY {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.centerControls-2iMSeY {
    pointer-events: all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.leftTrayIcon-3kMl25 {
    margin-right: 16px
}

.rightTrayIcon-1m3hnG {
    margin-left: 16px
}

@media (max-width:456px) {
    .leftTrayIcon-3kMl25 {
        margin-right: 8px
    }

    .rightTrayIcon-1m3hnG {
        margin-left: 8px
    }

    .settingsButton-eVEeVi,
    .viewersButton-1FOfBR {
        display: none
    }
}

.iconWrapper-cvQYeK {
    position: relative
}

.volumeSlider-24MgYV {
    margin-top: -16px
}

.badge-3y_4Wj {
    position: absolute;
    top: -8px;
    right: 0;
    pointer-events: none
}

.headerWrapper-1ULEPv {
    margin: 0 -16px
}

.resizeHandle-1zU8BL {
    bottom: -2px;
    cursor: ns-resize;
    height: 4px;
    position: absolute;
    width: 100%
}

.wrapper-1gVUIN.chatSidebarOpen--YCxhs .callContainer-HtHELf {
    border-radius: 0 8px 8px 0
}

.wrapper-1gVUIN.minimum-fXpVNc .callContainer-HtHELf {
    background: none
}

.chatToasts-3oZ62v {
    position: absolute;
    top: 48px;
    right: 12px;
    width: 25%;
    max-width: 304px;
    height: 50%;
    overflow: hidden;
    pointer-events: none
}

.emptyWrapper-3sMgwj {
    max-width: 340px;
    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;
    margin: auto
}

.emptyImage-EjHmrZ {
    width: 200px
}

.emptyTitle-3q88h0 {
    text-align: center;
    margin: 16px 0 8px
}

.emptySubtitle-3KABBA {
    text-align: center;
    margin-bottom: 16px
}

.emptyCTA-1SIzZC {
    padding: 12px 16px
}

.card-3N2v9t {
    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;
    height: 274px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    background-color: var(--background-secondary)
}

.addEntryCard-w9XVzQ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--background-primary);
    border: 2px dashed var(--text-muted);
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.addEntryCard-w9XVzQ:hover {
    background-color: var(--background-modifier-hover)
}

.addEntryCard-w9XVzQ:active {
    background-color: var(--background-modifier-active)
}

.addServerText-3kK61v {
    margin-top: 8px;
    font-weight: 600
}

.cardHeader-2lJ6bU {
    height: 40px;
    position: relative;
    display: block;
    overflow: visible;
    margin-bottom: 36px
}

.splash-1Rnkv- {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--background-secondary-alt)
}

.splash-1Rnkv-,
.splashImage-kr7J-- {
    width: 100%;
    height: 100%
}

.splashImage-kr7J-- {
    -o-object-fit: cover;
    object-fit: cover
}

.guildIcon--edfFw {
    position: absolute;
    top: 20px;
    left: 12px
}

.icon-3Oacog {
    background-color: var(--background-primary)
}

.actionButtonsContainer-mk98of {
    display: none;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 16px;
    top: 24px
}

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

.card-3N2v9t:focus-within .actionButtonsContainer-mk98of,
.card-3N2v9t:hover .actionButtonsContainer-mk98of {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.overflowIcon-rTvKzt {
    width: 20px;
    height: 20px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.iconMask-24Ybpm {
    padding: 4px;
    background-color: var(--background-secondary)
}

.avatar-1NcXIX {
    width: 100%;
    height: 100%
}

.guildInfo-1z-_I- {
    -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-1z-_I-,
.title-FbZUIa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.title-FbZUIa {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-weight: 600
}

.guildBadge-1Z3cPQ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-left: -2px
}

.guildName-3TDlfI {
    white-space: nowrap
}

.description-1p8ILJ,
.guildName-3TDlfI {
    overflow: hidden;
    text-overflow: ellipsis
}

.description-1p8ILJ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 4px 0 16px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.memberInfo-32yPkg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.memberCount-2DPdXS,
.memberInfo-32yPkg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.memberCount-2DPdXS {
    font-size: 12px;
    line-height: 16px;
    margin-right: 16px
}

.memberCount-2DPdXS:last-child {
    margin-right: 0
}

.statusDot-1TkcEv {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dotOnline-1EgRPy {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.dotOffline-1qeG3H {
    background-color: #b9bbbe
}

.joinButton-1B9qQr {
    margin-top: 16px
}

.pageContainer-36uo3F {
    width: 100%;
    min-width: minPageWidth;
    max-width: 1608px;
    margin: 0 auto;
    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;
    background-color: var(--background-primary);
    overflow: hidden
}

.scroller-1ghLQ2 {
    padding: 32px
}

.cardsContainer-39dCVY {
    min-width: 320px;
    padding: 24px 0;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(248px, 1fr))
}

.spinner-2pI9yj {
    margin-top: 56px
}

.header-224ffR {
    position: relative;
    text-align: center
}

.header-224ffR,
.headerImage-Xy5R7m {
    min-height: 200px;
    min-width: 320px;
    border-radius: 8px
}

.headerImage-Xy5R7m {
    display: inherit;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.searchTitle-SJKFfp {
    color: #fff
}

.searchSubtitle-2bGu2U {
    margin: 8px 0;
    color: #fff
}

.headerContentWrapper-1KqLer {
    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-3_EO-5 {
    width: 100%;
    max-width: 700px;
    margin: 0 60px
}

.headerContentSmall-1K72Ty {
    margin: 0 36px
}

.headerContent-3_EO-5 .searchBox-3wTyE4 {
    border-radius: 8px;
    background-color: #fff;
    padding-right: 8px
}

.headerContent-3_EO-5 .searchBox-3wTyE4:focus,
.headerContent-3_EO-5 .searchBox-3wTyE4:focus-within {
    -webkit-box-shadow: 0 0 0 1px hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%), 0 0 0 2px hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%), 0 0 0 3px hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    box-shadow: 0 0 0 1px hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%), 0 0 0 2px hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%), 0 0 0 3px hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    border-color: transparent
}

.headerContent-3_EO-5 .searchBox-3wTyE4 .searchBoxInput-CtJm1J {
    font-size: 16px;
    padding: 8px;
    color: #2e3338
}

.headerContent-3_EO-5 .searchBox-3wTyE4 .searchBoxInput-CtJm1J::-webkit-input-placeholder {
    color: hsl(214, calc(var(--saturation-factor, 1)*9.9%), 50.4%)
}

.headerContent-3_EO-5 .searchBox-3wTyE4 .searchBoxInput-CtJm1J::-webkit-input-placeholder,
.headerContent-3_EO-5 .searchBox-3wTyE4 .searchBoxInput-CtJm1J::placeholder {
    color: hsl(214, calc(var(--saturation-factor, 1)*9.9%), 50.4%)
}

.searchBox-3wTyE4 .closeIcon-bzDmkL {
    color: #4f5660;
    width: 24px;
    height: 24px
}

.searchBox-3wTyE4 .closeIcon-bzDmkL:hover {
    color: #2e3338
}

.searchBox-3wTyE4 .closeIcon-bzDmkL:focus {
    color: #060607
}

.searchBox-3wTyE4 .searchIcon-30-hov {
    color: rgba(79, 84, 92, .6)
}

.tabBar-2WseS- {
    margin-top: 20px;
    margin-bottom: -2px;
    border-bottom: 2px solid var(--background-modifier-accent)
}

.tabBarItem-15vAXA {
    margin-right: 32px;
    padding-bottom: 16px;
    margin-bottom: -2px
}

.sectionHeader-23XV5f {
    font-weight: 600;
    margin-top: 20px
}

.searchHeader-UFC-sz {
    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
}

.searchHeader-UFC-sz .searchPageBox-2yxhpp {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 16px;
    width: 100%;
    background-color: var(--background-tertiary);
    border-radius: 8px
}

.searchPageBox-2yxhpp .searchPageInput-2BLdou {
    padding: 8px
}

.headerTitleWrapper-1PxZ-Y {
    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
}

.arrow-f2CzK- {
    cursor: pointer;
    color: var(--interactive-normal)
}

.arrow-f2CzK-:hover {
    color: var(--interactive-hover)
}

.arrow-f2CzK-:focus {
    color: var(--interactive-active)
}

.searchPageTitle-pIeykC {
    margin-left: 12px;
    color: var(--text-muted)
}

.searchPageTitle-pIeykC strong {
    color: var(--header-primary)
}

.emptySearchWrapper-3EI_HG {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: var(--background-secondary);
    border-radius: 8px;
    margin: 24px 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;
    padding: 92px 0
}

.emptySearchImage-1Mrs9s {
    width: 120px
}

.emptySearchTitle-1vFG1r {
    margin-top: 28px
}

.emptySearchSubtitle-3-y46e {
    margin-top: 8px
}

.chat-25x62K {
    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-25x62K: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
}

.pageContainer-oSrRSz {
    position: relative;
    padding-top: 32px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    z-index: 1;
    -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
}

.placeholdersContainer-2M6R-N {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: .3;
    overflow: hidden
}

.guildIconContainer-7to1vr {
    margin-top: 40px;
    margin-bottom: 16px
}

.joinCtaTitle-jCYLIk {
    color: var(--header-secondary);
    font-family: var(--font-display);
    text-align: center;
    max-width: 640px
}

.joinCtaTitle-jCYLIk strong {
    color: var(--header-primary)
}

.joinCtaSubtitle-ZDvyWA {
    max-width: 640px;
    margin-top: 8px;
    margin-bottom: 32px
}

.tierPreviewsContainer-33pM71 {
    width: 100%;
    overflow-x: scroll
}

.tierPreviews-1NTvUQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px
}

.background-29WdEM {
    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-uvONBR {
    color: var(--interactive-normal)
}

.container-lqPArA {
    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-lqPArA,
.headerContainer-21E-jZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.headerContainer-21E-jZ {
    -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-me7jU9 {
    margin-left: 12px;
    font-weight: 600
}

.headerClose-2iIpCp {
    margin-left: auto;
    cursor: pointer;
    color: var(--interactive-normal)
}

.headerClose-2iIpCp:hover {
    color: var(--interactive-hover)
}

.headerClose-2iIpCp:active {
    color: var(--interactive-active)
}

.contentContainer-dKJ2Bn {
    padding-left: 16px;
    padding-right: 16px
}

.selfSpeakerContainer-mm3RGW {
    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-mm3RGW:hover {
    color: var(--interactive-hover)
}

.selfSpeakerContainer-mm3RGW:active {
    color: var(--interactive-active)
}

.buttonContainer-1QM2ob {
    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-1QM2ob:hover {
    background-color: var(--background-tertiary);
    color: var(--interactive-hover)
}

.buttonContainer-1QM2ob:active {
    background-color: var(--background-tertiary);
    color: var(--interactive-active)
}

.buttonMargin-1IBaT7 {
    margin-left: 16px
}

.selfSpeakerButton-3c4Qhp {
    background-color: var(--background-tertiary)
}

.selfSpeakerText-2WpJLk {
    margin-left: 12px
}

.listTitle-2F1eUy {
    padding-top: 24px;
    font-weight: 700;
    text-transform: uppercase
}

.participantRowContainer-1Fyb5z {
    padding-top: 16px;
    height: 40px
}

.participantMemberContainer-m-hetW,
.participantRowContainer-1Fyb5z {
    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-m-hetW {
    margin-right: auto;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    cursor: pointer;
    overflow: hidden
}

.participantTextContainer-2wvQ_J {
    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: 16px;
    margin-right: 8px
}

.participantAvatar-3U4t_W {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.participantName-1FTX6x {
    color: var(--header-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.emptyStateContainer-2wiHQ3 {
    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-Qlq-Jr {
    margin-top: 16px;
    font-weight: 600
}

.emptyStateBody-3fqk07 {
    margin-top: 8px
}

.toggle-fbIE0z {
    padding-top: 20px;
    margin-bottom: 0
}

.strikethrough-2kB0gO {
    color: var(--status-danger)
}

.participants-3eCqDy {
    color: var(--interactive-normal);
    padding-left: 0;
    padding-right: 0
}

.icon-2vczkG {
    margin-left: 0
}

.eventsButton-25vYOY {
    margin-left: 8px;
    margin-right: 8px
}

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

.channelName-1d4zaz {
    margin-right: 0;
    color: var(--interactive-active)
}

.divider-lB_XoY {
    margin-right: 16px;
    margin-left: 16px;
    background: #40444b
}

.title-UfXGRJ {
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tileBaseContainer-2zuu3- {
    width: 102px;
    height: 98px;
    margin: auto;
    display: inline-block;
    border-radius: 8px
}

.tileContainer-Os085F {
    cursor: pointer;
    text-align: center;
    background-color: var(--background-floating)
}

.tileContainer-Os085F:hover {
    background-color: var(--background-tertiary)
}

.textContainer-37W3Ry {
    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
}

.avatarContainer-1IdZvt {
    margin: 8px auto;
    position: relative;
    width: 56px;
    height: 56px
}

.avatar-rC0Atp {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    background-color: var(--background-floating)
}

.avatar-rC0Atp.faded-M-97Fr {
    opacity: .5
}

.text-NKMwrd {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

.singleIcon-1sdp2c .text-NKMwrd {
    max-width: calc(100% - 16px)
}

.doubleIcon-u75nfg .text-NKMwrd {
    max-width: calc(100% - 32px)
}

.boost-2iVnaJ {
    margin-left: 4px;
    width: 10px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top
}

.blockedIcon-3qUVeW {
    margin-right: 2px
}

.blockedIcon-3qUVeW,
.icon-3B0pZ2 {
    width: 12px;
    height: 12px
}

.icon-3B0pZ2 {
    background-clip: padding-box;
    border-radius: 50%;
    padding: 2px;
    color: var(--background-floating);
    background-color: var(--header-primary);
    border: 3px solid var(--background-floating);
    position: absolute;
    right: -3px;
    top: -3px
}

.icon-3B0pZ2.invited-3xhZcj {
    color: var(--header-primary);
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.participants-3hk3ND {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 98px;
    background-color: var(--background-floating)
}

.roleContainer-WStCpt {
    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-1vI9vz {
    font-weight: 600;
    text-transform: uppercase
}

.container-3r7mfc {
    padding-top: 52px;
    padding-bottom: 16px;
    background-color: var(--background-floating)
}

.title-2mgS_G {
    padding-top: 40px;
    font-family: var(--font-display);
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.stageSummary-3IiMsf {
    padding-top: 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: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.height-1Wk858 {
    height: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.subtitle-HNqzNa {
    padding-top: 2px
}

.dotSeparator-1V0QPn {
    margin: 4px 8px;
    height: 4px;
    width: 4px;
    background-color: var(--background-accent);
    border-radius: 50%
}

.icon-19laEi {
    margin-right: 4px;
    color: var(--header-secondary)
}

.scrollerBase-2JI3E3 {
    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-1QyTTa {
    scrollbar-width: auto
}

.auto-1QyTTa,
.auto-1QyTTa.fade-OmhzcK:hover {
    scrollbar-color: var(--background-floating) var(--background-modifier-accent)
}

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

.auto-1QyTTa::-webkit-scrollbar-track {
    background-color: var(--background-floating)
}

.auto-1QyTTa::-webkit-scrollbar-thumb,
.auto-1QyTTa::-webkit-scrollbar-track {
    border: 4px solid var(--background-floating);
    background-clip: padding-box;
    border-radius: 8px
}

.auto-1QyTTa::-webkit-scrollbar-thumb {
    background-color: var(--background-modifier-accent);
    min-height: 40px
}

.auto-1QyTTa::-webkit-scrollbar-corner {
    background-color: var(--background-floating)
}

.fade-OmhzcK {
    scrollbar-color: var(--background-floating) var(--background-modifier-accent)
}

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

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

.spaceBetweenTiles-1AqWYp {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tileSizer-GVC1ge {
    width: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.container-yn4cwV {
    position: absolute;
    top: 8px;
    right: 8px
}

.tile-WBhv6B {
    height: 100%
}

.rowContainer-jDvyA4 {
    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-35tvpe {
    padding-left: 16px;
    padding-right: 16px;
    background-color: var(--background-floating)
}

.grid-3gqrYc,
.scroller-35tvpe {
    width: 100%;
    height: 100%
}

.grid-3gqrYc {
    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-LSz5ul {
    padding-bottom: 88px
}

.divider-vv_iHh {
    margin-top: 23px;
    border-bottom: 1px solid var(--background-primary);
    width: 100%
}

.focusedRow-2BtMGG {
    margin-bottom: 8px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.containerColumn-1y0VaZ {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-a_NK-C,
.containerColumn-1y0VaZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-a_NK-C {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.audienceButton-3EsbUt,
.makeMeASpeakerButton-I5v_9C {
    height: 56px;
    width: 56px;
    border-radius: 50%;
    background-color: var(--background-tertiary)
}

.audienceButton-3EsbUt {
    margin-right: 16px
}

.requestToSpeakIcon-2uZr9q {
    grid-area: icon;
    margin: auto
}

.slash-2pFm1V {
    color: var(--status-danger)
}

.leaveQuietlyButton-3Vhswc {
    height: 56px;
    border-radius: 28px
}

.leaveQuietlyButtonInnerContainer-203X1L {
    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-RqBZXe {
    margin-left: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.raisedHandButtonIconActive-25A1kQ {
    color: #fff;
    color: #36393f
}

.buttonSpacing-ZuQU_D {
    margin-left: 16px
}

.speakerRaiseHandButtonContainer-vFHQuX {
    position: relative
}

.speakerRaiseHandButton-2xNQGu {
    position: static
}

.speakerRaiseHandBadge-1hA2Uh {
    padding: 0 4px;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 16px;
    border-radius: 8px;
    background-color: var(--status-danger);
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.eventPrompts-11wEpt {
    margin-bottom: 40px;
    position: absolute;
    bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.separator-1zwi-s {
    height: 8px
}

.avControls-1rQROI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px
}

.iconBackground-3qSXiM {
    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-primary);
    border-radius: 50%;
    height: 64px;
    width: 64px
}

.icon-1Et9lL {
    color: var(--interactive-active)
}

.headerContainer-2QwJPm {
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: center
}

.eventPrompt-3DZIoO,
.subtitle-rEgPzH {
    margin-top: 8px
}

.separator-3FDGQ4 {
    margin-top: 24px;
    margin-bottom: 24px;
    background-color: var(--background-primary);
    border: none;
    height: 1px
}

.continueIcon-Tw5e9w {
    color: var(--interactive-normal)
}

.continueIconContainer-1-f6X1 {
    background-color: var(--background-tertiary)
}

.audienceSummary-2LZVS9 {
    margin-top: 24px;
    max-width: 400px;
    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
}

.summaryItem-Waks8Y {
    margin-right: 8px
}

.container-cH6QoY {
    -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-BGIngG,
.container-cH6QoY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    height: 100%;
    width: 100%;
    background-color: var(--background-floating)
}

.callContainer-BGIngG {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.sidebarVisible-3bgZKv {
    margin-right: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden
}

.rightTrayIcon-1gEoki {
    margin-left: 16px
}

.volumeSlider-26d8yG {
    margin-top: -16px
}

.chat-1rZYgu,
.container-1RZJZM {
    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
}

.chat-1rZYgu {
    min-width: 0;
    -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-1rZYgu: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-1AttHb {
    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-1AttHb,
.scroller-oTbAWP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.scroller-oTbAWP {
    -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
}

.scrollerInner-22scD4 {
    min-height: 0
}

.formSection-DabTa_ {
    margin-top: 16px
}

.checkbox-3MLwFr {
    color: var(--interactive-normal)
}

.checkbox-3MLwFr:hover {
    color: var(--interactive-hover)
}

.checkbox-3MLwFr:active {
    color: var(--interactive-active)
}

.privateThreadDescription-icb_LC {
    margin-top: 8px
}

.chat-1rZYgu .select-1Vya0_ {
    display: inline-grid;
    padding: 0 2px 0 4px;
    background-color: var(--background-tertiary);
    border: none
}

.chat-1rZYgu .select-1Vya0_>svg {
    background-color: var(--background-primary);
    border-radius: 4px;
    height: 18px;
    margin-left: 8px;
    width: 18px
}

.form-Ti9oXE {
    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;
    position: relative;
    width: 100%
}

.channelTextArea-3TZH74 {
    background-color: var(--background-primary)
}

.channelTextAreaInner-ITp5kW {
    background-color: var(--deprecated-text-input-bg);
    border: 1px solid var(--deprecated-text-input-border);
    border-radius: 3px;
    max-height: none;
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

.channelTextArea2-13Wf3B {
    margin: 0 16px 24px;
    width: calc(100% - 32px)
}

.channelTextAreaInner2-1n0HXJ>div>div {
    min-height: 44px !important
}

.channelTextAreaInnerFocused-3oQcB2 {
    border-color: var(--text-link)
}

.channelTextAreaInnerError-iNytdJ {
    border-color: var(--status-danger)
}

.channelTextAreaInnerError2-P4HPG8 {
    border: 1px solid hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.privateThreadFormTitle-2QB4N8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.privateThreadFormTitleText-1h4MVV {
    margin-right: 8px
}

.privateThreadFeaturePill-3pnWt5 {
    background-color: var(--background-secondary-alt);
    padding: 1px 2px;
    border-radius: 16px
}

.submitContainer-1DHMA0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.submitButton-1TPmAa {
    height: 44px;
    margin: 0 16px 24px;
    width: calc(100% - 32px)
}

.messagePreview-2T8rT7 {
    padding-bottom: 24px !important
}

.formSection-3j4GW- {
    margin-top: 16px
}

.dropdownOption-F5y4FR {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0
}

.dropdownOption-F5y4FR:focus .disabledOptionLabel-34Y8Xo,
.dropdownOption-F5y4FR:hover .disabledOptionLabel-34Y8Xo,
.dropwdownOtion-10bD5j.focused-2C0M0R .disabledOptionLabel-34Y8Xo {
    color: var(--interactive-hover)
}

.optionLabel-1h0MHL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    min-width: 1px
}

.optionLabelCopy-2wN89f {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdownOption-F5y4FR.optionLabel-1h0MHL {
    margin-left: 12px;
    margin-top: 12px;
    margin-bottom: 12px
}

.disabledOptionLabel-34Y8Xo {
    color: var(--text-muted)
}

.container-2c4_8A {
    -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;
    -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;
    padding: 32px;
    text-align: center
}

.container-2c4_8A.compact-3p0UFo {
    min-height: 140px;
    max-height: 140px;
    padding: 0
}

.iconContainer-3XSL3J {
    margin-bottom: 16px;
    position: relative
}

.icon-mJhEWn {
    background-color: var(--background-primary);
    border-radius: 80px;
    color: var(--interactive-normal);
    display: inline-block;
    padding: 22px
}

.icon-mJhEWn.dark-3BvVuP {
    background-color: var(--background-secondary)
}

.compact-3p0UFo .icon-mJhEWn {
    padding: 10px
}

.stars-3UP9-A {
    position: absolute;
    left: -10px
}

.header-En5hqg {
    margin-bottom: 8px
}

.cta-35vqLn {
    margin-top: 24px
}

.container-2rzKKA {
    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;
    position: relative
}

.container-2rzKKA:hover {
    border-color: var(--background-accent)
}

.left-1tSH9F {
    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-1zsPTp,
.messageContent-3pWDKW,
.parentName-RVsAyW,
.startedByName-2w5LIz,
.subtext-21DUaG,
.threadName-2k9mLl {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.threadNameLine-1FNzAW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.parentName-RVsAyW {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: var(--text-muted);
    font-weight: 500;
    font-size: 14px;
    margin-left: 8px
}

.threadName-2k9mLl {
    color: var(--header-secondary)
}

.facepile-10m-zx {
    margin-left: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.subtext-21DUaG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-2jnSDw,
.noAvatarIcon-3Jqqzy {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.noAvatarIcon-3Jqqzy {
    -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-1zsPTp,
.startedByName-2w5LIz {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 600;
    max-width: 150px
}

.startedByName-2w5LIz {
    margin-left: 4px
}

.messageContent-3pWDKW {
    -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-3pWDKW .inline {
    white-space: pre !important
}

.messageContent-3pWDKW .mention {
    pointer-events: none
}

.messageContentIcon-3szly_ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-left: 4px
}

.bullet-1MYz6d {
    color: var(--background-accent);
    padding: 0 8px
}

.list-1uSVgu {
    padding: 0 16px
}

.activeThreadsList-c8qlqZ {
    padding-top: 16px;
    padding-bottom: 8px
}

.sectionHeader-2czRMk {
    -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-1X10dJ {
    position: relative;
    height: 32px
}

.divider-1X10dJ:before {
    content: "";
    position: absolute;
    background-color: var(--background-modifier-accent);
    top: 16px;
    left: 0;
    right: 0;
    height: 1px
}

.controls-SB-N9h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 64px
}

.tabBar-3N44FC {
    height: 64px
}

.tabBar-3N44FC,
.tabBar-3N44FC .tab-1tp4jL {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tabBar-3N44FC .tab-1tp4jL {
    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-1uSVgu .tabBar-3N44FC .tab-1tp4jL.active-3WMEyE {
    background-color: var(--background-accent)
}

.moderatorView-5gEW58 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.checkbox-1y-e6o {
    margin-right: 4px
}

.infoIcon-1e7et- {
    margin-left: 4px;
    position: relative;
    top: 2px
}

.spinner-1V3aLZ {
    margin: 64px 0
}

.container-18GwIk {
    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-18GwIk,
.header-3_zmOb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-3_zmOb {
    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-11tHJX,
.divider-2xk5N2,
.tabBar-2WhZ9G,
.threadIcon-rd1kqG,
.title-10Au0i {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.threadIcon-rd1kqG {
    margin-right: 8px
}

.divider-2xk5N2,
.tabBar-2WhZ9G .tab-2Jo-cu,
.title-10Au0i {
    margin-right: 16px
}

.closeIcon-11tHJX,
.threadIcon-rd1kqG {
    color: var(--interactive-normal)
}

.closeIcon-11tHJX {
    cursor: pointer
}

.closeIcon-11tHJX:hover {
    color: var(--interactive-hover)
}

.divider-2xk5N2 {
    width: 1px;
    height: 24px;
    background-color: var(--background-modifier-accent)
}

.tabBar-2WhZ9G .tab-2Jo-cu {
    -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-180E7A {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.createButton-oruGBs {
    margin-right: 16px;
    padding: 2px 8px;
    height: 24px;
    font-size: 16px
}

.theme-dark .header-3_zmOb .tabBar-2WhZ9G .tab-2Jo-cu.active-346HgG {
    background-color: var(--background-accent)
}

.searchIcon-zpxirk {
    color: var(--header-secondary);
    cursor: pointer;
    margin-right: 16px;
    margin-top: 2px
}

.searchIcon-zpxirk:hover {
    color: var(--interactive-hover)
}

.searchBox-3IjAC1 {
    background-color: var(--background-secondary);
    margin-right: 16px
}

.icon-1ELUnB {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.count-vTKEhF {
    margin-left: 4px
}

.icon-1ELUnB:hover .count-vTKEhF {
    color: var(--interactive-hover)
}

.browser-mnQ1T7 {
    -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-3fdRIz {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@keyframes placeholderPulse-3fdRIz {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.container-2o3qEW {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--background-secondary);
    height: 100%
}

.container-2o3qEW,
.membersWrap-3NUR2t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.membersWrap-3NUR2t {
    min-width: 240px;
    position: relative;
    max-height: 100%
}

.members-3WRCEx {
    width: 240px;
    padding: 0 0 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: auto
}

.members-3WRCEx,
.members-3WRCEx>div {
    background-color: var(--background-secondary)
}

.membersGroup-2eiWxl {
    padding: 24px 8px 0 16px;
    height: 40px
}

.hiddenMembers-8kpYM0 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hiddenText-1FWWFB {
    -ms-flex-item-align: center;
    align-self: center
}

.memberGroupsPlaceholder-9tqX9V {
    border-radius: 8px;
    background-color: var(--background-primary);
    height: 12px;
    width: 40%;
    -webkit-animation: placeholderPulse-3fdRIz 3s ease-in-out infinite;
    animation: placeholderPulse-3fdRIz 3s ease-in-out infinite
}

.addMembersButton-2qS1qa {
    padding-top: 8px;
    padding-left: 8px
}

.addMembersIcon-2xvix1 {
    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
}

.roleIcon-2cey4v {
    margin-right: 4px;
    vertical-align: top
}

.enable-forced-colors .container-2o3qEW,
.enable-forced-colors .membersWrap-3NUR2t {
    border-left: 2px solid CanvasText
}

.enable-forced-colors .container-2o3qEW .membersWrap-3NUR2t {
    border-left: none
}

.container-1cncaX {
    -ms-flex-direction: column;
    flex-direction: column
}

.container-1cncaX,
.content-3_h0XI {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.content-3_h0XI {
    -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-3x240k {
    width: 400px;
    margin-bottom: 24px
}

.splashHeader-bY_Xm- {
    color: var(--header-primary);
    margin-bottom: 8px
}

.splashHeader-bY_Xm-,
.splashText-Oy0xry {
    width: 580px;
    text-align: center
}

.divider-2e_YUL {
    background-color: var(--background-modifier-accent) !important;
    height: 1px;
    margin: 16px 16px 0
}

.private-1gc-_O {
    -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 8px;
    text-transform: uppercase
}

.instructions-3ikjae {
    padding: 0 16px
}

.emptyState-2DwxJe {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 16px;
    text-align: center
}

.emptyStateHeader-3X-dcc {
    font-weight: 700;
    text-align: left;
    text-transform: uppercase
}

.emptyStateIcon-2xfcFG {
    border-radius: 100%;
    background-color: var(--background-tertiary);
    color: var(--interactive-normal);
    height: 56px;
    width: 56px
}

.emptyStateIcon-2xfcFG,
.emptyStateIconContainer-1Jbvk4 {
    -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
}

.emptyStateIconContainer-1Jbvk4 {
    margin: 32px 0;
    position: relative
}

.emptyStateStars-MxomtQ {
    margin: 0 auto;
    position: absolute;
    top: -13px
}

.emptyStateSubtext-hyd30M {
    margin-top: 8px
}

.gatedContent-31-gID {
    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-3HC6rC {
    width: 250px;
    height: 250px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.title-FyH9jw {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    max-width: 640px;
    padding: 0 20px;
    text-align: center
}

.description-fPkcPm {
    font-size: 16px;
    line-height: 1.4;
    max-width: 440px;
    text-align: center
}

.description-fPkcPm a,
.title-FyH9jw a {
    color: var(--text-link)
}

.separator-17R7Yp {
    width: 100px;
    height: 1px;
    background-color: #4f545c
}

.action-3eQ5Or {
    margin-left: 8px;
    margin-right: 8px
}

.theme-light .image-3HC6rC {
    background-image: url(/assets/71a7939f9ef15158d98df9631376f556.svg)
}

.theme-light .title-FyH9jw {
    color: #4f545c
}

.theme-light .description-fPkcPm {
    color: #72767d
}

.theme-dark .image-3HC6rC {
    background-image: url(/assets/f6a272d9794eb33939cf1baa953ceb3e.svg)
}

.theme-dark .title-FyH9jw {
    color: #fff
}

.theme-dark .description-fPkcPm {
    color: #b9bbbe
}

.theme-dark .background-opacity-low .description-fPkcPm,
.theme-dark .background-opacity-low .title-FyH9jw {
    color: #fff;
    text-shadow: 0 0 1px #36393f, 1px 1px 0 #36393f
}

.theme-dark .background-opacity-low .description-fPkcPm a,
.theme-dark .background-opacity-low .title-FyH9jw 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-17R7Yp {
    background-color: #dcddde
}

.theme-dark .background-opacity-medium .description-fPkcPm,
.theme-dark .background-opacity-medium .title-FyH9jw {
    color: #f6f6f7;
    text-shadow: 0 0 1px #36393f, 1px 1px 0 #36393f
}

.theme-dark .background-opacity-medium .description-fPkcPm a,
.theme-dark .background-opacity-medium .title-FyH9jw 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-17R7Yp {
    background-color: #b9bbbe
}

.theme-dark .background-opacity-high .description-fPkcPm,
.theme-dark .background-opacity-high .title-FyH9jw {
    color: #f6f6f7;
    text-shadow: 0 0 1px #36393f, 1px 1px 0 #36393f
}

.scroller-3KyaqJ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 1px;
    min-height: 1px;
    height: auto
}

.wrapper-2R36Wv {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: auto;
    height: 100%;
    width: 100%
}

.ageGatedImage-3IkC-8 {
    width: 250px;
    height: 210px
}

.theme-dark .ageGatedImage-3IkC-8,
.theme-light .ageGatedImage-3IkC-8 {
    background-image: url(/assets/87f8416faec0691b96525d0bb3027809.svg)
}

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

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

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

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

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

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

.justifyStart-3hG2W2 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

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

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

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

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

.noWrap-2gXvwA {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

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

.wrapReverse-19wa0I {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

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

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

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

.spacer-32M2zm {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}
.horizontal-2RwHbz>.spacer-32M2zm,
.horizontalReverse-qL8qQK>.spacer-32M2zm,
.vertical-3ONKux>.spacer-32M2zm {
    min-height: 1px
}

.streamerModeEnabled-3lm55i {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.streamerModeEnabledImage-2EveVD {
    width: 440px;
    height: 220px;
    background-size: 100% 100%
}

.streamerModeEnabledBtn-2nlJTD {
    margin-top: 20px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    background-color: hsl(262, calc(var(--saturation-factor, 1)*46.8%), 39.8%);
    padding: 10px 20px;
    border-radius: 3px;
    line-height: 29px;
    text-transform: uppercase;
    cursor: pointer
}

.streamerModeEnabledBtn-2nlJTD:hover {
    background-color: #5a3796
}

.streamerModeEnabledBtn-2nlJTD.disabled-2iSxw6 {
    cursor: default;
    background-color: #643da7
}

.theme-light .streamerModeEnabledImage-2EveVD {
    background-image: url(/assets/9bc915142490d58b13ec0338055f5951.svg)
}

.theme-dark .streamerModeEnabledImage-2EveVD {
    background-image: url(/assets/80cb895c1ed74292d5cf0acabe103f32.svg)
}

.headerImage-2MJivh {
    width: 100%;
    height: 146px;
    -o-object-fit: cover;
    object-fit: cover
}

.closeButton-2rkfXQ {
    position: absolute;
    top: 16px;
    right: 16px
}

.content-23yFDA {
    padding: 16px
}

.title-2lzGNA {
    color: var(--interactive-active);
    font-weight: 500;
    margin-bottom: 2px
}

.description-1zAJz9 {
    color: var(--interactive-normal);
    margin-bottom: 16px
}

.benefits-2NGz5Z {
    padding: 16px;
    border-radius: 8px;
    background-color: var(--background-secondary)
}

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

.goBackButton-3LPE29 {
    color: var(--interactive-active);
    padding: 0;
    min-width: 0
}

.container-Cb-EQQ {
    display: inline-block
}

.iconWrapper-2AdNFG,
.innerContainer-21XFuN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.iconWrapper-2AdNFG {
    width: 64px;
    height: 64px;
    -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-tertiary);
    color: var(--interactive-normal);
    border-radius: 50%;
    margin: 8px 0
}

.star-1ikfnc {
    width: 16px;
    margin-right: 4px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.sparkle-1ssgmy {
    width: 20px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.container-5gin0f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.body-Zuo1s3 {
    color: var(--header-secondary)
}

.container-1HDBHZ {
    background-color: var(--background-secondary);
    border-radius: 8px;
    padding: 16px
}

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

.headerTextContainer-W4HXVY {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 16px
}

.guildName-1NLxwE {
    font-weight: 500;
    margin-bottom: 2px;
    color: var(--interactive-active)
}

.arrowIcon-3jNzyc,
.tierName-3gHP5W {
    color: var(--interactive-normal)
}

.arrowIcon-3jNzyc {
    width: 24px;
    height: 24px
}

.arrowIconExpanded-3tW-RV {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.headerSubtitleContainer-_gKtnn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.divider-28p8re {
    margin: 16px 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .06)
}

.changePlanNotice--5pnBH {
    margin-bottom: 16px;
    background-color: var(--background-secondary-alt)
}

.subscriptionInfoCards-_gCO-m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.container-1HDBHZ .paymentSourceDropdown-32ckaP {
    margin-bottom: 16px
}

.container-1HDBHZ .paymentSourceDropdown-32ckaP,
.infoCard-2qg8H3,
.paymentSourceDropdownOption-1tG8uJ {
    background-color: var(--background-secondary-alt)
}

.infoCard-2qg8H3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px
}

.infoCardLabel-1u17dF {
    margin-bottom: 16px;
    color: var(--interactive-normal);
    text-transform: uppercase
}

.infoCardLabelContainer-CeB-5A {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.infoCardIcon-339iOD {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    color: var(--interactive-normal)
}

.infoCardValue-s7I7nk {
    color: var(--header-primary);
    font-weight: 300
}

.rowButton-1VdRko {
    background-color: var(--background-secondary-alt);
    cursor: pointer
}

.rowButton-1VdRko:first-child {
    border-radius: 8px 8px 0 0
}

.rowButton-1VdRko:last-child {
    border-radius: 0 0 8px 8px
}

.rowButton-1VdRko:last-child .rowButtonContent-1T-9ej {
    border-bottom: none
}

.rowButtonContent-1T-9ej {
    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;
    margin-left: 16px;
    padding: 16px 16px 16px 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .06)
}

.rowButtonArrow-2VNjt7 {
    width: 24px;
    height: 24px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: var(--interactive-normal)
}

.rowButtonLabel-2xWpUe {
    color: var(--interactive-active);
    font-weight: 500
}

.pageDescription-39v7kg {
    margin-bottom: 40px
}

.subscriptionsContainer-20-Vpx {
    gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.backButtonContents-1HxpE8,
.subscriptionsContainer-20-Vpx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.backButtonContents-1HxpE8 {
    color: var(--text-link);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.arrowIcon-1Ybc27 {
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-right: 4px
}

.container-LUKdw8 {
    -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-LUKdw8,
.loading-2qvqcB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.loading-2qvqcB {
    -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-HqNWlb {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat
}

.content-374sTA {
    position: relative
}

.sectionTier2-2UN8yC {
    text-align: center;
    margin-top: 32px
}

.marketingRefreshTier2Intro-2MGn5U {
    max-width: 325px
}

.marketingRefreshTitle-UaHKpk {
    color: var(--header-primary);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 8px;
    margin-top: 0
}

.marketingRefreshSubtitle-17I8Dd {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    margin: 0
}

.marketingRefreshHeaderAnimation-3sObvG {
    width: 332px;
    margin-left: 16px
}

.marketingRefreshTier2Cta-2dN2zP {
    text-align: center;
    margin-top: 48px
}

.marketingRefreshSectionTier1-1chtWC {
    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-1mUnMb {
    display: block;
    height: 148px;
    margin-right: 60px;
    width: 175px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:920px) {
    .marketingRefreshTier1Graphic-1mUnMb {
        display: none
    }
}

.marketingRefreshTier1Logo-38ksW_ {
    color: var(--header-primary);
    display: block;
    height: 20px;
    margin-bottom: 8px;
    width: 194px
}

.marketingRefreshDescription-2_tCTt {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 16px
}

.tier1InfoTooltipList-UN0bAo {
    list-style-type: disc;
    padding-left: 15px
}

.tier1InfoTooltipListItem-2_-x_C {
    padding: 2px
}

.tier1InfoTooltipListItemOffsetItem-1icq2b {
    position: relative;
    left: -5px
}

.tier1InfoIcon-Z03VaC {
    width: 10px;
    height: 10px
}

.tier2Buttons-p_48oy {
    margin-top: 24px
}

.subSectionHeader-14hIk3 {
    text-transform: uppercase
}

.sectionAccountCredit-1lZtoH,
.subscriptionDetails-3u1CML {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid
}

.accountCredit-1VMD_T {
    margin-top: 16px
}

.accountCreditTitle-2N4HY_ {
    margin-bottom: 16px
}

.accountCreditDescription-J1OHj- {
    color: var(--text-normal);
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 0
}

.marketingRefreshTier2PlanWrapper-1444li,
.tier2Plan-qPk9bv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.marketingRefreshTier2PlanWrapper-1444li {
    margin-bottom: 48px
}

.marketingRefreshTier2PlanName-1m-6Qh {
    color: var(--logo-primary);
    display: block;
    height: 60px;
    margin-bottom: 32px;
    width: auto
}

.subscriptionsRedirectContainer-zD3U79 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary);
    padding: 8px;
    border: none;
    margin-bottom: 24px
}

.subscriptionsRedirectWarningIcon-3a4KPu {
    color: var(--status-warning);
    margin-right: 6px;
    height: 13px;
    width: 13px
}

.theme-light .sectionAccountCredit-1lZtoH,
.theme-light .subscriptionDetails-3u1CML {
    border-color: rgba(185, 187, 190, .3)
}

.theme-light .tier1Banner-LvpkWu {
    background-image: url(/assets/f3c810f01750d03953bf7227d360ee96.svg);
    background-color: #f6f6f7;
    color: #72767d
}

.theme-dark .sectionAccountCredit-1lZtoH,
.theme-dark .subscriptionDetails-3u1CML {
    border-color: rgba(114, 118, 125, .3)
}

.theme-dark .tier1Banner-LvpkWu {
    background-image: url(/assets/ea6fbee8930d2ece33ce9c1cabb73304.svg);
    background-color: #2f3136;
    color: #f6f6f7
}

.trialBanner-19Op0v {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: linear-gradient(4.5deg, hsl(270, calc(var(--saturation-factor, 1)*86.7%), 70.6%), hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%));
    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-2-9pZa {
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #fff;
    min-width: 24px;
    margin-right: 8px
}

.trialDescription-33OiKV {
    color: #fff;
    font-weight: 500
}

.trialButton-bq633i {
    border-radius: 4px;
    min-width: auto;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 16px
}

.perkList-1bla2U,
.perkListItem-1x38F5 {
    margin-bottom: 16px
}

.perkListItem-1x38F5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.perkListItem-1x38F5:last-child {
    margin-bottom: 0
}

.perkListItemIcon-3Odm5d {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px
}

.theme-dark .tier1ProfilePerk-2IBE1c {
    color: #4087ed
}

.theme-dark .tier1BoostPerk-V7RkB_ {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.theme-dark .tier1CustomEmojiPerk-2v95LZ {
    color: #fee64f
}

.theme-dark .tier1UploadPerk-1ZDumb {
    color: #776bff
}

.theme-dark .tier1StreamPerk-1ksfni {
    color: #9bdd73
}

.theme-light .tier1ProfilePerk-2IBE1c {
    color: #4087ed
}

.theme-light .tier1BoostPerk-V7RkB_ {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.theme-light .tier1CustomEmojiPerk-2v95LZ {
    color: #d0820c
}

.theme-light .tier1UploadPerk-1ZDumb {
    color: #776bff
}

.theme-light .tier1StreamPerk-1ksfni {
    color: #69974d
}

.container-2pOlbk {
    position: relative;
    display: inline-block
}

.tag-3Upstw {
    background-color: var(--brand-experiment);
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px
}

.sparkle-C5r6C4 {
    position: absolute
}

.sparkleStarTopRight-3eWngI {
    bottom: calc(100% - 4px);
    left: calc(100% - 5px);
    width: 12.75px;
    height: 12.75px
}

.sparkleStarRight-FGPiaO {
    bottom: 3px;
    left: calc(100% + 1.31px)
}

.sparkleStarBottomLeft-1lt5Ux,
.sparkleStarRight-FGPiaO {
    height: 7.44px;
    width: 7.44px
}

.sparkleStarBottomLeft-1lt5Ux {
    top: calc(100% + .56px);
    left: -1px
}

.theme-dark .sparkle-C5r6C4 {
    color: #fff
}

.containerColored-12xSUS .sparkle-C5r6C4.sparkleStarTopRight-3eWngI,
.theme-light .sparkle-C5r6C4.sparkleStarTopRight-3eWngI {
    color: #83ddc5
}

.containerColored-12xSUS .sparkle-C5r6C4.sparkleStarRight-FGPiaO,
.theme-light .sparkle-C5r6C4.sparkleStarRight-FGPiaO {
    color: #e15be1
}

.containerColored-12xSUS .sparkle-C5r6C4.sparkleStarBottomLeft-1lt5Ux,
.theme-light .sparkle-C5r6C4.sparkleStarBottomLeft-1lt5Ux {
    color: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 63.3%)
}

.buttons-19uowm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buttonsCenter-21Ab-2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button-1U79Hu {
    margin-left: 20px
}

.button-1U79Hu:first-child {
    margin-left: 0
}

.auPromoBanner-2D2VWL {
    background-image: url(/assets/ac48beb9fcb199b1643a5afb6321c1e9.svg)
}

.pePromoBanner-2ccf_F {
    background-image: url(/assets/ff0ee0066558e1230f23a4a1c2f41bc2.svg)
}

.phPromoBanner-3iexBk {
    background-image: url(/assets/fa890ac72a9871fbe24c7a74cf2aa76a.svg)
}

.promoBanner-1pEkqm {
    background-position: 0;
    background-repeat: no-repeat;
    max-width: 660px;
    height: 278px;
    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;
    padding-left: 24px
}

.heroIcon-1-ZUhv {
    width: 136px;
    height: 56px;
    color: #fff
}

.heroHeader-Rd3Npr,
.heroIcon-1-ZUhv {
    margin-top: 24px
}

.heroBody-1EuD4B {
    margin-top: 8px;
    max-width: 266px;
    color: #fff
}

.heroBody-1EuD4B a {
    color: #fff;
    text-decoration: underline;
    font-weight: 500
}

.heroBodyHideLink-1-ZoDy a {
    display: none
}

.heroBodyLinkCTA-2rKO_B {
    margin-top: 24px
}

.heroBodyLinkCTA-2rKO_B a {
    color: #fff;
    text-decoration: underline;
    font-weight: 500
}

.heroButtons-CJvWLU {
    margin-top: 24px
}

.heroBody2-2V9NwH {
    color: #fff
}

.container-3aqTuR {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 660px;
    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;
    position: relative;
    border-radius: 8px;
    background: linear-gradient(100.8deg, #5865f2 20.51%, #7785f5 53.7%, #c0ccff 87.86%);
    color: var(--text-normal);
    padding: 24px 0 24px 24px;
    overflow: hidden
}

.snow-iAyEvs {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    pointer-events: none
}

.header-2sQuWK {
    color: #fff
}

.leftContainer-2PNiB- {
    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: left;
    -ms-flex-align: left;
    align-items: left;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    z-index: 2
}

.headerIcon-1VX1c0 {
    width: 136px;
    height: 56px;
    margin-bottom: 16px;
    color: #fff
}

.icon-32IkEz {
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
    z-index: 2
}

@media (max-width:485px) {
    .icon-32IkEz {
        display: none
    }
}

.body-hBjbxv {
    color: #fff;
    margin-top: 16px;
    text-align: left;
    max-width: 400px;
    z-index: 2
}

.button-2ojKfN {
    margin-top: 24px;
    -ms-flex-item-align: baseline;
    align-self: baseline;
    z-index: 2
}

.buttonText--OO9XR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    max-width: 140px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: content;
    flex-basis: content;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.buttonText--OO9XR svg {
    min-width: 24px
}

.buttonText--OO9XR span {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.hero-1aNo0v {
    background-image: url(/assets/c952deb3636c5548cd116935f0ccf88a.svg);
    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
}


.heroIcon-3kmupU {
    margin-top: 48px;
    width: 149px;
    height: 60px;
    color: #fff
}

.hero-1aNo0v .heroHeader-1A0uOZ {
    color: #fff;
    margin-top: 16px
}

.heroBody-20fY29 {
    color: #fff;
    margin-top: 4px;
    max-width: 312px;
    text-align: center
}

.heroButtons-357iJy {
    margin-top: 16px
}

.giftText-1l0-Fk {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.giftHeader-1ZxcqK {
    padding-bottom: 10px
}

.theme-light .giftContainer-1X7m0c {
    background-color: #fff;
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium);
    border: 1px solid var(--background-modifier-accent)
}

.theme-dark .giftContainer-1X7m0c {
    background-color: var(--background-secondary-alt)
}

.giftContainer-1X7m0c {
    border-radius: 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 24px;
    padding: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.giftButtonInner-3eeZP9,
.giftContainer-1X7m0c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.giftButtonInner-3eeZP9 {
    min-width: 0;
    max-width: 140px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.giftButtonInner-3eeZP9 svg {
    min-width: 24px
}

.giftButtonInner-3eeZP9 span {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.giftButton-2PdXmQ {
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 24px
}

.featuresHeader-2bjq5B {
    margin-top: 32px
}

.featureGrid-SSlfD0 {
    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-2IUcBI {
    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-2IUcBI .featureNewBadge-27qr_t {
    top: -4px;
    left: -4px;
    position: absolute
}

.featureDescription-3U0QB3 {
    margin-top: 4px
}

.featureChildrenWrapper-2cxUCl,
.featureImageWrapper-2ndc8N {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.featureVideoBackgrounds-3-ItPq .featureImageWrapper-2ndc8N {
    margin: 16px 0
}

.featureEmoji-cnSD0D .featureImageWrapper-2ndc8N,
.featureVideoBackgrounds-3-ItPq .featureImageWrapper-2ndc8N {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featureEmoji-cnSD0D .featureImage-91H2fC,
.featureVideoBackgrounds-3-ItPq .featureImage-91H2fC {
    width: 172px
}

.featureProfile-2h92hd .featureImageWrapper-2ndc8N {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featureProfile-2h92hd .featureImage-91H2fC {
    width: 144px
}

.featurePremiumGuild-2uV6-N .featureImageWrapper-2ndc8N {
    -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-2uV6-N .featureImage-91H2fC {
    width: 190px
}

.featurePremiumGuild-2uV6-N .featureTitle-3N9Stg {
    color: #5c87ff
}

.featureBadge-1FNGAH .featureImageWrapper-2ndc8N {
    -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-1FNGAH .featureImage-91H2fC {
    width: 190px
}

.featureUploadSize-3k1zif .featureTitle-3N9Stg {
    color: #776bff
}

.featureUploadSize-3k1zif .featureImageWrapper-2ndc8N {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featureUploadSize-3k1zif .featureImage-91H2fC {
    width: 172px
}

.featureGoLive-15Pf6l .featureTitle-3N9Stg {
    color: #fa4e89
}

.featureGoLive-15Pf6l .featureImageWrapper-2ndc8N {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featureGoLive-15Pf6l .featureImage-91H2fC {
    width: 172px
}

.learnMoreLink-2JwgbJ {
    cursor: pointer;
    text-decoration: underline
}

.itemInfoIcon-9WQ6fQ {
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px
}

.featureMoreServers-3eY3SW .featureImage-91H2fC {
    display: block;
    margin: 0 auto;
    width: 132px;
    height: 132px;
    margin-top: 8px
}

.featurePerGuildProfile-3nTrFP .featureImageWrapper-2ndc8N {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.featurePerGuildProfile-3nTrFP .featureImage-91H2fC {
    width: 195px;
    height: 127px;
    margin-top: 8px
}

.featureLongerMessageContent-4BIM8v .featureImage-91H2fC {
    width: 100%
}

.stickers-2JFQr2 .featureTitle-3N9Stg {
    color: #5c87ff
}

.stickers-2JFQr2 .featureImage-91H2fC {
    width: 177px;
    height: 88px;
    margin-top: 7px;
    margin-bottom: 16px
}

.newSparkles-23Fy9H {
    display: inline-block;
    width: 47px;
    height: 34px;
    vertical-align: middle;
    margin: -12px 4px -4px -8px
}

.theme-light .feature-2IUcBI {
    background-color: #fff;
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium);
    border: 1px solid var(--background-modifier-accent)
}

.theme-light .featureVideoBackgrounds-3-ItPq .featureTitle-3N9Stg {
    color: #bd169c
}

.theme-light .featureLongerMessageContent-4BIM8v .featureTitle-3N9Stg {
    color: #2e3338
}

.theme-light .featureEmoji-cnSD0D .featureTitle-3N9Stg {
    color: #d0820c
}

.theme-light .featureProfile-2h92hd .featureTitle-3N9Stg {
    color: #22a777
}

.theme-light .featureMoreServers-3eY3SW .featureTitle-3N9Stg {
    color: #a57ef8
}

.theme-light .featureBadge-1FNGAH .featureTitle-3N9Stg {
    color: #e15be1
}

.theme-light .featurePerGuildAvatar-1a7XJ2 .featureTitle-3N9Stg,
.theme-light .featurePerGuildProfile-3nTrFP .featureTitle-3N9Stg {
    color: #c372c8
}

.theme-dark .feature-2IUcBI {
    background-color: var(--background-secondary-alt)
}

.theme-dark .featureVideoBackgrounds-3-ItPq .featureTitle-3N9Stg {
    color: #fb5fdc
}

.theme-dark .featureLongerMessageContent-4BIM8v .featureTitle-3N9Stg {
    color: #ffd836
}

.theme-dark .featureEmoji-cnSD0D .featureTitle-3N9Stg {
    color: #ffa600
}

.theme-dark .featureProfile-2h92hd .featureTitle-3N9Stg {
    color: #00e0a7
}

.theme-dark .featureMoreServers-3eY3SW .featureTitle-3N9Stg {
    color: #a57ef8
}

.theme-dark .featureBadge-1FNGAH .featureTitle-3N9Stg {
    color: #ffafff
}

.theme-dark .sparkle-9Ivjy- {
    color: #fff
}

.theme-dark .featurePerGuildAvatar-1a7XJ2 .featureTitle-3N9Stg,
.theme-dark .featurePerGuildProfile-3nTrFP .featureTitle-3N9Stg {
    color: #e292aa
}

.headerBar-1dSpQr:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
    z-index: 1;
    pointer-events: none
}

.homeBody-1pu685 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1245px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto
}

.scroller-29cQFV {
    background-color: var(--background-primary);
    contain: layout size
}

.categoryHeader-93jmyE {
    -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-93jmyE,
.viewAllGamesButton-1f_n_d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.viewAllGamesButton-1f_n_d {
    margin: 20px auto 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.viewAllGamesButton-1f_n_d:hover .viewAllIcon-3zjlO0 {
    -webkit-transform: rotate(-90deg) translateY(3px);
    transform: rotate(-90deg) translateY(3px)
}

.viewAllGames-1jwiR_,
.viewAllGamesButtonInner-1hI3GS,
.viewAllNitroGames-20rYOi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.viewAllGames-1jwiR_,
.viewAllNitroGames-20rYOi {
    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-1jwiR_:hover .viewAllIcon-3zjlO0,
.viewAllNitroGames-20rYOi:hover .viewAllIcon-3zjlO0 {
    -webkit-transform: rotate(-90deg) translateY(3px);
    transform: rotate(-90deg) translateY(3px)
}

.viewAllIcon-3zjlO0 {
    width: 20px;
    height: 20px
}

.homeTile-2ysl3e {
    margin: 0 10px
}

.homeTile-2ysl3e:first-child {
    margin-left: 0
}

.homeTile-2ysl3e:last-child {
    margin-right: 0
}

.spinner-1Cu_Rq {
    margin-top: 40px;
    margin-bottom: 40px
}

.homeWrapper-L4ors0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.homeWrapperNormal-bu1BS6 {
    height: 100%
}

.marketingWrapper-1NMNnI {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.premiumApplicationsHeader-3K67Qe {
    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-1dSpQr {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.premiumContainer-3GGa8Q {
    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-93jmyE,
.theme-dark .premiumApplicationsHeader-3K67Qe {
    color: #fff;
    border-color: #4f545c
}

.theme-dark .viewAllGames-1jwiR_ {
    color: #fff
}

.theme-light .categoryHeader-93jmyE,
.theme-light .premiumApplicationsHeader-3K67Qe {
    color: #000;
    border-color: #dcddde
}

.theme-light .viewAllGames-1jwiR_ {
    color: #000
}

@media (min-width:849px) {

    .categoryHeader-93jmyE,
    .premiumApplicationsHeader-3K67Qe {
        -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-3LgWDL {
    border-bottom: 1px solid;
    margin-bottom: 20px
}

.theme-light .divider-3LgWDL {
    border-color: rgba(220, 221, 222, .6)
}

.theme-dark .divider-3LgWDL {
    border-color: rgba(47, 49, 54, .6)
}

.title-1p9WyQ {
    margin-bottom: 8px
}

h1.title-1p9WyQ {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500
}

h2.title-1p9WyQ {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600
}

h3.title-1p9WyQ {
    font-size: 14px;
    line-height: 1.14
}

h3.title-1p9WyQ,
h4.title-1p9WyQ,
h5.title-1p9WyQ,
h6.title-1p9WyQ {
    font-weight: 600;
    text-transform: uppercase
}

h4.title-1p9WyQ,
h5.title-1p9WyQ,
h6.title-1p9WyQ {
    font-size: 12px;
    line-height: 1.33
}

.theme-dark h1.title-1p9WyQ,
.theme-dark h2.title-1p9WyQ {
    color: #fff
}

.theme-dark h3.title-1p9WyQ {
    color: #dcddde
}

.theme-dark h4.title-1p9WyQ,
.theme-dark h5.title-1p9WyQ,
.theme-dark h6.title-1p9WyQ {
    color: #b9bbbe
}

.theme-light h1.title-1p9WyQ,
.theme-light h2.title-1p9WyQ {
    color: #36393f
}

.theme-light h3.title-1p9WyQ,
.theme-light h4.title-1p9WyQ,
.theme-light h5.title-1p9WyQ,
.theme-light h6.title-1p9WyQ {
    color: #72767d
}

.contentRating-70CsJC {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.esrb-3_I-TZ {
    width: 40px;
    height: 54px
}

.pegi-_9R81l {
    width: 40px;
    height: 49px
}

.esrbEveryone-2gDfuv {
    background-image: url(/assets/53f55b3440fdb173157bc186ad55d8df.svg)
}

.esrbEveryoneTenPlus-1GVEd5 {
    background-image: url(/assets/a8a60a0c769ac617b7d45ce6dfd6d868.svg)
}

.esrbTeen-14_dVo {
    background-image: url(/assets/a5c938bf1cae59967224bba5de081444.svg)
}

.esrbMature-1Ok5xg {
    background-image: url(/assets/322e40dbe0a53b42e24e55d3dde27302.svg)
}

.esrbAdult-ahcWkX {
    background-image: url(/assets/74b81ba39f1fcffeb127f170caa3c77a.svg)
}

.esrbRatingPending-2UZWzO {
    width: 40px;
    height: 60px;
    background-image: url(/assets/e37ba1ce8c91cdcc5527a94624164b86.svg)
}

.pegiThree-2vR_le {
    background-image: url(/assets/c88a796414967a623877f9db65fb573e.svg)
}

.pegiSeven-3O-kRG {
    background-image: url(/assets/c2444dcd61013024fb748a60011e6795.svg)
}

.pegiTwelve-1t2tIX {
    background-image: url(/assets/300e087e19801f66245a07a278a9feef.svg)
}

.pegiSixteen-1j8hmp {
    background-image: url(/assets/0d6eb13777b695b3992f378496d25c1a.svg)
}

.pegiEighteen-39GBsQ {
    background-image: url(/assets/6af2bcd8d8a9214369181eb73a6ea2bf.svg)
}

.content-3N5BG9 {
    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-2Ygoet {
    margin-right: 12px
}

.theme-dark .content-3N5BG9 {
    color: #72767d
}

.theme-light .content-3N5BG9 {
    color: #b9bbbe
}

.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-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-class .hljs-title,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
    color: #b58900
}

.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-meta.hljs-keyword,
.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-19oyJN {
    font-size: 16px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.markdown-19oyJN h1,
.markdown-19oyJN h2,
.markdown-19oyJN h3,
.markdown-19oyJN h4,
.markdown-19oyJN h5,
.markdown-19oyJN h6,
.markdown-19oyJN hr {
    margin: 20px 0 8px
}

.markdown-19oyJN .blockquote-2mppuN,
.markdown-19oyJN ol,
.markdown-19oyJN p,
.markdown-19oyJN pre,
.markdown-19oyJN table,
.markdown-19oyJN ul {
    margin-top: 8px
}

.markdown-19oyJN :first-child {
    margin-top: 0
}

.markdown-19oyJN hr,
.markdown-19oyJN p {
    margin-bottom: 0
}

.markdown-19oyJN strong {
    font-weight: 600
}

.markdown-19oyJN em {
    font-style: italic
}

.markdown-19oyJN ol li {
    list-style-type: decimal;
    margin-left: 20px
}

.markdown-19oyJN ul {
    margin: 0 0 12px
}

.markdown-19oyJN ul li {
    list-style-type: disc;
    margin: 8px 0 0 20px
}

.markdown-19oyJN ul li:first-child {
    margin-top: 0
}

.markdown-19oyJN table {
    border-collapse: collapse
}

.markdown-19oyJN th {
    font-weight: 600
}

.markdown-19oyJN td,
.markdown-19oyJN th {
    padding: 8px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    text-align: left
}

.markdown-19oyJN tr {
    border: 1px solid transparent
}

.markdown-19oyJN img {
    border-radius: 3px
}

.markdown-19oyJN .blockquote-2mppuN {
    display: block;
    padding-left: 8px;
    border-left: 4px solid transparent
}

.markdown-19oyJN .blockquote-2mppuN p {
    margin: 0
}

.markdown-19oyJN .codeInline-1RFl81 {
    padding: .2em
}

.markdown-19oyJN .paragraph-9M861H {
    margin-bottom: 8px
}

.theme-dark .markdown-19oyJN {
    color: #b9bbbe
}

.theme-dark .markdown-19oyJN th {
    color: #fff;
    background-color: #202225;
    border-color: #4f545c
}

.theme-dark .markdown-19oyJN td {
    border-color: #4f545c
}

.theme-dark .markdown-19oyJN tr {
    color: #b9bbbe;
    border-color: #4f545c
}

.theme-dark .markdown-19oyJN tr:nth-child(2n) {
    background-color: #2f3136
}

.theme-dark .markdown-19oyJN .blockquote-2mppuN {
    border-left-color: #4f545c
}

.theme-dark .markdown-19oyJN code {
    background-color: #2f3136
}

.theme-dark .markdown-19oyJN .codeInline-1RFl81 {
    color: #dcddde
}

.collapsed-3ZLDgS {
    max-height: 300px;
    overflow: hidden;
    -webkit-mask: linear-gradient(#000 240px, transparent);
    mask: linear-gradient(#000 240px, transparent)
}

.blurb-btvBEJ {
    font-size: 16px;
    line-height: 20px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.description-BzYBA2 {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.4
}

.toggleCollapseButton-1vCodM {
    width: 100%;
    margin-top: 20px
}

.assetWrapper-1Cntea {
    border-radius: 3px;
    margin: 20px 0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.assetWrapper-1Cntea img {
    border-radius: 0
}

.asset-ISsyAX {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.theme-dark .blurb-btvBEJ {
    color: #dcddde
}

.theme-dark .description-BzYBA2 {
    color: #b9bbbe
}

.theme-light .blurb-btvBEJ {
    color: #36393f
}

.theme-light .description-BzYBA2 {
    color: #72767d
}

@media (min-width:640px) {
    .toggleCollapseButton-1vCodM {
        width: inherit
    }
}

.features-3Php9r {
    margin-bottom: 40px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.row-2qQ--F {
    -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-2qQ--F:last-child {
    margin-bottom: 0
}

.checkmarkIcon-2YUUhA,
.featureIcon-3GwsEQ {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.featureText-VuCEzM {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 8px
}

.checkmarkIcon-2YUUhA {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.theme-dark .row-2qQ--F {
    background-color: #2f3136;
    color: #b9bbbe
}

.theme-dark .featureIcon-3GwsEQ {
    color: #b9bbbe
}

.theme-light .row-2qQ--F {
    background-color: #fff;
    color: #72767d
}

.theme-light .featureIcon-3GwsEQ {
    color: #72767d
}

.content-38N-4k {
    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-38N-4k {
    color: #72767d
}

.theme-light .content-38N-4k {
    color: #b9bbbe
}

.right-2kZ8Z7 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.down-2nT8kL {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.left-2y6nF_ {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.alignCenter-3rmyZA {
    margin: 0 auto
}

.alignLeft-5WeXeo {
    margin: 0
}

.horizontalPaginationItemContainer-1JYcZV {
    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-3BjIol {
    overflow-y: hidden
}

.arrow-3Xg1RH {
    width: 26px;
    height: 26px
}

.arrow-3Xg1RH,
.arrowContainer-2wpC4q {
    pointer-events: all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.arrowContainer-2wpC4q {
    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-1elDRP {
    left: 4px
}

.nextButtonContainer-3rU-gk {
    right: 4px
}

@media (max-width:600px) {
    .prevButtonContainer-1elDRP {
        left: 5%
    }

    .nextButtonContainer-3rU-gk {
        right: 5%
    }
}

.item-g96i1Z {
    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-183tqA {
    cursor: default
}

.itemImage-3R8OiM {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.currentImage-1GuK_x {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.itemImageWrapper-2JmKsD {
    width: 100%;
    height: 100%
}

.itemVideo-_XE8kQ {
    cursor: pointer
}

.paginationItem-xvdnCY {
    width: 130px;
    height: 73px;
    margin-right: 20px;
    position: relative;
    opacity: .6;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.paginationItem-xvdnCY:last-child {
    margin-right: 0
}

.storePaginationImg-1ZeW52 {
    width: 130px;
    height: 73px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px
}

.selectedStorePaginationItem-2OGCWI {
    opacity: 1
}

.unselectedStorePaginationItem-1Abwi-:hover {
    opacity: .8;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    cursor: pointer
}

.overlappingBorder-3w2saF {
    border: 3px solid var(--brand-experiment-500);
    border-radius: 3px
}

.overlappingBorder-3w2saF,
.paginationVideoOverlay-27GPII {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.paginationVideoOverlay-27GPII {
    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-CDnDpr {
    padding: 8px;
    height: 40px;
    border-radius: 50%
}

.pagination-2X-48t {
    margin: 20px auto;
    padding: 0 20px;
    max-width: 920px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.carouselButtonsContainer-mHrol0 {
    position: relative;
    color: #f6f6f7
}

.arrow-3M4PD9 {
    background-color: #18191c;
    border-radius: 50%;
    padding: 12px;
    opacity: .4;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.arrow-3M4PD9:hover,
.arrowHovered-jNzTzs {
    opacity: .6
}

.scroller-Pcwd3e {
    padding-bottom: 24px
}

.video-3BjEjq {
    background: #000
}

.mediaPlayer-UAp7_5,
.video-3BjEjq,
.videoWrapper-2VsOc6 {
    width: 100% !important;
    height: 100% !important
}

.theme-dark .item-g96i1Z,
.theme-light .item-g96i1Z {
    background-color: #000
}

.wrapper-3AqFd3 {
    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-1PJpVn,
.wrapper-3AqFd3 {
    position: absolute
}

.slide-1PJpVn {
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.nav-2mKdAt {
    z-index: 1;
    opacity: .6
}

.nav-2mKdAt:hover {
    opacity: 1
}

.nav-2mKdAt:active {
    margin-top: 1px
}

.navPrev-3Oe07S {
    margin-left: -100px
}

.navNext-2Fgwwk {
    margin-right: -100px
}

.animator-1vqSL- {
    position: relative;
    display: block
}

.item-1bI7du {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.root-1q0s4N {
    position: relative;
    overflow: hidden
}

.carousel-U29--- {
    z-index: 0;
    height: 100%
}

.carouselItem-337zFZ {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.pagination-3zLSdw {
    height: 64px;
    pointer-events: none
}

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

.arrowHitbox-26_Mj2 {
    background: transparent;
    pointer-events: all;
    cursor: pointer
}

.arrowHitbox-26_Mj2:active .arrow-2PTaaz,
.arrowHitbox-26_Mj2:hover .arrow-2PTaaz {
    opacity: 1
}

.arrowHitboxPadding-1yHRIH {
    line-height: 0;
    padding: 20px
}

.arrow-2PTaaz {
    color: #fff;
    position: relative;
    opacity: .5;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.dots-2GASmf {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.dot-1xabNQ {
    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-2l4rTV {
    opacity: .6
}

.dotNormal-2l4rTV:hover {
    opacity: .8
}

.dotSelected-1F5kdR {
    opacity: 1
}

.theme-dark .themedPagination-3jclKS .arrow-2PTaaz {
    color: #fff
}

.theme-dark .themedPagination-3jclKS .dot-1xabNQ {
    background-color: #fff
}

.theme-light .themedPagination-3jclKS .arrow-2PTaaz {
    color: #4f545c
}

.theme-light .themedPagination-3jclKS .dot-1xabNQ {
    background-color: #4f545c
}

.smallCarousel-20QIi8,
.smallCarouselItem-32wSyS {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.smallCarousel-20QIi8 {
    background-color: #000
}

.smallCarouselItem-32wSyS {
    height: 100%
}

.smallCarouselImage-1RYPZu {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.embedContainer-cDgtEA {
    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-2uy6Io {
    width: 100% !important;
    height: 100% !important
}

.sizedToParent-2uy6Io,
.sizedToParent-2uy6Io>video {
    border-radius: 0
}

.matureListing-aNebPc {
    position: relative;
    height: 100%;
    padding-bottom: 60px
}

.matureListing-aNebPc: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-aNebPc {
    background-color: #fff
}

.theme-dark .matureListing-aNebPc {
    background-color: transparent
}

.countdown-2AP5g_,
.unit-VclRpR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.unit-VclRpR {
    -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-VclRpR:not(:first-child) {
    margin-left: 8px
}

.unitClose-1mNpc4 {
    border-image-slice: 1
}

.duration-3lTqrH {
    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-15Lu0M {
    line-height: 16px;
    font-size: 12px;
    text-transform: uppercase;
    opacity: .6
}

.theme-dark .unitNormal-I3Fbhf,
.theme-light .unitNormal-I3Fbhf {
    border-color: #2f3136
}

.theme-dark .unitClose-1mNpc4,
.theme-light .unitClose-1mNpc4 {
    -o-border-image: linear-gradient(90deg, hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%), hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%));
    border-image: -webkit-gradient(linear, left top, right top, from(hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%)), to(hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%)));
    border-image: linear-gradient(90deg, hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%), hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%))
}

.theme-dark .duration-3lTqrH,
.theme-light .duration-3lTqrH {
    color: #fff
}

.theme-dark .header-15Lu0M,
.theme-light .header-15Lu0M {
    color: #b9bbbe
}

.alternativeSkus-2BJO5e {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -4px
}

.alternativeSku-vI9V01,
.alternativeSkus-2BJO5e {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.alternativeSku-vI9V01 {
    -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
}

.selectedIcon-9rlnY2 {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.theme-dark .alternativeSku-vI9V01,
.theme-light .alternativeSku-vI9V01 {
    color: #fff
}

.theme-dark .alternativeSkuSelected-5XgZTA,
.theme-light .alternativeSkuSelected-5XgZTA {
    background-color: var(--brand-experiment)
}

.theme-dark .alternativeSkuDefault-dBsfAD,
.theme-light .alternativeSkuDefault-dBsfAD {
    background-color: #4f545c
}

.theme-dark .alternativeSkuDefault-dBsfAD:hover,
.theme-light .alternativeSkuDefault-dBsfAD:hover {
    background-color: #292b2f
}

.info-3k6QpS {
    margin-left: 5px
}

.details-2BVmtW {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-size: 15px;
    font-weight: 500
}

.row-1we9Cr {
    margin-top: 8px;
    line-height: 1.2
}

.theme-light h3.contentHeader-2mKb-r {
    color: #dcddde
}

.theme-dark .label-29p9qC,
.theme-light .label-29p9qC {
    color: #72767d
}

.theme-dark .info-3k6QpS,
.theme-light .info-3k6QpS {
    color: #dcddde
}

.warning-209nzt {
    padding: 20px;
    border-radius: 3px;
    border: 1px solid
}

.warning-209nzt:not(:first-child) {
    margin-top: 20px
}

.title-1KZrgH {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

.description-1PY8Cw {
    font-size: 15px;
    line-height: 1.33;
    color: #b9bbbe;
    margin-top: 8px
}

.description-1PY8Cw .link-1XTcJO,
.description-1PY8Cw a {
    color: var(--text-link)
}

.description-1PY8Cw .link-1XTcJO:hover,
.description-1PY8Cw a:hover {
    text-decoration: underline
}

.theme-dark .red-1UPr--,
.theme-light .red-1UPr-- {
    border-color: var(--status-danger)
}

.theme-dark .red-1UPr-- .title-1KZrgH,
.theme-light .red-1UPr-- .title-1KZrgH {
    color: var(--status-danger)
}

.theme-dark .yellow-iW9JOE,
.theme-light .yellow-iW9JOE {
    border-color: var(--status-warning)
}

.theme-dark .yellow-iW9JOE .title-1KZrgH,
.theme-light .yellow-iW9JOE .title-1KZrgH {
    color: var(--text-warning)
}

.title-3cAMJ9 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.14;
    text-transform: uppercase;
    padding-top: 20px;
    margin-bottom: 12px
}

.title-3cAMJ9:first-child {
    padding-top: 0
}

.sku-3GRW_9 {
    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-213nY8 {
    border-bottom: 1px solid transparent
}

.name-aq9Dm0 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.24
}

.price-1BMuA2 {
    font-size: 14px;
    line-height: 1.71;
    padding: 2px 8px;
    margin-left: 20px;
    border-radius: 3px
}

.collapseButton-2wUfBf {
    margin-top: 20px
}

.theme-dark .title-3cAMJ9,
.theme-light .title-3cAMJ9 {
    color: #f6f6f7
}

.theme-dark .skuNormal-213nY8,
.theme-light .skuNormal-213nY8 {
    border-bottom-color: #36393f
}

.theme-dark .sku-3GRW_9:hover .name-aq9Dm0,
.theme-light .sku-3GRW_9:hover .name-aq9Dm0 {
    color: #f6f6f7
}

.theme-dark .name-aq9Dm0,
.theme-light .name-aq9Dm0 {
    color: #b9bbbe
}

.theme-dark .price-1BMuA2,
.theme-light .price-1BMuA2 {
    color: #f6f6f7;
    background-color: #4f545c
}

.section-18Kw3M:first-child {
    border-radius: 3px 3px 0 0
}

.section-18Kw3M:last-child {
    border-radius: 0 0 3px 3px
}

.header-3AV8Er {
    font-size: 20px;
    font-weight: 500;
    border-radius: 3px 3px 0 0
}

.header-3AV8Er+.bodySection-3iDdop {
    border-top: none
}

.entitledHeader-3TLJwI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    cursor: pointer
}

.entitledHeaderIcon-zN1-Xs {
    margin-right: 10px
}

.exclusiveHeader-14oy3g {
    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-2rSMgp {
    font-size: 8px;
    font-weight: 500;
    text-transform: uppercase
}

.exclusiveHeaderIcon-2X30lv {
    width: auto;
    height: 24px
}

.premiumHeader-1VzETy {
    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-3vWbSK {
    width: auto;
    height: 18px;
    padding: 4px 2px
}

.premiumHeaderPrice-_S6RyD {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
    padding: 0 8px;
    border-radius: 3px
}

.bodySection-3iDdop {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    border-top: 1px solid
}

.bodySection-3iDdop:first-child {
    border-top: none
}

.bodySection-3iDdop:empty {
    padding: 0;
    border-top: none
}

.alternativeSkus-2ZyIuH {
    margin: 10px 0
}

.countdownSection-2LpFZl {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid
}

.headerBar-T94eWP {
    margin-bottom: 4px
}

.actionText-1Yglc4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.14;
    text-transform: uppercase
}

.countdownHeader-2VXMX6 {
    margin-bottom: 8px
}

.releaseDate-3y_TYE {
    margin-top: 12px;
    font-size: 14px;
    line-height: 18px
}

.price-2SHLzi {
    margin-bottom: 16px
}

.priceRow-11_EXm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.priceSalePercentage-mFPJZy {
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    padding: 4px 6px;
    margin-left: 10px
}

.priceOriginalAmount-3db0M3 {
    text-decoration: line-through;
    font-size: 15px;
    color: #b9bbbe
}

.warning-3ST8Uq {
    margin-top: 20px
}

.dlcSection-3ha2KK {
    margin-top: 40px
}

.purchaseError-270Wfm {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px
}

.secondaryBuyButton-ePgjN1 {
    margin-top: 8px
}

.theme-dark .entitledHeader-3TLJwI,
.theme-light .entitledHeader-3TLJwI {
    background-color: #4f545c;
    color: #dcddde
}

.theme-dark .entitledHeader-3TLJwI:hover,
.theme-light .entitledHeader-3TLJwI:hover {
    color: #fff
}

.theme-dark .purchaseError-270Wfm,
.theme-light .purchaseError-270Wfm {
    color: var(--status-danger)
}

.theme-dark .headerFancy-1xDQrJ,
.theme-light .headerFancy-1xDQrJ {
    background-image: url(/assets/0dcf63b01d328ecb33a6426f0aa0b167.svg), -webkit-gradient(linear, right top, left top, from(hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%)), to(hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%)));
    background-image: url(/assets/0dcf63b01d328ecb33a6426f0aa0b167.svg), linear-gradient(270deg, hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%), hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%));
    color: #fff
}

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

.theme-dark .bodySection-3iDdop,
.theme-light .bodySection-3iDdop {
    background-color: #202225;
    border-top-color: rgba(47, 49, 54, .6)
}

.theme-dark .countdownSection-2LpFZl,
.theme-light .countdownSection-2LpFZl {
    border-bottom-color: #36393f
}

.theme-dark .actionText-1Yglc4,
.theme-light .actionText-1Yglc4 {
    color: #dcddde
}

.theme-dark .price-2SHLzi,
.theme-light .price-2SHLzi {
    color: #f6f6f7
}

.theme-dark .releaseDate-3y_TYE,
.theme-light .releaseDate-3y_TYE {
    color: #b9bbbe
}

.recommendationReason-10-H0n {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px
}

.circle-1ceChx {
    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-SHW07a {
    width: 100%;
    height: 100%
}

.iconCircle-3CMTjB {
    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-2liCBy {
    padding: 11px
}

.premiumCircle-1dQUXf {
    background-image: -webkit-gradient(linear, right top, left top, from(#d589c0), to(#bf7be3));
    background-image: linear-gradient(270deg, #d589c0, #bf7be3)
}

.smallHeader--lYkq9 {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px
}

.text-3UzHA4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3
}

.description-3S_HzN {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.theme-dark .circle-1ceChx {
    color: #f6f6f7
}

.theme-dark .iconCircle-3CMTjB {
    background-color: #4f545c
}

.theme-dark .smallHeader--lYkq9 {
    color: #b9bbbe
}

.theme-dark .text-3UzHA4 {
    color: #fff
}

.theme-dark .staffIcon-1lRxZj {
    background-color: var(--brand-experiment)
}

.theme-dark .nitroIcon-25RpRp {
    background: -webkit-gradient(linear, right top, left top, from(hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%)), to(var(--brand-experiment-500)));
    background: linear-gradient(270deg, hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%), var(--brand-experiment-500))
}

.theme-light .circle-1ceChx {
    color: #f6f6f7
}

.theme-light .iconCircle-3CMTjB {
    background-color: #4f545c
}

.theme-light .smallHeader--lYkq9 {
    color: #b9bbbe
}

.theme-light .text-3UzHA4 {
    color: #36393f
}

.theme-light .staffIcon-1lRxZj {
    background-color: var(--brand-experiment)
}

.theme-light .nitroIcon-25RpRp {
    background: -webkit-gradient(linear, right top, left top, from(hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%)), to(var(--brand-experiment-500)));
    background: linear-gradient(270deg, hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%), var(--brand-experiment-500))
}

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

.players-2wrwzJ {
    margin-right: 8px;
    margin-bottom: 12px
}

.playerAvatar-3-sV7L {
    margin-right: 4px;
    cursor: pointer
}

.avatarMasked-2fsS5b {
    -webkit-mask-image: url(/assets/71e404e665541ef97f99fe9af6593aca.svg);
    mask-image: url(/assets/71e404e665541ef97f99fe9af6593aca.svg);
    -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-GbSZQs {
    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-hC8iQf {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.username-pDGZS1:hover {
    text-decoration: underline;
    cursor: pointer
}

.tooltip-31rE1i {
    text-align: center
}

.tooltipTimestamp-1wBpBN {
    opacity: .6
}

.theme-light .description-hC8iQf {
    color: #72767d
}

.theme-light .playerOverflow-GbSZQs {
    background-color: #f6f6f7;
    color: #72767d
}

.theme-light .description-hC8iQf strong,
.theme-light .discriminator-2EHIDr strong,
.theme-light .username-pDGZS1 {
    color: #36393f
}

.theme-dark .description-hC8iQf {
    color: #b9bbbe
}

.theme-dark .playerOverflow-GbSZQs {
    background-color: #4f545c;
    color: #b9bbbe
}

.theme-dark .description-hC8iQf strong,
.theme-dark .username-pDGZS1 {
    color: #fff
}

.header-2Fw02A {
    margin-bottom: 12px
}

.staffReviewHeader-1H025l {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerText-10S_nn {
    margin-left: 12px
}

.label-2txsEl {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 4px
}

.username-3gwMST {
    font-size: 14px;
    font-weight: 600
}

.notes-2clhZY {
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.33
}

.notes-2clhZY:before {
    content: "\201C"
}

.notes-2clhZY:after {
    content: "\201D"
}

.theme-dark .label-2txsEl {
    color: #72767d
}

.theme-dark .username-3gwMST {
    color: #f6f6f7
}

.theme-dark .notes-2clhZY,
.theme-light .label-2txsEl {
    color: #b9bbbe
}

.theme-light .username-3gwMST {
    color: #36393f
}

.theme-light .notes-2clhZY {
    color: #72767d
}

.root-3mkK8X {
    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-13C7x6 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px
}

.section-3Et6MX:not(:last-child) {
    border-bottom: 1px solid transparent;
    margin-bottom: 20px
}

.sectionContent-2svDXg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px
}

.unit-1VOEVi {
    -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-24sJnO {
    padding-bottom: 20px
}

.theme-dark .root-3mkK8X {
    background-color: #2f3136
}

.theme-dark .header-13C7x6 {
    color: #fff
}

.theme-dark .section-3Et6MX {
    border-bottom-color: #36393f
}

.theme-light .root-3mkK8X {
    background-color: #fff
}

.theme-light .header-13C7x6 {
    color: #36393f
}

.theme-light .section-3Et6MX {
    border-bottom-color: rgba(220, 221, 222, .6)
}

.breadcrumb-2tlXzO {
    cursor: pointer
}

.breadcrumb-2tlXzO:hover {
    text-decoration: underline
}

.theme-dark .breadcrumb-2tlXzO:hover {
    color: #fff
}

.theme-light .breadcrumb-2tlXzO:hover {
    color: #747f8d
}

.tabs-3bAkxA {
    position: relative
}

.separator-dn0u3Y {
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.tab-3vKg1e {
    margin-left: 8px;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
    border-radius: 0
}

.tab-3vKg1e:first-child {
    margin-left: 0
}

.tabPageLarge-2Oy7T4 {
    padding-left: 8px;
    padding-right: 8px
}

.tabNotSelected-z7Otrh {
    -webkit-transition: color .17s;
    transition: color .17s
}

.sectionTitle-26b5ZR {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase
}

.requirementsContainer-2dw-_n {
    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-2IwVy6 {
    -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-K_7jiQ {
    margin: 6px 0;
    font-size: 15px;
    line-height: 18px
}

.requirementKey-3Mlwzf {
    margin-right: 4px;
    white-space: nowrap
}

.theme-dark .separator-dn0u3Y {
    background-color: rgba(47, 49, 54, .6)
}

.theme-dark .tabNotSelectedColor-2f2hRe {
    color: #b9bbbe
}

.theme-dark .tabNotSelectedColor-2f2hRe:hover,
.theme-dark .tabSelectedColor-2MQNM- {
    color: #fff
}

.theme-dark .tabSelected-2OMwNX {
    border-bottom-color: #fff
}

.theme-dark .sectionTitle-26b5ZR {
    color: #b9bbbe
}

.theme-dark .requirementKey-3Mlwzf {
    color: #72767d
}

.theme-dark .requirements-2IwVy6 {
    color: #dcddde
}

.theme-light .separator-dn0u3Y {
    background-color: rgba(220, 221, 222, .6)
}

.theme-light .tabNotSelectedColor-2f2hRe {
    color: #72767d
}

.theme-light .tabNotSelectedColor-2f2hRe:hover,
.theme-light .tabSelectedColor-2MQNM- {
    color: #36393f
}

.theme-light .tabSelected-2OMwNX {
    border-bottom-color: #36393f
}

.theme-light .sectionTitle-26b5ZR {
    color: #72767d
}

.theme-light .requirementKey-3Mlwzf {
    color: #b9bbbe
}

.theme-light .requirements-2IwVy6 {
    color: #72767d
}

.dropdownArrowHitbox-3rdWtD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdownArrowHitbox-3rdWtD:hover .dropdownArrow-1lytOU {
    opacity: 1
}

.dropdownArrow-1lytOU {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: .2;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.arrowSeparator-2h7Cwf {
    width: 1px;
    opacity: .2;
    background-color: currentColor
}

.dropdownSmall-8ZaUFS {
    width: 16px + 8px
}

.dropdownSmall-8ZaUFS .arrowSeparator-2h7Cwf {
    height: 16px - 4px
}

.dropdownSmall-8ZaUFS .dropdownArrow-1lytOU {
    width: 16px;
    height: 16px
}

.dropdownMedium-1TzmI- {
    width: 24px + 8px
}

.dropdownMedium-1TzmI- .arrowSeparator-2h7Cwf {
    height: 24px - 4px
}

.dropdownMedium-1TzmI- .dropdownArrow-1lytOU {
    width: 24px;
    height: 24px
}

.dropdownLarge-1u_JBx {
    width: 32px + 8px
}

.dropdownLarge-1u_JBx .arrowSeparator-2h7Cwf {
    height: 32px - 4px
}

.dropdownLarge-1u_JBx .dropdownArrow-1lytOU {
    width: 32px;
    height: 32px
}

.inviteSmall-1rTaRa .content-1W9-9i {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.inviteSmall-1rTaRa .info-33gf0z {
    margin-bottom: 12px
}

.inviteLarge-PhiYIM .content-1W9-9i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-1W9-9i {
    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-h1cjaE {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.info-33gf0z {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.infoText-1kTNaj {
    min-width: 0;
    margin-left: 20px
}

.name-22c6Wk {
    font-size: 16px;
    line-height: 1.25
}

.memberInfo-QIpngr {
    margin-top: 4px;
    font-size: 14px
}

.dot-1Pc0es {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dot-1Pc0es:first-child {
    margin-left: 0
}

.dotOnline-3GdtOv {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.memberText-1OCKIc {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.actionButton-28eqXq {
    margin-top: 16px
}

.joinedCheckmark-3nJBDf {
    width: 18px;
    height: 18px;
    margin-left: 8px
}

.theme-dark .content-1W9-9i {
    background-color: #2f3136
}

.theme-dark .buttonColorInGuild-1OoSt7 {
    color: #fff
}

.theme-dark .name-22c6Wk {
    color: #b9bbbe
}

.theme-dark .memberInfo-QIpngr {
    color: #72767d
}

.theme-dark .dotOffline-LfSWc8 {
    background-color: #72767d
}

.theme-light .content-1W9-9i {
    background-color: #fff
}

.theme-light .buttonColorInGuild-1OoSt7,
.theme-light .name-22c6Wk {
    color: #72767d
}

.theme-light .memberInfo-QIpngr {
    color: #b9bbbe
}

.theme-light .dotOffline-LfSWc8 {
    background-color: #72767d
}

.listingWrapper-1afEys {
    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-w5FC_o: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-s-wehS {
    background-color: var(--deprecated-store-bg);
    contain: layout size
}

.noHeaderSpacer-32hJor {
    padding-top: 20px
}

.headerAssets-3lSg3m {
    -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-lF94HT {
    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-n-KcLp {
    background-size: contain;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative
}

.link-1DS2h_ {
    margin-left: 6px;
    margin-right: 6px;
    cursor: pointer;
    opacity: .6
}

.link-1DS2h_:hover {
    opacity: .8
}

.link-1DS2h_:disabled {
    opacity: .2
}

.linkIcon-NB7l3t {
    width: 24px;
    height: 24px;
    display: block
}

.spinner-2Tn9Ev {
    margin-top: 40px;
    margin-bottom: 40px
}

.listing-gF29cM {
    margin: 0 auto
}

.gatedListing-vcS7Jl {
    visibility: hidden;
    position: absolute;
    z-index: -2
}

.contentRating-2KOJHg,
.description-2wZk_4,
.guildInvite-ntegTR,
.legalInfo-361tW6,
.news-30wKp7,
.premiumPerks-10poQG,
.purchaseUnit-3zccCk,
.whyYouMightLikeIt-2N2Df7 {
    margin-bottom: 40px
}

.systemRequirements-Fjmh3w {
    margin-bottom: 20px
}

.headerBarListing-2Pspmm {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.headerBarListing-2Pspmm,
.headerPurchase-1mDus3,
.headerSection-2dxOq_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerPurchase-1mDus3 {
    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-1mDus3.active-2feO2s {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.testModeSelectButton-kqac0K {
    margin-left: 16px;
    padding: 4px 4px 4px 8px
}

@media (max-width:900px) {
    .headerPurchase-1mDus3 {
        display: none
    }
}

.theme-dark .listing-gF29cM {
    color: #f6f6f7
}

.theme-dark .purchaseError-36xKbQ {
    color: var(--status-danger)
}

.theme-dark .link-1DS2h_ {
    color: #f6f6f7
}

.applicationStore-2nk7Lo {
    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)
}   

.button-1mXrIh {
    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-1mXrIh:hover {
    background-color: var(--brand-experiment-530)
}

.error-1bWYba>.button-1mXrIh:hover {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 54.1%)
}

.header-SNasJy {
    color: #fff;
    display: inline;
    margin-right: 16px
}

.notice-12Koq- {
    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-3_1yil,
.notice-12Koq- {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button-3_1yil {
    font-weight: 600;
    padding: 4px 8px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.button-3_1yil:hover {
    background-color: var(--brand-experiment-530)
}

.back-ZdqB1k {
    position: absolute;
    left: 8px;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 24px
}

.iconButton-3zJT3l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.arrow-18BkGU {
    margin-right: 8px
}

.header-26uvhX {
    display: inline;
    margin-right: 16px;
    color: #fff
}

.label-7zvIOi {
    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-1KbTnT {
    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-1KbTnT.checked-2IddOy {
    background-color: var(--brand-experiment);
    border-color: var(--brand-experiment)
}

.settingsWrapper-23sODm {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2000;
    width: 100%;
    background-color: var(--brand-experiment-600)
}

.settingsWrapper-23sODm.osx-12_sTw .backButton-2L1E9t {
    margin-left: 76px
}

.settingsWrapper-23sODm.windows-tAPppN {
    top: 22px
}

.settingsWrapper-23sODm.windows-tAPppN .backButton-2L1E9t {
    margin-left: 0
}

.notice-2olXi7 {
    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-2olXi7,
.noticeContents-1dYEwP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.noticeContents-1dYEwP {
    -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-D1CSZJ {
    font-weight: 600;
    margin-right: 16px
}

.button-YGmtzG {
    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-YGmtzG:hover {
    background-color: var(--brand-experiment-530)
}

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

.backArrow-1PVxhM {
    margin-right: 8px
}

.selectCaret-sVyR6H {
    margin-left: 8px
}

.closeButton-21jQsu {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    background: url(/assets/4d778f647fdb98bb77f6ebf5e2a5c188.svg) 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-21jQsu:hover {
    opacity: 1
}

.badgeIconPrivateMessages-2hN0QU {
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
}

.badgeIconSettingsMenu-39c26C {
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
}

.muted-2El7St .avatar-1HDIsL {
    opacity: .3
}

.muted-2El7St {
    color: var(--interactive-muted)
}

.highlighted-Q8Nll- {
    color: var(--interactive-active)
}

.layout-1LjVue {
    border-radius: 4px;
    height: 42px;
    padding: 0 8px
}

.avatar-1HDIsL,
.layout-1LjVue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-1HDIsL {
    -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-66wMin {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.content-66wMin,
.name-2m3Cms {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.name-2m3Cms {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.wrappedLayout-3yW0Dj {
    height: auto;
    padding: 5px 8px
}

.wrappedName-2c_4UE {
    overflow: none;
    white-space: normal
}

.nameAndDecorators-2A8Bbk {
    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-3Sk0zy {
    margin-top: -2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.subText-3Sk0zy:empty {
    display: none
}

.interactive-1vLZ_I {
    cursor: pointer;
    color: var(--interactive-normal);
    border-radius: inherit
}

.interactive-1vLZ_I:focus-within,
.interactive-1vLZ_I:hover {
    color: var(--interactive-hover);
    background-color: var(--background-modifier-hover)
}

.interactive-1vLZ_I:active {
    color: var(--interactive-active);
    background-color: var(--background-modifier-active)
}

.muted-3KGUWb {
    color: var(--interactive-muted)
}

.selected-3veCBZ {
    color: var(--interactive-active);
    background-color: var(--background-modifier-selected)
}

.container-32HW5s {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 1px 0;
    border-radius: 4px;
    -webkit-transition: none;
    transition: none
}

.channel-1Shao0 {
    position: relative;
    max-width: 224px;
    margin-left: 8px
}

.channel-1Shao0:focus-within .closeButton-mupH76,
.channel-1Shao0:hover .closeButton-mupH76 {
    display: block
}

.interactive-iyXY_x {
    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: 100%;
    color: var(--channels-default)
}

.interactiveSelected-29CP8y {
    color: var(--interactive-active)
}

.link-39sEB3 {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: inherit
}

.linkButton-2NshQj {
    padding-right: 8px
}

.linkButtonIcon-7rsZcu {
    width: 24px;
    height: 24px
}

.closeButton-mupH76 {
    display: none;
    width: 16px;
    height: 16px;
    opacity: .7;
    margin: 2px;
    padding-right: 8px
}

.closeButton-mupH76:focus,
.closeButton-mupH76:hover {
    opacity: 1
}

.closeIcon-1NwtbI {
    display: block;
    width: 16px;
    height: 16px
}

.subtext-14b69p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.activity-1-H7Zd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.activityText-ev7Z1T {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.activityEmoji-24oKjc {
    margin-right: 4px;
    width: 14px;
    height: 14px
}

.decorator-2iy36Y {
    margin-left: 4px
}

.empty-yQo7LQ {
    fill: var(--background-primary);
    padding: 16px
}

.scroller-WSmht3 {
    background-color: var(--background-secondary)
}

.headerText-1qIDDT {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.privateChannelsHeaderContainer-1UWASm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 8px 4px 18px;
    height: 40px
}

.privateChannelsHeaderContainer-1UWASm:hover {
    color: var(--interactive-hover)
}

.privateChannelRecipientsInviteButtonIcon-1ObKXK {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    width: 16px;
    height: 16px;
    margin-left: 0;
    margin-right: 2px
}

html .tabBadge-h4HGed {
    background-color: var(--status-danger)
}

.downloadProgressCircle-2GOovI {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.hideGameUpdateProgressIndicator-gNdoqQ {
    opacity: 0;
    pointer-events: none
}

.privateChannels-oVe7HL {
    -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-oVe7HL,
.searchBar-3TnChZ {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.searchBar-3TnChZ {
    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-3TnChZ .searchBarComponent-3N7dCG {
    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
}

.enable-forced-colors .searchBar-3TnChZ {
    border-bottom: 2px solid CanvasText
}

.libraryFilter-1nwg6T {
    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-1nwg6T.focused-mTQKRf {
    width: 240px
}

.searchBar-1UNSCg {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.libraryHeader-2loraV {
    z-index: 3
}

.libraryHeader-2loraV: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-3ioI6R {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.clickable-1D3Gs1 {
    cursor: pointer;
    color: var(--interactive-normal)
}

.clickable-1D3Gs1:hover {
    color: var(--interactive-hover)
}

.headerCell-1njDKw,
.headerCellContent-iBms3e {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerCellContent-iBms3e {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 18px
}

.stickyHeader--GPjEZ {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

.spacerHeader-3TDdXo {
    visibility: hidden
}

.sortIcon-2Dq8jk {
    width: 18px;
    height: 18px;
    margin-left: 4px
}

.theme-dark .headerCellSorted-1bg4Lp {
    color: #fff
}

.theme-light .headerCellSorted-1bg4Lp {
    color: #4f545c
}

.table-2J5ScI {
    width: 100%
}

.table-2J5ScI:only-child {
    margin-bottom: 20px
}

.header-2EadGG {
    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-1U7S7E {
    width: 30%
}

.nameCellText-2i43C0 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--header-primary);
    font-weight: 600
}

.icon-3cUB-z {
    width: 20px;
    height: 20px;
    color: var(--interactive-muted)
}

.nitroIcon-ltgmBC {
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.lastPlayedCell-nyocln,
.platformCell-26xY4K {
    width: 20%;
    color: var(--text-muted)
}

.actionsCell-20cP38 {
    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-fX4ei6 {
    width: calc(100% - 16px)
}

.headerCell-3WoADH {
    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-3WoADH:first-child {
    border-left: none;
    padding-left: 0
}

.headerCellSorted-2sXjX3,
.headerCellSorted-2sXjX3:hover {
    color: var(--interactive-active)
}

.rowWrapper-N-4fji {
    border-radius: 8px;
    margin: 0 18px;
    cursor: pointer;
    position: relative
}

.rowWrapper-N-4fji+.rowWrapper-N-4fji .row-1_1Nya {
    border-top: 1px solid var(--background-modifier-accent)
}

.rowWrapperActive-nOO7R3 {
    padding-bottom: 1px;
    margin-bottom: -1px;
    z-index: 1;
    background-color: var(--background-modifier-hover)
}

@-webkit-keyframes glow-1JjmUf {
    0% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes glow-1JjmUf {
    0% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.row-1_1Nya {
    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-1vJ4Ix {
    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-10p1iS {
    -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-sKsLUQ {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--text-muted)
}

.nameBodyCell-2RYQL9 {
    font-weight: 500;
    padding-left: 8px
}

.nameCellInfo-1PSy8b {
    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-2sRIP_ {
    font-weight: 600;
    color: var(--text-warning);
    text-transform: uppercase
}

.gameIcon-14OR-M {
    margin-right: 20px
}

.actionButtonSize-YdOZQv {
    height: 32px;
    min-width: 120px
}

.hidden-17y4NU {
    visibility: hidden
}

.settingIcons-38tvz2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 26px;
    min-width: 56px
}

.settingIcon-1PlYq2 {
    min-width: 20px;
    margin-right: 20px
}

.settingIcon-1PlYq2:last-child {
    margin-right: 0
}

.emptyState-2HSJue {
    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-1XunuY {
    margin: 20px 20px 0;
    text-align: center
}

.emptyStateHeader-1yPw7Y {
    margin-bottom: 8px;
    font-size: 24px;
    color: var(--header-primary)
}

.emptyStateDescription-1p_7SJ {
    line-height: 1.25;
    font-size: 16px;
    color: var(--header-secondary)
}

.emptyStateButtons-P-pzSt {
    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--bzgNV {
    min-width: 125px;
    margin-top: 20px;
    margin-right: 20px
}

.emptyStateButton--bzgNV:last-child {
    margin-right: 0
}

.emptyWumpus-11kRB0 {
    width: 404px;
    height: 202px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.emptyStateLarge-2aNJzu {
    -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-3PY2cv {
    padding-top: 39px;
    border-top: 1px solid var(--background-modifier-accent)
}

.emptyStateSmall-3PY2cv .emptyStateText-1XunuY {
    text-align: left;
    margin-left: 0
}

.emptyStateSmall-3PY2cv .emptyWumpus-11kRB0 {
    margin-left: 50px;
    margin-right: 40px
}

.emptyStateSmall-3PY2cv .emptyStateButtons-P-pzSt {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.rowWrapperDim-huz1mA .nameBodyCell-2RYQL9,
.rowWrapperDim-huz1mA .settingIcon-1PlYq2,
.rowWrapperDim-huz1mA .textCell-sKsLUQ {
    opacity: .2
}

.rowWrapper-N-4fji+.rowWrapperActive-nOO7R3 .row-1_1Nya,
.rowWrapperActive-nOO7R3+.rowWrapper-N-4fji .row-1_1Nya {
    border-top-color: transparent
}

.theme-dark .emptyWumpus-11kRB0 {
    background: url(/assets/e0989b9d43cd9ca4417b49f4f8fbebc6.svg)
}

.theme-light .emptyWumpus-11kRB0 {
    background: url(/assets/10883f4297b061ad31a056bcf2191699.svg)
}

@media (max-width:1200px) {
    .settingIcons-38tvz2 {
        display: none
    }

    .emptyStateSmall-3PY2cv {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .emptyStateSmall-3PY2cv .emptyStateText-1XunuY {
        text-align: center;
        margin-left: 20px
    }

    .emptyStateSmall-3PY2cv .emptyWumpus-11kRB0 {
        margin-left: 0;
        margin-right: 0
    }

    .emptyStateSmall-3PY2cv .emptyStateButtons-P-pzSt {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:980px) {
    .platformCell-26xY4K {
        display: none
    }
}

@media (max-width:860px) {
    .lastPlayedCell-nyocln {
        display: none
    }
}

@media (max-width:780px) {
    .rowWrapper-N-4fji {
        margin: 0 8px
    }

    .header-2EadGG {
        padding: 0 24px 8px
    }
}

.progress-3ClF2n {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.progressBar-3DupbT {
    position: absolute;
    width: 100%
}

.animating-36NKq9 {
    -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-2nFcgN {
    height: 4px
}

.small-Q4fy6o,
.xsmall-2nFcgN {
    border-radius: 3px
}

.small-Q4fy6o {
    height: 6px
}

.large-1nRRDi {
    height: 8px;
    border-radius: 4px
}

.canvas-2NVNsW {
    width: 100%;
    height: 100%
}

.monitor-3ahyMU {
    width: 100%;
    height: 24px
}

.overflowContainer-Azk5cr {
    -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-2Dxhls {
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    white-space: nowrap;
    width: 70px;
    margin-right: 0
}

.title-1JWExU {
    font-weight: 600;
    color: currentColor
}

.rate-1lw2ml {
    font-weight: 500
}

.sparkChart-29jtPz {
    height: 24px
}

.theme-dark .rate-1lw2ml {
    color: #72767d
}

.table-1Wphyx {
    width: 100%
}

.gameUpdates-3Ts_5W {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: var(--background-tertiary)
}

.headerRow-2DFCaV {
    padding: 20px 28px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerCell-2tcNPX {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 40px
}

.headerCell-2tcNPX:last-child {
    margin-right: 0
}

.diskProgress-gLdpSx {
    color: var(--text-link)
}

.networkProgress-2qN-hU {
    color: var(--text-positive)
}

.row-cdLM4c {
    border-bottom: 1px solid var(--background-modifier-accent);
    margin: 0 28px;
    padding: 16px 0 10px
}

.row-cdLM4c:last-child {
    border-bottom: none
}

.cell-2bh9h2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 8px 8px 20px
}

.nameCell-luHfQt {
    cursor: pointer;
    width: 30%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 8px
}

.progressCell-2LvUYA {
    width: 60%
}

.actionsCell-1rQ638 {
    width: 10%;
    min-width: 98px;
    padding-right: 12px;
    padding-left: 12px
}

.nameCellHeader-3sU36H {
    font-size: 18px
}

.nameCellText-2DURRJ {
    font-weight: 600;
    margin-left: 20px;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--header-primary)
}

.progressCellHeader-3oqFAB {
    display: block;
    padding: 8px 8px 8px 20px
}

.progressCellBody-2fegKI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 13px
}

.progressCellText-3ajYcj {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--text-muted)
}

.infoIcon-1e1YwW {
    opacity: .3;
    width: 24px;
    height: 24px
}

.actionButton-1OFG8U {
    margin-left: 8px
}

.actionButton-1OFG8U:first-child {
    margin-left: 0
}

.actionButton-1OFG8U .actionButtonContents-3Dox2Y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gameActionButton-3iD0eP {
    min-width: 72px
}

.actionIcon-3Otb6z {
    width: 24px;
    height: 24px;
    opacity: .6
}

.container-3u6dG- {
    position: relative
}

.scroller-2XLwLg {
    background-color: var(--background-primary);
    contain: layout size
}

.stickyScroller-2KHfQk {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.wrapper-QQNZRu {
    position: relative;
    width: 50px;
    height: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.svg-1I-g4j {
    -webkit-transform: rotate(-86deg);
    transform: rotate(-86deg)
}

.path-1BBNvt {
    fill: none;
    stroke-width: 4px
}

.foreground-2JnqVD {
    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-2CQ9c7 {
    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-3laMJt {
    stroke: #4f545c
}

.theme-dark .usageInfo-2CQ9c7 {
    color: #b9bbbe
}

.theme-light .background-3laMJt {
    stroke: #dcddde
}

.theme-light .usageInfo-2CQ9c7 {
    color: #4f545c
}

.hoverRoll-2XwpoF {
    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-2XwpoF.forceHover-2i2MQp:not(.disabled-1sQSnE) .default-rFvAvS,
.hoverRoll-2XwpoF:hover:not(.disabled-1sQSnE) .default-rFvAvS {
    -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-2XwpoF.forceHover-2i2MQp:not(.disabled-1sQSnE) .hovered-20u3oh,
.hoverRoll-2XwpoF:hover:not(.disabled-1sQSnE) .hovered-20u3oh {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.default-rFvAvS,
.hovered-20u3oh {
    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-20u3oh {
    opacity: 0;
    -webkit-transform: translate3d(0, 107%, 0);
    transform: translate3d(0, 107%, 0);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.wrapper-1CQri- {
    margin-top: 60px
}

.installationPath-2PbaRC {
    padding: 20px 0
}

.installationPathEditing-1YSctd {
    padding: 19px;
    margin-left: -20px;
    margin-right: -20px
}

.separator-fB6EmU {
    margin-top: 20px;
    margin-bottom: 20px
}

.defaultIndicator-1AxErs {
    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-uWDd7Y {
    margin-top: 4px;
    font-size: 14px;
    height: 16px
}

.buttonRowWrapper-25RHZK {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.defaultLocationCheckbox-1Y3dSI {
    margin-top: 20px
}

.theme-dark .installationPath-2PbaRC {
    -webkit-box-shadow: 0 1px 0 0 #4f545c;
    box-shadow: 0 1px 0 0 #4f545c
}

.theme-dark .rowTitle-2MoCno {
    color: #dcddde
}

.theme-dark .rowBody-uWDd7Y {
    color: #72767d
}

.theme-dark .defaultLocationCheckbox-1Y3dSI {
    color: #f6f6f7
}

.theme-dark .defaultIndicator-1AxErs {
    background-color: #4f545c;
    color: #fff
}

.theme-light .installationPath-2PbaRC {
    -webkit-box-shadow: 0 1px 0 0 #dcddde;
    box-shadow: 0 1px 0 0 #dcddde
}

.theme-light .rowTitle-2MoCno {
    color: #4f545c
}

.theme-light .rowBody-uWDd7Y {
    color: rgba(114, 118, 125, .6)
}

.theme-light .defaultLocationCheckbox-1Y3dSI {
    color: #4f545c
}

.theme-light .defaultIndicator-1AxErs {
    background-color: #4f545c;
    color: #fff
}

.card-2ART2V {
    position: relative
}

.card-2ART2V: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-2ART2V.active-1eaDP8:before,
.card-2ART2V:focus-within:before,
.card-2ART2V:hover:before {
    opacity: 1
}

.theme-dark .card-2ART2V:before {
    background-color: null;
    border-color: null
}

.theme-light .card-2ART2V:before {
    background-color: #f6f6f7;
    border-color: null
}

.scroller-1TOeMq {
    background-color: var(--background-primary);
    contain: layout size
}

.body-3KonCR {
    max-width: 660px;
    margin: 0 auto;
    padding: 40px 0
}

.hiddenLibraryApplications-1vWRJF {
    margin-top: 60px
}

.hiddenLibraryApplications-1vWRJF:first-child {
    margin-top: 20px
}

.hiddenLibraryApplicationContent-2eCKoX {
    z-index: 1
}

.hiddenLibraryApplicationsTitle-vTk-1X {
    margin-bottom: 8px
}

.hiddenLibraryApplication-lfw1ab {
    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-lfw1ab:last-of-type {
    border-bottom: 1px solid
}

.hiddenLibraryApplication-lfw1ab:last-of-type:hover {
    border-bottom-color: transparent
}

.hiddenLibraryApplication-lfw1ab:hover .restoreButton-17sRw1 {
    opacity: 1
}

.restoreButton-17sRw1 {
    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-2wDKbg {
    width: 11px;
    height: 11px
}

.applicationName-1uqOrC {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.applicationSubText-2SBEgj {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.theme-dark .applicationName-1uqOrC {
    color: #f6f6f7
}

.theme-dark .applicationSubText-2SBEgj {
    color: #72767d
}

.theme-dark .hiddenLibraryApplication-lfw1ab {
    border-color: #4f545c
}

.theme-dark .hiddenLibraryApplication-lfw1ab:first-of-type,
.theme-dark .hiddenLibraryApplication-lfw1ab:hover,
.theme-dark .hiddenLibraryApplication-lfw1ab:hover+.hiddenLibraryApplication-lfw1ab {
    border-top-color: transparent
}

.theme-dark .hiddenLibraryApplication-lfw1ab:before {
    background: rgba(32, 34, 37, .3);
    border-color: #202225
}

.theme-dark .restoreButton-17sRw1 {
    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-17sRw1: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-2wDKbg {
    color: var(--status-danger)
}

.theme-light .applicationName-1uqOrC {
    color: #4f545c
}

.theme-light .applicationSubText-2SBEgj {
    color: rgba(114, 118, 125, .6)
}

.theme-light .hiddenLibraryApplication-lfw1ab {
    border-color: rgba(185, 187, 190, .3)
}

.theme-light .hiddenLibraryApplication-lfw1ab:first-of-type,
.theme-light .hiddenLibraryApplication-lfw1ab:hover,
.theme-light .hiddenLibraryApplication-lfw1ab:hover+.hiddenLibraryApplication-lfw1ab {
    border-top-color: transparent
}

.theme-light .hiddenLibraryApplication-lfw1ab:before {
    background-color: rgba(246, 246, 247, .6);
    border-color: #dcddde
}

.theme-light .restoreButton-17sRw1 {
    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-17sRw1: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-2wDKbg {
    color: var(--status-danger)
}

.container-36u7Lw {
    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
}

.tagContainer-2y3OSB {
    width: 100%;
    margin-bottom: 8px
}

.invisible-2SzFJJ {
    visibility: hidden
}

.tag-2QQBcz {
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    font-size: 0.875rem;
    color: var(--interactive-normal)
}

.tag-2QQBcz:hover {
    color: var(--interactive-hover)
}

.tag-2QQBcz:active {
    color: var(--interactive-active)
}

.tagText-3z5kzI {
    padding: 4px 8px
}

.tagDefault-o8lNsf {
    background-color: var(--background-primary)
}

.tagLight-15qVqR {
    background-color: #fff;
    color: hsl(235, calc(var(--saturation-factor, 1)*46.7%), 44.1%)
}

.tagLight-15qVqR:hover {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    color: #fff
}

.tagAlt-bp8bhU {
    background-color: var(--background-secondary-alt)
}

.hide-20jeE3 {
    position: absolute;
    visibility: hidden
}

.overflowTagsPopout-xZh8Gz {
    border-radius: 4px;
    padding: 12px;
    width: 200px
}

.theme-dark .overflowTagsPopout-xZh8Gz {
    background-color: var(--background-floating);
    -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);
    color: hsla(0, 0%, 100%, .8)
}

.theme-light .tag-2QQBcz {
    background-color: var(--background-secondary)
}

.theme-light .tagLight-15qVqR {
    background-color: #fff;
    color: hsl(235, calc(var(--saturation-factor, 1)*46.7%), 44.1%)
}

.theme-light .tagLight-15qVqR:hover {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    color: #fff
}

.theme-light .overflowTagsPopout-xZh8Gz {
    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);
    color: rgba(79, 84, 92, .8)
}

.actionButtonsContainer-2eREP- {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.actionButtonsContainer-2eREP-,
.forceButtonsShow-2_nOmX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.overflowIcon-1IdVHF {
    width: 20px;
    height: 20px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.card-2TuZPZ {
    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)
}

.cardWithTags-3jWFy8 {
    height: 350px
}

.iconMask-2fMR98 {
    -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-2TuZPZ:focus,
.card-2TuZPZ:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.card-2TuZPZ:focus .splash-1VADA3,
.card-2TuZPZ:hover .splash-1VADA3 {
    -webkit-transform: scale(1.01) translateZ(0);
    transform: scale(1.01) translateZ(0)
}

@-webkit-keyframes placeholderPulse-12QM96 {
    0% {
        opacity: .6
    }

    50% {
        opacity: .8
    }

    to {
        opacity: .6
    }
}

@keyframes placeholderPulse-12QM96 {
    0% {
        opacity: .6
    }

    50% {
        opacity: .8
    }

    to {
        opacity: .6
    }
}

.cardPlaceholder-1E2FEs {
    -webkit-animation: placeholderPulse-12QM96 1.8s ease-in-out infinite;
    animation: placeholderPulse-12QM96 1.8s ease-in-out infinite;
    background-color: var(--background-tertiary)
}

.cardHeader-1kPMOm {
    height: 143px;
    position: relative;
    display: block;
    overflow: visible;
    margin-bottom: 32px
}

.splash-1VADA3 {
    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-1VADA3,
.splashImage-_KUn-T {
    width: 100%;
    height: 100%
}

.splashImage-_KUn-T {
    -o-object-fit: cover;
    object-fit: cover
}

.loaded-igpmmx {
    position: relative
}

.loaded-igpmmx .splash-1VADA3 {
    opacity: 1
}

.guildIcon-1nnIAv {
    position: absolute;
    bottom: -21px;
    left: 12px
}

.iconMask-2fMR98 {
    padding: 4px;
    background-color: var(--activity-card-background)
}

.avatar-30VHqO {
    width: 100%;
    height: 100%
}

.guildInfo-PdhToW {
    -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-PdhToW,
.title-2vVOzt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.title-2vVOzt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-weight: 600
}

.guildBadge-U9DBt_ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-left: -2px
}

.guildName-1sOa9v {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.description-19gINd {
    -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-3G3E9W {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.memberCount-1ytVN2,
.memberInfo-3G3E9W {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.memberCount-1ytVN2 {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-right: 16px
}

.memberCount-1ytVN2:last-child {
    margin-right: 0
}

.dotOnline-j08lOY {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.dotOffline-38lJFn {
    background-color: #b9bbbe
}

.loading-3ozbwt {
    position: relative;
    border-radius: 5px;
    background-color: var(--channeltextarea-background)
}

.submitting-19LqaY {
    opacity: .5;
    pointer-events: none
}

.spinner-2bMWLW {
    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
}

.actionButtons-3ILsbw {
    display: none;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 16px;
    top: 128px
}

.card-2TuZPZ:focus-within .actionButtons-3ILsbw,
.card-2TuZPZ:hover .actionButtons-3ILsbw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.theme-dark .card-2TuZPZ,
.theme-dark .iconMask-2fMR98 {
    background-color: var(--background-secondary-alt)
}

.theme-dark .card-2TuZPZ:hover,
.theme-dark .card-2TuZPZ:hover .iconMask-2fMR98,
.theme-dark .iconMask-2fMR98:hover,
.theme-dark .iconMask-2fMR98:hover .iconMask-2fMR98 {
    background-color: var(--background-tertiary)
}

.theme-light .card-2TuZPZ {
    -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-2TuZPZ:focus,
.theme-light .card-2TuZPZ:hover {
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.guildListSection-3UxZHY {
    width: 100%;
    margin-bottom: 32px;
    min-width: 580px
}

.subtitle-1I3gUj {
    margin-top: 4px
}

.guildList-3GXKvP {
    margin-top: 16px;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(248px, 1fr))
}

.container-2rCwVJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 16px
}

.container-2rCwVJ.searchPage-3tt6dh {
    margin-bottom: 16px;
    margin-top: 0
}

.search-25t1e9 {
    width: 100%;
    max-width: 560px;
    position: relative;
    margin: auto auto 16px
}

.search-25t1e9 .searchBox-31Zv9h {
    z-index: 2;
    background-color: #fff;
    padding-right: 8px
}

.search-25t1e9 .searchBox-31Zv9h:focus,
.search-25t1e9 .searchBox-31Zv9h: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-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz {
    font-size: 16px;
    padding: 8px;
    color: #2e3338
}

.search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::-webkit-input-placeholder {
    color: #72767d
}

.search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::-moz-placeholder {
    color: #72767d
}

.search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz:-ms-input-placeholder {
    color: #72767d
}

.search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::placeholder {
    color: #72767d
}

.search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0 {
    color: #4f5660
}

.search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:hover {
    color: #2e3338
}

.search-25t1e9 .searchBox-31Zv9h .searchIcon-3X4BYL {
    color: rgba(79, 84, 92, .6)
}

.searchPage-3tt6dh .search-25t1e9 {
    width: auto;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin: 0;
    max-width: 720px
}

.languageSelector-1hjSyO {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    margin-left: 8px
}

.categories-2LoSbA {
    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-1zjNrr {
    margin-right: 8px;
    margin-bottom: 4px;
    padding: 4px 8px;
    text-align: center;
    cursor: pointer;
    border-radius: 8px
}

.categoryPill-1zjNrr .categoryLabel-2m4AT- {
    color: var(--text-muted);
    font-weight: 600
}

.categoryPill-1zjNrr:hover:not(.selected-bLcqYK) {
    background-color: var(--background-modifier-hover)
}

.categoryPill-1zjNrr.selected-bLcqYK {
    background-color: var(--brand-experiment);
    color: #fff
}

.categoryPill-1zjNrr.selected-bLcqYK .categoryLabel-2m4AT- {
    color: #fff
}

.card-1rhKXq {
    position: relative
}

.container-2R6xAU {
    cursor: pointer;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.container-2R6xAU,
.content-3Xrx5s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content-3Xrx5s {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: 100%;
    height: 135px
}

.contentWithTags-Ght4Nx {
    height: 180px
}

.header-3m4_6U {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.splashContainer-2PC_Bm {
    height: 135px;
    border-radius: 8px;
    margin-right: 16px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.splashContainerWithTags-Y9jGAz {
    height: 180px
}

.splashImage-1UBFEm {
    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-3MM_Lx {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.headerName-1IcEWM {
    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-2YMz-s .splashImage-1UBFEm {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.guildBadge-Ry4Bnz {
    margin-right: 4px
}

.description-1l_PNB {
    margin-top: 8px;
    margin-bottom: auto
}

.memberCount-1u5EyU,
.memberInfo-1LJpwT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.memberCount-1u5EyU {
    font-size: 12px;
    line-height: 16px
}

.dotSeparator-3MbNc4 {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    margin: 0 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: var(--interactive-muted)
}

.separator-2t2gPa {
    width: 100%;
    height: 0;
    display: block;
    border: none;
    border-top: 1px solid var(--background-modifier-accent)
}

@-webkit-keyframes placeholderPulse-11jG8o {
    0% {
        opacity: .6
    }

    50% {
        opacity: .8
    }

    to {
        opacity: .6
    }
}

@keyframes placeholderPulse-11jG8o {
    0% {
        opacity: .6
    }

    50% {
        opacity: .8
    }

    to {
        opacity: .6
    }
}

.placeholder-2jEh13 {
    height: 136px;
    border-radius: 8px;
    -webkit-animation: placeholderPulse-11jG8o 1.8s ease-in-out infinite;
    animation: placeholderPulse-11jG8o 1.8s ease-in-out infinite;
    background-color: var(--background-tertiary)
}

.submitting-2pCAt1 {
    opacity: .5;
    pointer-events: none
}

.spinner-1JhZ2F {
    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
}

.actionButtons-1KX_dv {
    display: none;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    top: 0
}

.card-1rhKXq:focus-within .actionButtons-1KX_dv,
.card-1rhKXq:hover .actionButtons-1KX_dv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pageWrapper-2PwDoS {
    width: 100%;
    position: relative
}

.platform-osx .pageHeaderDrag-3HG1-5 {
    -webkit-app-region: drag
}

.viewWrapper-2sTW6t {
    width: 100%;
    height: 100%;
    max-width: 1608px;
    margin: 0 auto
}

.viewWrapper-2sTW6t.searchPage-1Rxeav {
    margin: 0
}

.scroller-3j5xK2 {
    padding: 16px;
    height: 100%
}

@media (min-width:1129px) {
    .scroller-3j5xK2 {
        padding: 32px
    }
}

.dragRegion-147xxt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px
}

.dragRegion-147xxt.searchPageDrag-TMrHCv {
    height: 50px
}

.searchHeader-3ZIh2x {
    position: relative;
    text-align: center;
    margin-bottom: 32px;
    min-height: 200px
}

.headerImage-2D5D-v {
    display: inherit;
    border-radius: 8px;
    width: 100%;
    height: auto
}

.headerContentWrapper-1u9R_E {
    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-2Z-1wE {
    width: 100%;
    min-width: 360px;
    max-width: 720px;
    margin: 0 240px
}

.headerTagContainer-9ezXcA {
    max-width: 560px;
    margin: auto
}

.searchTitle-1qceKb {
    color: #fff
}

.searchSubtitle-C5P4gh {
    color: #fff;
    margin-top: 8px
}

.guildList-QjZKeK {
    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) {
    .searchTitle-1qceKb {
        font-size: 20px
    }

    .searchSubtitle-C5P4gh {
        font-size: 14px
    }
}

.footer-26kPv_ {
    padding-bottom: 32px;
    text-align: center
}

.footerImage-3DpC_8 {
    margin-bottom: 8px
}

.theme-dark .pageWrapper-2PwDoS {
    background-color: #36393f;
    color: #fff
}

.theme-light .pageWrapper-2PwDoS {
    background-color: #fff;
    color: #4f545c
}

.container-3gW0Nv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.container-3gW0Nv,
.searchHeader-gz2NXf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.searchHeader-gz2NXf {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.header-3lOo5J {
    color: var(--header-secondary);
    margin-left: 20px
}

.header-3lOo5J strong {
    color: var(--header-primary)
}

.arrow-3fMmSH {
    cursor: pointer;
    color: var(--interactive-normal)
}

.arrow-3fMmSH:hover {
    color: var(--interactive-hover)
}

.arrow-3fMmSH:focus {
    color: var(--interactive-active)
}

.results-1Lsvf8 {
    max-width: 720px;
    padding-bottom: 32px
}

.emptyContainer-poti7J {
    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-2pCD2j {
    width: 314px;
    height: 145px;
    background-image: url(/assets/3c32e44f20ad22e786aed0252582983c.svg)
}

.emptyImage-2pCD2j,
.errorImage-1n5rtg {
    background-repeat: no-repeat;
    background-size: contain
}

.errorImage-1n5rtg {
    width: 80px;
    height: 80px;
    background-image: url(/assets/8f0bbe7caf676d20bd2734881f173c5e.svg)
}

.emptyHeader-2cxTFP {
    margin-top: 32px;
    margin-bottom: 8px
}

.ctaContainer-3IeJVZ {
    max-width: 720px
}

.container-1wv6C6 {
    padding: 16px;
    border-radius: 8px;
    background-color: var(--background-secondary-alt);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container-1wv6C6,
.iconContainer-6xlTpK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.iconContainer-6xlTpK {
    height: 48px;
    width: 48px;
    border-radius: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    margin-bottom: 16px
}

.icon-2kPPWH {
    width: 24px;
    height: 24px;
    background-image: url(/assets/8b7165c3ca8f930bf6a1cf4ad12de85a.svg)
}

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

.gap-36rDDj {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.addButton-Jt0onL {
    font-weight: 600;
    color: #fff
}

.guildListSection-27K5In {
    width: 100%;
    margin-bottom: 32px;
    min-width: 580px
}

.subtitle-3hlld5 {
    margin-top: 4px
}

.guildList-3-B_6n {
    margin-top: 16px;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(248px, 1fr))
}

.container-3LY1Ww {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.content-2C_Dza {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: var(--background-primary);
    height: 100%
}

.contentScroll-2J5gEk {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.contentContainer-1Rof2d,
.contentScroll-2J5gEk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contentContainer-1Rof2d {
    width: 464px
}

.sidebar-3Cizvm {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
    min-width: 360px;
    max-width: 420px;
    background-color: var(--background-secondary);
    height: 100%
}

.sidebarScroll-mm_IBz {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px;
    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
}

@media (max-width:1200px) {
    .sidebar-3Cizvm {
        display: none
    }
}

.scroller-RfJjkV {
    padding: 16px;
    height: 100%;
    background-color: var(--background-primary)
}

@media (min-width:1129px) {
    .scroller-RfJjkV {
        padding: 32px
    }
}

.headerImage-1c8Lrb {
    display: inherit;
    border-radius: 8px;
    width: 100%;
    height: auto;
    margin-bottom: 32px
}

.headerContainer-1RYk-Y {
    position: relative
}

.headerContent-hN6Kym {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -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
}

.headerText-1FPqn4 {
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff
}

.headerDescription-1XgEJV {
    color: #fff
}

.divider-3jU7zr {
    margin-top: 32px;
    margin-bottom: 32px;
    height: 1px;
    background-color: var(--background-modifier-accent)
}

.footerDescription-3D1fe9 {
    white-space: pre-wrap
}

.viewWrapper-oqUsis {
    width: 100%;
    height: 100%;
    max-width: 1608px;
    margin: 0 auto
}

.categoryItem-Kc_HK_ {
    color: var(--header-secondary);
    margin-left: 8px
}

.categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui {
    color: #fff
}

.categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4 {
    background-color: var(--brand-experiment)
}

.hubIcon-2e11fK {
    width: 24px;
    height: 24px;
    background-image: url(/assets/8b7165c3ca8f930bf6a1cf4ad12de85a.svg)
}

.new-3EJMgr {
    border-radius: 8px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--background-accent)
}

.newText-1EvoMa {
    color: #fff;
    text-transform: uppercase
}

.discoverHeader-1vsvZ0 {
    margin: 16px 0 16px 16px;
    font-weight: 700
}

.modal-1-Gg9c {
    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-1-Gg9c {
        margin-top: 32px;
        max-width: 780px;
        width: calc(100% - 80px);
        height: calc(100% - 64px);
        max-height: 800px;
        margin-right: 22px
    }
}

.header-3ZzejZ {
    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-1aBwRP {
    position: absolute;
    top: 6px;
    right: 0;
    z-index: 1;
    width: 32px;
    height: 32px;
    color: var(--interactive-normal);
    cursor: pointer
}

.closeButton-1aBwRP:hover {
    color: var(--interactive-hover)
}

.closeButton-1aBwRP:active {
    color: var(--interactive-active)
}

.updateBadge-3I6jaw {
    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/06d8e21539e634cbc0f2ecf38f1bb2bb.svg)
}

@media (min-width:600px) {
    .updateBadge-3I6jaw {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.updateBadgeText-hgPfG9 {
    color: #000;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.content-1tc9sG {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 32px;
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px
}

.content-1tc9sG .emoji {
    -o-object-fit: contain;
    object-fit: contain;
    width: 22px;
    height: 22px
}

.content-1tc9sG h1 {
    margin-top: 32px;
    line-height: 30px;
    font-size: 24px;
    color: var(--header-primary)
}

.content-1tc9sG h1,
.content-1tc9sG h2,
.content-1tc9sG strong {
    font-weight: 700;
    color: var(--header-primary)
}

.content-1tc9sG h4 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 32px;
    color: var(--header-primary)
}

.content-1tc9sG em,
.content-1tc9sG h4,
.content-1tc9sG i {
    font-style: italic
}

.content-1tc9sG p+p {
    margin-top: 10px
}

.content-1tc9sG ol {
    margin: 16px 0 16px 16px
}

.content-1tc9sG ol li {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    list-style-type: decimal;
    margin-bottom: 8px;
    margin-left: 20px
}

.content-1tc9sG ul {
    margin: 20px 0 8px 20px
}

.content-1tc9sG ul ul {
    margin-top: 8px
}

.content-1tc9sG 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-1tc9sG ul li:last-child {
    margin-bottom: 0
}

.content-1tc9sG 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-1tc9sG ul li li:before {
    top: 12px;
    height: 2px;
    border-radius: 0
}

.content-1tc9sG img {
    width: 100%
}

.content-1tc9sG a {
    color: var(--text-link);
    -webkit-transition: .05s;
    transition: .05s;
    text-decoration: none
}

.content-1tc9sG a:hover {
    text-decoration: underline
}

.content-1tc9sG::-webkit-scrollbar-track-piece:start {
    margin-top: 6px
}

.content-1tc9sG::-webkit-scrollbar-track-piece:end {
    margin-bottom: 6px
}

@media (min-width:600px) {
    .content-1tc9sG {
        padding: 32px
    }
}

.theme-dark .modal-1-Gg9c {
    background-color: #2e3338
}

.theme-dark .content-1tc9sG ul li:before {
    background-color: #e3e5e8
}

.theme-light .content-1tc9sG ul li:before {
    background-color: #72767d
}

.container-6g11bw p>img,
.image-2MKvjN {
    border-radius: 5px
}

.video-jTm9kN {
    margin: -40px auto 24px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.header-180QBG,
.video-jTm9kN,
.video-jTm9kN>a,
.video-jTm9kN>iframe {
    border-radius: 8px
}

.header-180QBG {
    -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-180QBG {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.headerGraphic-1U2Vvw {
    min-width: 650px;
    width: 100%
}

.headerGraphic-1U2Vvw:after {
    background: url(/assets/831ba24f72b89cc77c325317372b7239.png) 50%/contain no-repeat;
    content: "";
    display: block;
    height: 0;
    padding-bottom: 33.43465%
}

.headerContent-3NOJnY {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.headerText-US5tOZ {
    font-weight: 700
}

.dateText-hOosVm,
.headerText-US5tOZ {
    color: #fff;
    position: relative
}

.dateText-hOosVm {
    margin-top: 2px;
    font-style: italic
}

.headerLeftImage-IA2mnk {
    left: 0;
    background: url(/assets/7f9b927507a1c9321da58ab0fafffcd0.png) 50%/contain no-repeat;
    border-bottom-left-radius: 8px
}

.headerLeftImage-IA2mnk,
.headerRightImage-1GL8ns {
    position: absolute;
    bottom: 0;
    width: 180px;
    height: 220px
}

.headerRightImage-1GL8ns {
    right: 0;
    background: url(/assets/1c3ba8528a8f16c8cf0c55e286010420.png) 50%/contain no-repeat;
    border-bottom-right-radius: 8px
}

.footer-3Zgy_M {
    background: var(--background-floating) url(/assets/07d9032e5d30865e0cc076396f0b027a.png) 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-3Zgy_M {
        background: var(--background-floating) url(/assets/3785e11ebe8fdcd64db5bb49f2e5299d.png) 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-3OUVy_,
.footerCTAFallbackText-3OUVy_ a {
    color: var(--text-normal)
}

a.ctaAnchor-4F1kpS:hover {
    text-decoration: none
}

.copyButton-FQv3rB .ctaAnchor-4F1kpS {
    color: #fff
}

.inviteCTAHeader-1Fxt91 {
    font-weight: 700;
    color: var(--header-primary)
}

@media (min-width:768px) {
    .inviteCTAHeader-1Fxt91 {
        max-width: 320px
    }
}

.inviteCTABody-jgPkgf {
    margin-top: 8px;
    margin-bottom: 16px;
    max-width: 296px;
    color: var(--text-normal)
}

@media (min-width:768px) {
    .inviteCTABody-jgPkgf {
        max-width: 320px
    }
}

.body-1EttKW {
    margin: 0 16px
}

@media (min-width:600px) {
    .body-1EttKW {
        margin: 0 28px
    }
}

.urlToCopy-2ygN5L {
    margin-top: 8px
}

.video-8B-TdZ {
    border-radius: 3px
}

.container-3PVapX {
    padding-bottom: 20px
}

.container-3PVapX p>img,
.image-ZPv20Y {
    border-radius: 5px
}

.title-2ftWWc {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase
}

.lead-2VtcIe {
    margin-bottom: 20px;
    border-radius: 5px
}

.added-mQcv9V,
.fixed-cTX7Hp,
.improved-2SJXHz,
.progress-1DcfFh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

.added-mQcv9V.marginTop-VGmU1T,
.fixed-cTX7Hp.marginTop-VGmU1T,
.improved-2SJXHz.marginTop-VGmU1T,
.progress-1DcfFh.marginTop-VGmU1T {
    margin-top: 20px
}

.added-mQcv9V:after,
.fixed-cTX7Hp:after,
.improved-2SJXHz:after,
.progress-1DcfFh:after {
    content: "";
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 4px;
    opacity: .6
}

.added-mQcv9V {
    color: var(--text-positive)
}

.added-mQcv9V:after {
    background-color: var(--info-positive-foreground)
}

.fixed-cTX7Hp {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.fixed-cTX7Hp:after {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.progress-1DcfFh {
    color: var(--text-warning)
}

.progress-1DcfFh:after {
    background-color: var(--info-warning-foreground)
}

.improved-2SJXHz {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.improved-2SJXHz:after {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

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

.socialLink-1qjJIk {
    margin-right: 16px
}

.premiumBanner-FU1Urp {
    background-image: -webkit-gradient(linear, right top, left top, from(hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%)), to(hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%)));
    background-image: linear-gradient(270deg, hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%), hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%));
    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-FU1Urp .premiumIcon-rhwgnW {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    width: 36px;
    height: 36px
}

.theme-dark .date-2tmzZM {
    color: #b9bbbe
}

.theme-dark .video-8B-TdZ {
    -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-1qjJIk {
    color: #b9bbbe
}

.theme-dark .improved-2SJXHz {
    color: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%)
}

.theme-dark .improved-2SJXHz:after {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%)
}

.theme-light .date-2tmzZM {
    color: #72767d
}

.theme-light .video-8B-TdZ {
    -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-1qjJIk {
    color: #4f5660
}

.userMenuItem-2pMhk-,
.userMenuUsername-2xdVcJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.userMenuUsername-2xdVcJ {
    margin: 0 8px
}

.userMenuText-2e3Dry {
    max-width: 172px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    color: var(--header-primary)
}

.userMenuDiscriminator-2Vj2p9 {
    color: var(--header-secondary)
}

.focused-3RdCfX .userMenuUsername-2xdVcJ .userMenuDiscriminator-2Vj2p9,
.focused-3RdCfX .userMenuUsername-2xdVcJ .userMenuText-2e3Dry {
    color: #fff
}

.userMenuItemAvatar-1G5wRl {
    margin-right: 8px
}

.activeIcon-1ykRnF {
    margin-left: auto
}

.statusItem-2hiCNB {
    -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
}

.statusItemNoPadding-3ExFcy {
    padding: 0
}

.status-3TYC5W {
    grid-area: status span 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-Lz4Y-_ {
    grid-area: icon
}

.description-3Cwkxk {
    grid-area: description;
    color: currentColor;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 16px;
    white-space: normal
}

.customStatusItem-1qQzss {
    grid-template-areas: "status clear";
    grid-template-columns: 1fr 20px
}

.customStatusItem-1qQzss,
.customStatusWithEmoji-Y8lMLP {
    grid-template-rows: 24px
}

.customStatusWithEmoji-Y8lMLP {
    grid-template-areas: "icon status clear";
    grid-template-columns: 24px 1fr 20px
}

.customEmoji-1nCP1t {
    grid-area: icon;
    margin-left: -2px;
    width: 18px;
    height: 18px
}

.customEmojiPlaceholder-3mRJqA {
    background-image: url(/assets/22e66f36d4665b822d7cf5b440d885ec.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.customText-36Uwzc {
    grid-area: status;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.clearStatusButton-GXA1lF {
    grid-area: clear;
    line-height: 0
}

.clearStatusButton-GXA1lF:hover {
    color: var(--interactive-hover)
}

.clearStatusIcon-9SeHGZ {
    width: 16px;
    height: 16px;
    margin-left: 4px
}

.switchAccountsItem-1neGS_ {
    white-space: normal;
    grid-template-rows: auto
}

.switchAccountsIcon-36imMT {
    margin-left: -2px
}

.container-5N5x2A {
    width: 248px;
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    padding: 16px;
    border-radius: 8px;
    margin: 0 0 -6px -12px
}

.container-5N5x2A .icon-1Hx9id {
    position: absolute;
    top: -36px;
    width: 232px;
    height: 72px;
    margin-left: 8px
}

.container-5N5x2A .title-2_oicu {
    margin-top: 36px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-family: var(--font-display);
    font-size: 17px;
    line-height: 24px
}

.container-5N5x2A .subTitle-2vwe12 {
    text-align: center;
    color: #fff;
    margin: 8px 0 16px
}

.container-5N5x2A .pointer-1bsD64 {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top: 12px solid hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    pointer-events: none;
    position: absolute;
    top: 100%
}

.button-12Fmur {
    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-12Fmur.enabled-9OeuTA:hover {
    color: var(--interactive-hover);
    background-color: var(--background-modifier-selected)
}

.button-12Fmur.disabled-GROwTe {
    opacity: .4
}

.subtext-2HDqJ7 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--header-secondary);
    line-height: 13px
}

.title-338goq {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--header-primary);
    line-height: 18px;
    font-weight: 600
}

.container-xB0xPf {
    width: 280px;
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    padding: 16px;
    border-radius: 8px;
    margin-left: -141px
}

.container-xB0xPf .image-CRV_VX {
    position: absolute;
    top: -108px;
    left: -76px;
    width: 180px;
    height: 147px;
    background: url(/assets/45e0a6a8c48893462e403a4a694c0b98.svg)
}

.container-xB0xPf .title-22j6wC {
    margin-top: 36px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-family: var(--font-display);
    font-size: 17px;
    line-height: 24px
}

.container-xB0xPf .subTitle-LNUjjY {
    text-align: center;
    color: #fff;
    margin: 8px 0 16px
}

.container-xB0xPf .pointer-1j6vDv {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top: 12px solid hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 4px
}

.container-YkUktl {
    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-YkUktl,
.container-YkUktl .avatar-1EWyVD {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.container-YkUktl .avatar-1EWyVD {
    cursor: pointer
}

.container-YkUktl .avatar-1EWyVD:hover {
    opacity: .8
}

.container-YkUktl .redIcon-1ppjsM {
    color: var(--status-danger)
}

.avatarWrapper-1B9FTW {
    margin-right: 8px
}

.nameTag-sc-gpq {
    -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-sc-gpq.canCopy-IgTwyV {
    cursor: pointer
}

.hasBuildOverride-3V9MZN {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 50%
}

.buildOverrideButton-1cRvTc {
    position: relative
}

.usernameContainer-3PPkWq {
    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-z29fqF {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.copySuccess-z29fqF.godlike-2668Fo {
    color: var(--status-danger)
}

.statusTooltip-2xssGB {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.customStatus-1UAQAK {
    overflow: hidden;
    text-overflow: ellipsis
}

.strikethrough-2Kl6HF {
    color: var(--status-danger)
}

.emoji-11a5QE {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.icon-39rdLt {
    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-370Op6 {
    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-2ZFCRb {
    padding: 8px;
    border-bottom: 1px solid var(--background-modifier-accent);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.body-1FrnJD {
    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-3E8LQj {
    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-2TFy7F {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0
}

.gameWrapper-2TFy7F .liveIndicator-wDIDlN {
    padding: 0 4px
}

.clickableGameWrapper-1xHQQL {
    cursor: pointer
}

.gameIconWrapper-zXQ03M {
    position: relative
}

.gameIcon-2BIUJ3 {
    width: 32px;
    height: 32px
}

.info-88fTUI {
    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-1xHQQL:hover .gameName-1-33rm {
    color: var(--interactive-active)
}

.actions-zk2vB_ {
    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-3HrI62 {
    position: relative;
    border: 1px solid;
    min-width: 250px;
    border-radius: 3px
}

.userList-3HrI62: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-yw2_Tb {
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 12px
}

.content-2GcAts {
    max-height: 260px
}

.user-1RTQ9R {
    padding: 10px
}

.tag-8YVSL5 {
    margin-left: 8px
}

.avatar-1GtfiK {
    width: 20px !important;
    height: 20px !important
}

.theme-dark .userList-3HrI62 {
    border-color: #202225
}

.theme-dark .userList-3HrI62:before {
    background-color: #2f3136;
    border-color: transparent #202225 #202225 transparent
}

.theme-dark .header-yw2_Tb {
    background-color: #202225;
    color: #fff
}

.theme-dark .content-2GcAts {
    background-color: #2f3136
}

.theme-dark .username-3NpL24 {
    color: #dcddde
}

.theme-dark .discriminator-15aR1s {
    color: #72767d
}

.theme-light .userList-3HrI62 {
    border-color: #f6f6f7
}

.theme-light .userList-3HrI62:before {
    background-color: #fff;
    border-color: transparent #f6f6f7 #f6f6f7 transparent
}

.theme-light .header-yw2_Tb {
    background-color: #f6f6f7;
    color: #4f545c
}

.theme-light .content-2GcAts {
    background-color: #fff
}

.theme-light .username-3NpL24 {
    color: #4f545c
}

.theme-light .discriminator-15aR1s {
    color: #b9bbbe
}

.listeningAlong-6YvYsc {
    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-2WDLyg {
    margin-left: 8px
}

.overflow-3KLHg- {
    cursor: pointer
}

.icons-3cpYoD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 4px
}

.avatar-2cQIlq {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer
}

.wrapper-UvA17F {
    width: 100%;
    height: 20px
}

.container-3NTP7o {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden
}

.notches-2w7UZJ,
.progress-1S-TDF {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.notches-2w7UZJ {
    background-repeat: repeat-x
}

.theme-dark .progress-1S-TDF {
    background-color: #72767d
}

.theme-dark .notches-2w7UZJ.black-11MaxJ {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='20' width='8' xmlns='http://www.w3.org/2000/svg' fill='hsl(225, 7.7%25, 10.2%25)'%3E%3Cpath d='M0 0h8v20H0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.theme-dark .notches-2w7UZJ.gray-3wP137 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='20' width='8' xmlns='http://www.w3.org/2000/svg' fill='hsl(220, 7.7%25, 22.9%25)'%3E%3Cpath d='M0 0h8v20H0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.theme-light .progress-1S-TDF {
    background-color: #dcddde
}

.theme-light .notches-2w7UZJ {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='20' width='8' xmlns='http://www.w3.org/2000/svg' fill='hsl(0, 0%25, 100%25)'%3E%3Cpath d='M0 0h8v20H0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.container-18g_gN {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-18g_gN,
.micTest-19EtdQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.micTest-19EtdQ {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px
}

.title-3g4j7Z {
    margin-top: 8px
}

.description-2t2lEh,
.title-3g4j7Z {
    margin-bottom: 4px
}

.micTestCaption-3wFDcZ {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: 27px;
    left: 100px
}

.container-1ILvLB {
    width: 250px;
    border-radius: 4px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    background: var(--background-floating)
}

.section-2zQkYM {
    padding: 16px
}

.canvas-2-hC7a {
    margin-bottom: 8px;
    padding-bottom: 2px;
    background-color: var(--background-secondary);
    width: 218px;
    height: 80px
}

.separator-15Vn3M {
    margin: 16px 0;
    border: none;
    border-top: 1px solid var(--background-modifier-accent)
}

.popoutText-3NRmTw {
    color: var(--text-normal);
    font-size: 14px;
    line-height: 18px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.popoutText-3NRmTw strong {
    font-weight: 700
}

.popoutText-3NRmTw.popoutTextDetails-zNomhC {
    color: var(--text-muted);
    margin-top: 8px
}

.popoutBottom-15-vLu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.debugButton-OTfjlB {
    font-size: 12px;
    cursor: pointer;
    font-weight: 500;
    color: var(--text-link);
    text-decoration: none
}

.debugButton-OTfjlB:hover {
    text-decoration: underline
}

.secured-2wavXv {
    font-size: 12px;
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--text-positive)
}

.secured-2wavXv:before {
    content: " ";
    background: url(/assets/ba428dbc5e363a60a0038484863d0659.svg) 50% no-repeat;
    width: 9px;
    height: 12px;
    background-size: 9px 12px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: bottom
}

.ping-2IpLcU {
    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-2IpLcU.smallPing-tlvyHG {
    width: 14px;
    height: 14px
}

.rtcConnectionStatus-c5A6Av {
    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-Nodt6L {
    font-weight: 600
}

.rtcConnectionStatusConnected-1c73OK {
    color: var(--text-positive)
}

.rtcConnectionStatusConnecting-2D7M2N {
    color: var(--text-warning)
}

.rtcConnectionStatusError-2QNGCS {
    color: var(--status-danger)
}

.rtcConnectionQualityFine-3zZrSa .pingForeground-1BRBTc {
    color: var(--text-positive)
}

.rtcConnectionQualityAverage-USzsaD .pingForeground-1BRBTc:not(:last-child) {
    color: var(--text-warning)
}

.rtcConnectionQualityBad-3fxsmZ .pingForeground-1BRBTc:first-child {
    color: var(--status-danger)
}

.labelWrapper-1HofQ- {
    overflow: hidden
}

.container--0Z8bx {
    width: 248px;
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    padding: 16px;
    border-radius: 8px;
    margin: 0 0 -6px -12px
}

.cloudImage-HWyETO {
    top: 0;
    -webkit-transform: translateX(-50%) translateY(-110px);
    transform: translateX(-50%) translateY(-110px);
    width: 248px
}

.cloudImage-HWyETO,
.image-2ll8J6 {
    position: absolute;
    left: 129px;
    height: auto
}

.image-2ll8J6 {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -89px;
    width: 174px
}

.title-9EXzqk {
    margin-top: 14px;
    font-weight: 600;
    font-family: var(--font-display)
}

.subTitle-3STO2E,
.title-9EXzqk {
    color: #fff;
    text-align: center
}

.subTitle-3STO2E {
    margin: 4px 0 16px
}

.pointer-AsyL3r {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top: 12px solid hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.button-jfpIxZ {
    font-weight: 600
}

.topButton-xJZrzN {
    margin-bottom: 4px
}

.content-1rmYE- {
    background: var(--brand-experiment);
    position: relative;
    text-align: center;
    padding: 32px 10px 16px;
    max-width: 280px;
    border-radius: 8px
}

.contentNoArt-3I8NLh {
    padding-top: 16px
}

.art-2RMQc_ {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 50%
}

.headerText-BFF98I {
    color: #fff;
    font-weight: 600
}

.bodyContainer-1M68kd {
    margin-top: 8px
}

.bodyText-3_qlfq {
    color: #fff
}

.button-22XUTG {
    height: 32px
}

.tryButton-3TAXEf {
    margin-top: 16px
}

.dismissButton-23uS6d {
    margin-top: 4px
}

.confirmButton-1OjoEm {
    margin-top: 16px
}

.content-1rmYE- .confirmButton-1OjoEm,
.content-1rmYE- .tryButton-3TAXEf {
    color: var(--brand-experiment)
}

.pointer-1iS5lL {
    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-laUYTP {
    margin-left: -3px;
    margin-right: -7px;
    padding: 4px 0 4px 4px;
    min-height: 24px;
    max-height: 132px
}

.scroller-laUYTP.expanded-LHUGj9 {
    margin-bottom: 4px
}

.voiceUsers-25eR9q {
    display: grid;
    grid-template-columns: repeat(8, 24px);
    gap: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.expandButton-16yJoR {
    grid-row: 1;
    grid-column: 8
}

.avatarContainer-3tBLDx {
    border-radius: 50%;
    overflow: hidden
}

.avatar-2EVtgZ {
    display: block;
    width: 24px;
    height: 24px;
    background-size: 100%;
    border-radius: 50%;
    cursor: pointer
}

.speaking-3K28iH {
    -webkit-box-shadow: inset 0 0 0 2px hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%), inset 0 0 0 3px var(--background-secondary);
    box-shadow: inset 0 0 0 2px hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%), inset 0 0 0 3px var(--background-secondary)
}

.avatarIconOverlay-ZVSfbr {
    padding: 4px;
    background-color: rgba(0, 0, 0, .3);
    color: #fff
}

.avatarIconRed-uo-tMF {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.container-1zzFcN {
    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-llGtyq {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.channel-3prF2u:hover {
    text-decoration: underline
}

.statusWithPopout-1MDqs1 {
    cursor: pointer
}

.statusWithPopout-1MDqs1:hover {
    text-decoration: underline
}

.hotspot-Rtudwi {
    position: absolute;
    top: 1px;
    right: 1px
}

.customStatusContainer-wwBL13 {
    position: relative
}

.noiseCancellationPopout-2-e5Xz {
    background: var(--background-floating);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    width: 239px;
    border-radius: 4px;
    padding: 16px
}

.noiseCancellationTooltip-xjIjHQ {
    max-width: 150px;
    text-align: center
}

.krispLogo-aWHaan {
    width: 44px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.krispLink-1g44vn {
    font-size: 14px
}

.micTestButton-2Ct97k {
    width: 60px;
    padding: 0 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.beta-2cCzqU {
    color: var(--header-secondary);
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 2px
}

.connection-3k9QeF,
.voiceUsers-3gPcwY {
    padding-bottom: 4px
}

.voiceUsers-3gPcwY {
    padding-top: 2px
}

.actionButtons-2vEOUh {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    grid-gap: 8px;
    padding-top: 4px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.button-1EGGcP {
    min-width: auto
}

.button-1EGGcP.buttonColor-3bP3fX,
.button-1EGGcP .buttonColor-3bP3fX {
    background-color: var(--background-primary);
    color: var(--interactive-active)
}

.button-1EGGcP.buttonColor-3bP3fX:hover,
.button-1EGGcP .buttonColor-3bP3fX:hover {
    background-color: var(--background-secondary)
}

.button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx,
.button-1EGGcP .buttonColor-3bP3fX.buttonActive-Uc1jHx {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    color: #fff
}

.button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx:hover,
.button-1EGGcP .buttonColor-3bP3fX.buttonActive-Uc1jHx:hover {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*51.6%), 52.2%)
}

.button-1EGGcP.buttonColor-3bP3fX.fauxDisabled-8w0hCZ,
.button-1EGGcP .buttonColor-3bP3fX.fauxDisabled-8w0hCZ,
.button-1EGGcP.buttonColor-3bP3fX:disabled,
.button-1EGGcP .buttonColor-3bP3fX:disabled {
    background-color: var(--background-primary);
    color: var(--interactive-active);
    opacity: .3
}

.buttonIcon-2Zsrs2 {
    width: 20px;
    height: 20px
}

.buttonIcon-2Zsrs2.withText-2iJppd {
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.voicePanelIntroductionHeader-PkvhT0,
.voicePanelIntroductionText-1qZXF0 {
    text-align: center
}

.voicePanelIntroductionHeader-PkvhT0 {
    color: var(--header-primary)
}

.voicePanelIntroductionText-1qZXF0 {
    margin-top: 4px;
    font-weight: 400;
    color: var(--header-secondary)
}

.voicePanelIntroductionButton-FOW_3A {
    margin: 16px auto 0;
    width: 100%
}

.voicePanelIntroductionWrapper-2XiXqV {
    max-width: 280px;
    padding: 16px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.voicePanelIntroductionWrapper-2XiXqV:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top-color: #fff
}

.wrapper-3Hk9OB {
    position: relative;
    overflow: visible
}

.viewAsRolesWarning-1lkgoG {
    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-1lkgoG .viewAsRolesWarningText-1LqLvB {
    margin-bottom: 16px
}

.viewAsRolesWarning-1lkgoG .viewAsRolesWarningButton-2X65h1 {
    padding: 8px 16px
}

.theme-light .krispLogo-aWHaan {
    background-image: url(/assets/23e073eb0ee21f94de11e5d0a7eec50e.svg)
}

.theme-dark .krispLogo-aWHaan {
    background-image: url(/assets/f69210154879227d0ede0308465cf388.svg)
}

.container-1eFtFS {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.downloadProgressCircle-cw2V0G {
    width: 24px;
    height: 24px;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.guilds-2JjMmN {
    position: relative;
    width: 72px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.base-2jDfDU {
    flex-direction: column;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.base-2jDfDU,
.sidebar-1tnWFu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    overflow: hidden
}

.sidebar-1tnWFu {
    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-1tnWFu.hidden-38rxp9 {
    width: 0;
    visibility: hidden
}

.platform-win .sidebar-1tnWFu {
    border-radius: 8px 0 0;
    overflow: hidden
}

.sidebar-1tnWFu.hasNotice-1s68so,
.platform-win .sidebar-1tnWFu.hasNotice-1s68so {
    border-radius: 0
}

.panels-3wFtMD {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: var(--background-secondary-alt);
    z-index: 1
}

.content-1SgpWY {
    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-9icbyU {
    border-bottom: 1px solid var(--background-modifier-accent)
}

@media (max-width:760px) {
    .hiddenOnMobileStore-2z5BJi {
        display: none
    }
}

.enable-forced-colors .sidebar-1tnWFu {
    border-right: 2px solid CanvasText
}

.enable-forced-colors .panels-3wFtMD {
    border-top: 2px solid CanvasText
}

.root-1e2tfc {
    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-1e2tfc,
.root-1e2tfc.previewCamera-3YvfrP {
    -webkit-box-orient: vertical
}

.root-1e2tfc.previewCamera-3YvfrP {
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    overflow: hidden
}

.previewRoot-3sYB8d {
    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-3-T_xC,
.preview-3-T_xC:after,
.previewRoot-3sYB8d {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.preview-3-T_xC:after {
    content: "";
    background: linear-gradient(#18191c, transparent 84px, transparent 183px, #18191c)
}

.mainChannelInfo-3I-_7Y {
    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-3I-_7Y .titleGroup-Wf8cWW {
    max-width: 100%
}

.mainChannelInfo-3I-_7Y .icon-kZI9Yh {
    margin: 16px 0
}

.mainChannelInfo-3I-_7Y .subtitle-NatkZZ,
.mainChannelInfo-3I-_7Y .title-1xszmS {
    text-align: center
}

.mainChannelInfo-3I-_7Y .title-1xszmS {
    margin-bottom: 2px;
    color: var(--header-primary);
    min-width: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow-wrap: break-word
}

.mainChannelInfo-3I-_7Y .subtitle-NatkZZ {
    margin-bottom: 24px;
    color: var(--header-secondary)
}

.previewChannelHeader-eFlbuJ {
    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-eFlbuJ .titleGroup-Wf8cWW {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: 0
}

.previewChannelHeader-eFlbuJ .icon-kZI9Yh {
    margin-right: 16px
}

.previewChannelHeader-eFlbuJ .subtitle-NatkZZ,
.previewChannelHeader-eFlbuJ .title-1xszmS {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--header-primary)
}

.wrapper-3X0c60 {
    z-index: 10;
    pointer-events: all
}

.title-1xszmS {
    font-weight: 600
}

.actions-AdUAR0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.actionButton-2S7dMn {
    margin-right: 16px;
    line-height: 0
}

.actionButton-2S7dMn.last-2rLGug {
    margin-right: 0
}

.previewButton-27dhkc {
    margin-top: 16px
}

.premiumLabel-3HPvdB {
    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;
    z-index: 3;
    pointer-events: none
}

.selected-2Uns2B {
    color: #fff
}

.selectedIcon-2zSuOP {
    fill: #fff
}

.background-Gjdjzm {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.selectedBackground-1t6xXq {
    background-color: var(--brand-experiment)
}

.auPromo-Gk5s48 {
    background: -webkit-gradient(linear, left top, right top, from(#8547c6), to(#e292ab));
    background: linear-gradient(90deg, #8547c6, #e292ab)
}

.theme-dark .auPromo-Gk5s48 {
    opacity: .4
}

.theme-dark .auPromo-Gk5s48:hover {
    opacity: .6
}

.theme-light .auPromo-Gk5s48 {
    opacity: .8
}

.theme-light .auPromo-Gk5s48:hover {
    opacity: 1
}

.auPromoSelected-336Wc2 {
    background: -webkit-gradient(linear, left top, right top, from(#8547c6), to(#e292ab));
    background: linear-gradient(90deg, #8547c6, #e292ab);
    opacity: 1
}

.standardSidebarView-E9Pc3j {
    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-E9Pc3j,
.standardSidebarView-E9Pc3j * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.platform-win .standardSidebarView-E9Pc3j {
    top: 22px
}

.platform-osx .standardSidebarView-E9Pc3j:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 22px;
    z-index: 10;
    -webkit-app-region: drag
}

.sidebarRegion-1VBisG {
    -ms-flex: 1 0 218px;
    flex: 1 0 218px;
    z-index: 1;
    -ms-flex-pack: end
}

.sidebarRegion-1VBisG,
.sidebarRegionScroller-FXiQOh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.sidebarRegionScroller-FXiQOh {
    -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-nqHbhN {
    width: 218px;
    padding: 60px 6px 60px 20px
}

.contentTransitionWrap-1YD530 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.contentRegionScroller-2_GT_N {
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-x: hidden;
    background-color: var(--background-primary)
}

.contentRegionScroller-2_GT_N .toolsContainer-25FL6V {
    margin-right: 21px
}

.contentRegionScroller-2_GT_N .tools-kIrEGr {
    position: fixed
}

.contentRegionHiddenSidebar-GvtLIC {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contentRegionShownSidebar-fHXkEg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.contentRegion-3HkfJJ {
    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-1C7as6,
.customColumn-2n-oKU {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 740px;
    min-width: 460px;
    min-height: 100%
}

.contentColumnDefault-3eyv5o {
    position: relative;
    padding: 60px 40px 80px
}

.contentColumnMinimal-32PuDO {
    padding-right: 40px
}

.customHeader-1Ic9GL {
    padding-top: 60px
}

.customColumn-2n-oKU {
    padding-bottom: 0
}

.customContainer-dK1ozq {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.customScroller-m1-jZn {
    position: static;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.customScroller-m1-jZn>div {
    margin-left: 40px;
    margin-right: 97px;
    max-width: 660px;
    min-width: 404px
}

.noticeRegion-qjyUVg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 71px;
    max-width: 740px;
    padding: 0 20px 20px;
    z-index: 2
}

.noticeRegionHiddenSidebar-10PEPB {
    margin: 0 auto
}

.toolsContainer-25FL6V {
    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-dK1ozq: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-dK1ozq: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)
}

.tabBarItemContainer-2HdIlr {
    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
}

.wrapper-28gGin {
    position: relative;
    max-width: 100%;
    overflow: hidden
}

.collection-1wHNEE {
    position: absolute;
    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;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.rows-SnWr_M {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0;
    flex: 1 0
}

.row-18xk2A,
.rows-SnWr_M {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1
}

.row-18xk2A {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 1 0;
    flex: 1 0
}

.image-34Yb6n {
    border-radius: 50%
}

.lineClamp-1znmr- {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.selectable-265Yam {
    -webkit-user-select: select;
    -moz-user-select: select;
    -ms-user-select: select;
    user-select: select
}

.eyebrow-Ejf06y {
    font-family: var(--font-display);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.heading-sm-regular-1BbBCE {
    font-weight: 400
}

.heading-sm-medium-7K3WMh,
.heading-sm-regular-1BbBCE {
    font-family: var(--font-display);
    font-size: 12px;
    line-height: 24px
}

.heading-sm-medium-7K3WMh {
    font-weight: 600
}

.heading-sm-bold-1FcNP- {
    font-family: var(--font-display);
    font-size: 12px;
    line-height: 24px;
    font-weight: 700
}

.heading-md-regular-UXdjJY {
    font-weight: 400
}

.heading-md-medium-2DVCeJ,
.heading-md-regular-UXdjJY {
    font-family: var(--font-display);
    font-size: 17px;
    line-height: 24px
}

.heading-md-medium-2DVCeJ {
    font-weight: 600
}

.heading-md-bold-qvVVvk {
    font-family: var(--font-display);
    font-size: 17px;
    line-height: 24px;
    font-weight: 700
}

.heading-lg-regular-3aGezK {
    font-weight: 400
}

.heading-lg-medium-3gUJeM,
.heading-lg-regular-3aGezK {
    font-family: var(--font-display);
    font-size: 20px;
    line-height: 24px
}

.heading-lg-medium-3gUJeM {
    font-weight: 600
}

.heading-lg-bold-3uwrwG {
    font-family: var(--font-display);
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
}

.heading-xl-regular-2yN4QG {
    font-weight: 400
}

.heading-xl-medium-_XBxHT,
.heading-xl-regular-2yN4QG {
    font-family: var(--font-display);
    font-size: 25px;
    line-height: 30px
}

.heading-xl-medium-_XBxHT {
    font-weight: 600
}

.heading-xl-bold-NSc3DL {
    font-family: var(--font-display);
    font-size: 25px;
    line-height: 30px;
    font-weight: 700
}

.heading-xxl-regular-1Ft56I {
    font-weight: 400
}

.heading-xxl-medium-1hl0GL,
.heading-xxl-regular-1Ft56I {
    font-family: var(--font-display);
    font-size: 34px;
    line-height: 40px
}

.heading-xxl-medium-1hl0GL {
    font-weight: 600
}

.heading-xxl-bold-3iEWjT {
    font-family: var(--font-display);
    font-size: 34px;
    line-height: 40px;
    font-weight: 700
}

.text-xxs-medium-333Dkr {
    font-weight: 400
}

.text-xxs-medium-333Dkr,
.text-xxs-semibold-3gffAM {
    font-family: var(--font-primary);
    font-size: 10px;
    line-height: 12px
}

.text-xxs-semibold-3gffAM {
    font-weight: 500
}

.text-xxs-bold-1-1AOx {
    font-family: var(--font-primary);
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

.text-xs-medium-2LRpEj {
    font-weight: 400
}

.text-xs-medium-2LRpEj,
.text-xs-semibold-3E_l31 {
    font-family: var(--font-primary);
    font-size: 12px;
    line-height: 16px
}

.text-xs-semibold-3E_l31 {
    font-weight: 500
}

.text-xs-bold-1NF1lz {
    font-family: var(--font-primary);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.text-sm-medium-3Pz3rB {
    font-weight: 400
}

.text-sm-medium-3Pz3rB,
.text-sm-semibold-3TWn25 {
    font-family: var(--font-primary);
    font-size: 14px;
    line-height: 18px
}

.text-sm-semibold-3TWn25 {
    font-weight: 500
}

.text-sm-bold-1Dtt0R {
    font-family: var(--font-primary);
    font-size: 14px;
    line-height: 18px;
    font-weight: 700
}

.text-md-medium-2avxhQ {
    font-weight: 400
}

.text-md-medium-2avxhQ,
.text-md-semibold-3xVVGu {
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 20px
}

.text-md-semibold-3xVVGu {
    font-weight: 500
}

.text-md-bold-22PzaZ {
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.text-lg-medium-3LMagp {
    font-weight: 400
}

.text-lg-medium-3LMagp,
.text-lg-semibold-2iEErr {
    font-family: var(--font-primary);
    font-size: 20px;
    line-height: 24px
}

.text-lg-semibold-2iEErr {
    font-weight: 500
}

.text-lg-bold-2qE8R- {
    font-family: var(--font-primary);
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
}

.code-3Z6ejW {
    font-family: var(--font-code);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

.display-bold-2jcCR3 {
    font-family: var(--font-headline);
    font-size: 48px;
    line-height: 50px;
    font-weight: 700
}

.icons-3NJo_5,
.wrapper-1yRZ0I {
    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
}

.icons-3NJo_5 {
    margin-right: 8px
}

.iconMask-2HPOLl {
    margin-right: -4px
}

.icon-32AT8g {
    border-radius: 50%
}

.iconSmall-2nUTWV {
    height: 16px;
    width: 16px
}

.iconLarge-3zNVba {
    height: 24px;
    width: 24px
}

.moreGuilds-2H5ieC {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--background-tertiary);
    font-weight: 500;
    color: var(--text-normal);
    text-align: center;
    padding: 0 4px
}

.moreGuildsSmall-3Nh4Rv {
    height: 16px;
    min-width: 16px;
    border-radius: 16px;
    font-size: 10px;
    line-height: 16px
}

.moreGuildsLarge-32DxZk {
    height: 24px;
    min-width: 24px;
    border-radius: 24px;
    font-size: 12px;
    line-height: 24px
}

.listing-HhaQVc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.clickable-WBCFI5 {
    padding: 16px;
    border-radius: 8px
}

.clickable-WBCFI5:hover {
    background-color: var(--background-modifier-hover);
    cursor: pointer
}

.topWrapper-14WvjI {
    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
}

.icon-S3vUHH {
    border-radius: 100%
}

.icon-S3vUHH,
.info-3LzhX9 {
    margin-right: 16px
}

.info-3LzhX9 {
    -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
}

.name-kxDvkG {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 4px
}

.details-RdX13f {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2px
}

.bullet-11rxWj {
    color: var(--interactive-muted);
    margin: 0 4px
}

.bottomGuildCountContainer-1H1IaU {
    margin-top: auto;
    padding-top: 16px
}

.wrapper-2qpfL1 {
    width: 100%;
    height: 280px
}

.clickable-9ZzLxA,
.wrapper-2qpfL1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.clickable-9ZzLxA {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 16px;
    border-radius: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.clickable-9ZzLxA:hover {
    background-color: var(--background-modifier-hover);
    cursor: pointer
}

.image-1tL-8L {
    min-width: 0;
    max-width: 496px;
    border-radius: 8px;
    background-color: var(--background-secondary);
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.details-2s-FHE {
    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: 496px;
    margin-left: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1;
    flex: 0 1
}

.listing-3NaCVO {
    min-width: 320px
}

.description-28V9Sj {
    margin-top: 24px
}

.page-2bcQ5W {
    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
}

.icons-3eA_dK {
    width: 100%;
    height: 384px;
    background-color: var(--background-secondary-alt);
    border-radius: 8px
}

.heading-3-I23h {
    margin-top: 32px
}

.subheading-33O8UO {
    margin-top: 8px;
    color: var(--header-secondary);
    font-weight: 400
}

.listing-e34tYE {
    margin-top: 32px
}

.listing-e34tYE:not(:last-child) {
    padding-bottom: 32px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.list-1QwTAI {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 192px
}

.category-1PNLoM,
.list-1QwTAI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.category-1PNLoM {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 12px;
    margin-bottom: 4px;
    border-radius: 8px;
    cursor: pointer
}

.category-1PNLoM:hover {
    background-color: var(--background-modifier-hover)
}

.category-1PNLoM:hover .icon-2PlVg2 {
    color: var(--interactive-hover)
}

.category-1PNLoM.activeCategory-1uHaJh {
    background-color: var(--background-modifier-selected);
    cursor: unset
}

.category-1PNLoM.activeCategory-1uHaJh .icon-2PlVg2 {
    color: var(--interactive-active)
}

.icon-2PlVg2 {
    color: var(--interactive-normal);
    margin-right: 12px
}

.count-3YGFP- {
    margin-left: auto;
    padding-left: 16px
}

.header-3gEzgM {
    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;
    margin-bottom: 16px
}

.list-3CGdLp {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
    grid-gap: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 16px
}

.listingDescription-2UR2uo {
    margin-top: 16px;
    overflow: hidden;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.container-2-Yu2P {
    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;
    border-radius: 8px;
    background-color: var(--background-secondary);
    padding: 64px
}

.image-2hozZA {
    width: 240px;
    margin-bottom: 32px
}

.header-3aH0D3 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 8px
}

.container-3VoU1F {
    position: relative;
    min-height: 150px
}

.spinnerContainer-3RzHiw {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.spinner-yAMNPz {
    justify-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.loading-LX8Wyf {
    opacity: .1
}

.collection-3r8uda {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    min-height: 240px;
    margin-bottom: 32px;
    background-color: var(--background-tertiary);
    border-radius: 8px
}

.collection-3r8uda,
.info-1uu0EF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.info-1uu0EF {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px
}

.icons-1PXmQp {
    width: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.icons-1PXmQp:before {
    z-index: 10;
    top: 0;
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%
}

.name-22P_kv {
    color: var(--header-secondary);
    margin-bottom: 16px
}

.heading-2xn5Ws {
    margin-bottom: 24px;
    font-weight: 400
}

.button-2m71XK {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.theme-dark .icons-1PXmQp:before {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--background-tertiary)), color-stop(6.67%, rgba(32, 34, 37, .991353)), color-stop(13.33%, rgba(32, 34, 37, .96449)), color-stop(20%, rgba(32, 34, 37, .91834)), color-stop(26.67%, rgba(32, 34, 37, .852589)), color-stop(33.33%, rgba(32, 34, 37, .768225)), color-stop(40%, rgba(32, 34, 37, .668116)), color-stop(46.67%, rgba(32, 34, 37, .557309)), color-stop(53.33%, rgba(32, 34, 37, .442691)), color-stop(60%, rgba(32, 34, 37, .331884)), color-stop(66.67%, rgba(32, 34, 37, .231775)), color-stop(73.33%, rgba(32, 34, 37, .147411)), color-stop(80%, rgba(32, 34, 37, .0816599)), color-stop(86.67%, rgba(32, 34, 37, .03551)), color-stop(93.33%, rgba(32, 34, 37, .0086472)), to(transparent));
    background-image: linear-gradient(90deg, var(--background-tertiary) 0, rgba(32, 34, 37, .991353) 6.67%, rgba(32, 34, 37, .96449) 13.33%, rgba(32, 34, 37, .91834) 20%, rgba(32, 34, 37, .852589) 26.67%, rgba(32, 34, 37, .768225) 33.33%, rgba(32, 34, 37, .668116) 40%, rgba(32, 34, 37, .557309) 46.67%, rgba(32, 34, 37, .442691) 53.33%, rgba(32, 34, 37, .331884) 60%, rgba(32, 34, 37, .231775) 66.67%, rgba(32, 34, 37, .147411) 73.33%, rgba(32, 34, 37, .0816599) 80%, rgba(32, 34, 37, .03551) 86.67%, rgba(32, 34, 37, .0086472) 93.33%, transparent)
}

.theme-light .icons-1PXmQp:before {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--background-tertiary)), color-stop(3.35%, rgba(227, 229, 232, .991353)), color-stop(6.66%, rgba(227, 229, 232, .96449)), color-stop(10%, rgba(227, 229, 232, .91834)), color-stop(13.34%, rgba(227, 229, 232, .852589)), color-stop(16.67%, rgba(227, 229, 232, .768225)), color-stop(20%, rgba(227, 229, 232, .668116)), color-stop(23.34%, rgba(227, 229, 232, .557309)), color-stop(26.67%, rgba(227, 229, 232, .442691)), color-stop(30%, rgba(227, 229, 232, .331884)), color-stop(33.34%, rgba(227, 229, 232, .231775)), color-stop(36.67%, rgba(227, 229, 232, .147411)), color-stop(40%, rgba(227, 229, 232, .0816599)), color-stop(43.34%, rgba(227, 229, 232, .03551)), color-stop(46.67%, rgba(227, 229, 232, .0086472)), color-stop(50%, transparent));
    background-image: linear-gradient(90deg, var(--background-tertiary) 0, rgba(227, 229, 232, .991353) 3.35%, rgba(227, 229, 232, .96449) 6.66%, rgba(227, 229, 232, .91834) 10%, rgba(227, 229, 232, .852589) 13.34%, rgba(227, 229, 232, .768225) 16.67%, rgba(227, 229, 232, .668116) 20%, rgba(227, 229, 232, .557309) 23.34%, rgba(227, 229, 232, .442691) 26.67%, rgba(227, 229, 232, .331884) 30%, rgba(227, 229, 232, .231775) 33.34%, rgba(227, 229, 232, .147411) 36.67%, rgba(227, 229, 232, .0816599) 40%, rgba(227, 229, 232, .03551) 43.34%, rgba(227, 229, 232, .0086472) 46.67%, transparent 50%)
}

.banner-2GTixV {
    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: hsl(235, calc(var(--saturation-factor, 1)*46.7%), 44.1%);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 48px
}

.image-3_WA8x {
    width: 128px;
    height: 64px;
    margin: 0 16px -16px 0;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.text-LCEEPb {
    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;
    flex: 1 1;
    margin-right: 16px;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.heading-3_pkMi {
    font-weight: 600
}

.page-29Atp- {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.content-2sMeyG,
.page-29Atp- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.content-2sMeyG {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    width: calc(100% - 240px)
}

.sidebar-23BHZs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0;
    margin-right: 48px;
    min-width: 192px
}

.section-kB-N7k,
.separator-3npiVu {
    margin-bottom: 32px
}

.separator-3npiVu {
    border-bottom: 1px solid var(--background-modifier-accent)
}

.listing-hoCzxI {
    background-color: var(--background-secondary)
}

.listing-hoCzxI:hover {
    background-color: var(--background-secondary-alt)
}

.container-1LIU-M {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.container-1LIU-M,
.list-3ykg7W {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-3ykg7W {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 16px 16px;
    background-color: var(--background-secondary);
    border-radius: 8px
}

.permission-3ZNRdl {
    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-3Fp8pO {
    color: var(--status-positive)
}

.check-3Fp8pO,
.cross-vHLzBr {
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cross-vHLzBr {
    color: var(--status-danger)
}

.permissionHeader-3AhiGG {
    margin-top: 16px;
    margin-bottom: 0
}

.list-1bztb- {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    background-color: var(--background-secondary);
    border-radius: 8px
}

.list-1bztb-,
.row-2hRKmO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.row-2hRKmO {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.row-2hRKmO:not(:last-child) {
    margin-bottom: 16px
}

.commandName-SDgdgz {
    padding: 10px 12px;
    background-color: var(--background-primary);
    margin-right: 16px;
    border: 1px solid var(--background-modifier-accent);
    border-radius: 4px;
    font-weight: 600
}

.card-sX105p {
    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: 248px;
    background-color: var(--background-secondary-alt);
    border-radius: 8px
}

.card-sX105p:hover {
    cursor: pointer
}

.cardHeader-1DraIq {
    height: 108px;
    position: relative;
    display: block;
    overflow: visible;
    margin-bottom: 33px
}

.splashImage-1iRUgw {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.guildIcon-1Falt2 {
    position: absolute;
    bottom: -32px;
    left: 12px
}

.iconMask-3ouKqH {
    padding: 4px;
    background-color: var(--background-secondary-alt)
}

.cardDetails-2JnFSX {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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
}

.cardDetails-2JnFSX,
.guildNameWrapper-2SntYa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.guildNameWrapper-2SntYa {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    margin-bottom: 4px
}

.guildBadge-2HnTd8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-left: -2px
}

.guildName-2xpi8u {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.guildDescription-5l1nBH {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.memberInfo-3Kea5p {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.memberCountWrapper-32N_gC,
.memberInfo-3Kea5p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.memberCountWrapper-32N_gC {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.memberCountIcon-1Q1_EF {
    color: var(--header-secondary);
    margin-right: 4px
}

.sidebar-v5g5M6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.icon-27bq3U {
    border-radius: 50%;
    margin-bottom: 48px
}

.section-1A475D {
    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: 32px
}

.buttons-2HnUgN {
    display: grid;
    grid-template-rows: auto auto;
    gap: 8px
}

.sectionHeader-2Lk3oY {
    color: var(--header-secondary);
    margin-bottom: 8px
}

.listItem-3C4TCU {
    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
}

.listItem-3C4TCU:not(:last-child) {
    margin-bottom: 12px
}

.listItem-3C4TCU.linkItem-2RoFnB:hover {
    cursor: pointer
}

.listItem-3C4TCU.linkItem-2RoFnB:hover .listIcon-1_fckz,
.listItem-3C4TCU.linkItem-2RoFnB:hover .listText-1hmciy {
    color: var(--interactive-active)
}

.listIcon-1_fckz {
    margin-right: 8px;
    color: var(--interactive-normal)
}

.listImage-3s0HNa {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 8px
}

.categories-14RUGF {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-bottom: -8px
}

.categories-14RUGF,
.category-3LanTP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.category-3LanTP {
    height: 32px;
    padding: 0 16px;
    -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-modifier-accent);
    border-radius: 4px;
    text-transform: capitalize;
    font-weight: 600;
    margin-right: 8px;
    margin-bottom: 8px
}

.category-3LanTP:hover {
    background-color: var(--background-modifier-hover);
    cursor: pointer
}

.outerContainer-3TtTZf {
    margin-left: -24px;
    -webkit-clip-path: inset(0 0 0 24px);
    clip-path: inset(0 0 0 24px)
}

.innerContainer-jCNd69,
.outerContainer-3TtTZf {
    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: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.languageItem-2Ex9oA {
    padding-left: 8px
}

.languageItem-2Ex9oA:before {
    content: "\2022";
    margin-right: 8px;
    display: inline-block;
    width: 1ch;
    text-align: center;
    color: var(--interactive-muted)
}

.page-3FiAB5 {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.content-3nFcS4,
.page-3FiAB5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.content-3nFcS4 {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-normal);
    width: calc(100% - 240px)
}

.headerContent-1ruWaB {
    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
}

.sidebar-z1V1wx {
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0;
    margin-right: 48px;
    min-width: 192px
}

.spinner-ydAtHh {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 64px
}

.name-2zen42 {
    font-weight: 700;
    margin-bottom: 8px
}

.description-2cxA9J {
    font-weight: 400;
    color: var(--header-secondary);
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 18px
}

.detailedDescription-no5P98 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-normal) !important
}

.detailedDescription-no5P98 div {
    margin-bottom: 24px
}

.detailedDescription-no5P98 blockquote,
.detailedDescription-no5P98 pre,
.detailedDescription-no5P98 table {
    margin: 24px 0 !important
}

.detailedDescription-no5P98 blockquote,
.detailedDescription-no5P98 ol,
.detailedDescription-no5P98 ul {
    margin-left: 24px !important
}

.infoBar-3YgVW1 {
    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: 32px
}

.separator-3iCpOF {
    border-bottom: 1px solid var(--background-modifier-accent)
}

.section-1qerRj:not(:last-child),
.separator-3iCpOF {
    margin-bottom: 32px
}

.commandList-35zQ3p {
    margin-top: 16px
}

.sectionHeader-197AaY {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 8px
}

.relatedHeader-1SjiQh {
    color: var(--header-secondary);
    margin-bottom: 32px
}

.carousel-3J97AY {
    background: transparent;
    margin-bottom: -20px
}

.overflow-3vne89 {
    cursor: pointer
}

.iconInteractive-T4b09S {
    color: var(--interactive-normal)
}

.iconInteractive-T4b09S:hover {
    color: var(--interactive-active)
}

.page-3oG5OQ {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.content-19Pm_9,
.page-3oG5OQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.content-19Pm_9 {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    width: calc(100% - 240px)
}

.sidebar-1iR2vV {
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0;
    margin-right: 48px;
    min-width: 192px
}

.header-38f1ax {
    margin-left: 16px;
    margin-bottom: 32px;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400
}

.listing-2-3kHA .listingDetails-1tUwVY {
    margin-left: 64px;
    padding-bottom: 16px;
    margin-bottom: -16px
}

.listing-2-3kHA:not(:last-child):hover .listingDetails-1tUwVY {
    border-bottom: 1px solid transparent
}

.listing-2-3kHA:not(:last-child):not(:hover) .listingDetails-1tUwVY {
    border-bottom: 1px solid var(--background-modifier-accent)
}

.listingDescription-Ql1Rfy {
    margin-top: 8px;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.directoryModal-YJsOMv {
    height: 100%;
    padding: 32px 200px 64px
}

.content-3C5Io5 {
    position: relative;
    min-width: 600px;
    max-width: 1024px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.closeWrapper-3LFoyE,
.content-3C5Io5 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.closeWrapper-3LFoyE {
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 32px;
    z-index: 1
}

.closeContent-38PPXq {
    position: fixed;
    width: 100%;
    min-width: 1000px;
    max-width: 1424px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: none
}

.closeIcon-E-iBdE {
    position: relative;
    right: 120px;
    pointer-events: all
}

.header-XAevvr {
    margin-top: 8px;
    margin-bottom: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-XAevvr,
.titleContainer-1P_BAz {
    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
}

.titleContainer-1P_BAz {
    cursor: pointer
}

.logo-ScFp2k {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    margin-right: 8px
}

.title-3BMO07 {
    font-size: 17px
}

.developerResources-2mi-kL:hover {
    cursor: pointer;
    color: var(--interactive-hover)
}

.hero-1mv2gr {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px;
    margin-bottom: 48px
}

.hero-1mv2gr,
.heroTextWrapper-2gwAHq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.heroTextWrapper-2gwAHq {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 44px
}

.heroPrimaryText-zCuHCf {
    font-family: Ginto Nord, Ginto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 44px;
    line-height: 95%;
    font-weight: 800;
    margin-bottom: 16px
}

.heroSecondaryText-1OEcq9 {
    color: var(--header-secondary);
    font-weight: 400
}

.back-1RLxsC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.back-1RLxsC:hover .backHeader-2Yfz4X,
.back-1RLxsC:hover .backIcon-3OYRTx {
    color: var(--interactive-hover)
}

.backIcon-3OYRTx {
    margin-right: 12px
}

.backHeader-2Yfz4X,
.backIcon-3OYRTx {
    color: var(--interactive-normal)
}

.backHeader-2Yfz4X {
    font-size: 17px;
    line-height: 24px
}

.search-3eDkEO {
    margin-bottom: 48px;
    background-color: var(--background-tertiary) !important;
    border-radius: 8px
}

.theme-light .directoryModal-YJsOMv {
    background-color: #fff
}

.theme-dark .directoryModal-YJsOMv {
    background-color: #36393f
}

.search-YHPLrm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: visible;
    z-index: 100;
    -webkit-app-region: no-drag
}

.search-YHPLrm .DraftEditor-root {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    padding: 4px 0
}

.search-YHPLrm .DraftEditor-root .DraftEditor-editorContainer {
    border: none;
    overflow: hidden;
    border-radius: 2px;
    height: 20px
}

.search-YHPLrm .DraftEditor-root .public-DraftEditor-content,
.search-YHPLrm .DraftEditor-root .public-DraftEditorPlaceholder-root {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-top: 2px;
    padding-bottom: 20px;
    padding-left: 2px;
    padding-right: 2px
}

.search-YHPLrm .DraftEditor-root .public-DraftEditorPlaceholder-root {
    color: var(--text-muted);
    padding-left: 4px
}

.search-YHPLrm .DraftEditor-root .public-DraftEditor-content {
    overflow-x: auto;
    overflow-y: hidden
}

.search-YHPLrm .DraftEditor-root .public-DraftStyleDefault-block {
    display: inline-block;
    min-width: 1px;
    white-space: pre
}

.search-YHPLrm .DraftEditor-root .public-DraftStyleDefault-block span {
    min-width: 1px
}

.searchBar-1RS23m {
    -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;
    height: 32px;
    width: 520px;
    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-1RS23m .searchIcon-1qRu7u {
    width: 24px;
    height: 24px
}

.filter-200iAP,
.sort-18bPyo {
    font-size: 14px;
    line-height: 18px
}

.sort-18bPyo {
    height: 32px;
    margin-left: 12px
}

.filterButton-3-Jts5,
.sortButton-2tkgWT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.filterIcon-1R8ZGH,
.sortIcon-vRIwks {
    margin-left: 4px
}

.formTitle-13ZNFE {
    margin-bottom: 0
}

.customHeader-2QbUW5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.divider-3HCeTo {
    margin: 20px 0
}

.content-2qdcj8 {
    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
}

.row-2igBAg {
    margin-bottom: 4px
}

.centerContainer-w0AGwW {
    padding: 64px;
    -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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.actionContainer-2krsiT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px 16px;
    background-color: var(--background-secondary-alt);
    border-radius: 8px
}

.actionContainer-2krsiT:not(:last-child) {
    margin-bottom: 8px
}

.actionIconContainer-BgAyZv {
    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;
    width: 24px;
    margin-right: 16px
}

.actionIcon-xZ8Xaf {
    color: var(--header-secondary)
}

.actionTextContainer-v3SvgJ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.actionTextHeader-hqjab9 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    font-family: var(--font-primary);
    color: var(--header-primary)
}

.actionTextDescription-3_3DY7 {
    font-size: 12px;
    line-height: 16px;
    font-family: var(--font-primary);
    color: var(--header-secondary)
}

.actionContainer-2krsiT {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.toggle-13MJk5 {
    margin: 0
}

.editChannel-3Y8hih {
    padding-left: 4px;
    color: var(--text-link);
    font-weight: 600;
    cursor: pointer
}

.keywordsTextArea-3QkFoG {
    width: 100%;
    background: var(--background-secondary-alt);
    border: 1px solid var(--background-tertiary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    font-family: var(--font-primary);
    resize: vertical;
    min-height: 40px;
    padding: 12px 12px 24px
}

.paddingTop-YOBQT2 {
    padding-top: 8px
}

.keywordsContainer-2Q8Bnt {
    position: relative
}

.keywordsCounter-sVCkMK {
    position: absolute;
    bottom: 12px;
    right: 12px
}

.searchContainer-15KhJf {
    position: relative
}

.searchBox-14ytp3 {
    padding: 0 innerPadding
}

.searchBar-Y3wNxf {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px;
    margin-right: 16px
}

.resultsList-2d3x5p {
    background-color: var(--background-secondary);
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    border-radius: 5px;
    border: 1px solid var(--background-tertiary);
    padding: 16px;
    height: auto;
    max-height: 260px
}

.resultsListParent-2zd8Fq {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9999
}

.sectionTitle-36U9lT {
    color: var(--header-primary);
    padding-bottom: 16px;
    text-transform: uppercase
}

.selectableSearchRow-1Ca9-X {
    cursor: pointer;
    display: block;
    margin-right: 8px
}

.rowHeight-1QepAW {
    height: 24px
}

.sectionHeight-VYo6fX {
    height: 32px
}

.rowContainer-2jbwJE {
    padding: 2px 0
}

.rowLabel-1e1aXv {
    color: var(--text-normal);
    font-family: var(--font-primary);
    font-size: 14px;
    line-height: 20px
}

.channelLabel-2pgHnS,
.roleLabel-1ML0Dw {
    display: inline;
    background-color: var(--background-modifier-accent);
    border-radius: 4px;
    padding: 2px 4px
}

.sectionFooter-2qPmzv {
    height: 1px;
    padding-top: 13px;
    padding-bottom: 18px;
    vertical-align: middle;
    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
}

.triggerContainer-1T_TRB {
    padding: 16px;
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px
}

.triggerHeader-2lsIwv {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--header-primary)
}

.triggerSettingsContainer--iO5xr {
    padding-top: 8px
}

.dividerContainer-2nP_QR {
    margin: 0 auto;
    width: 2px;
    padding: 6px 0
}

.dividerContainer-2nP_QR,
.dividerIconContainer-E-i3xb {
    background-color: var(--background-modifier-accent)
}

.dividerIconContainer-E-i3xb {
    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: 12px;
    width: 12px;
    border-radius: 50%;
    margin-left: -5.5px
}

.dividierIcon-GVrQQY {
    color: var(--header-primary)
}

.cardContentsContainer-2Esn3Q {
    margin: 0 16px 16px 72px
}

.paddingTop-3dzKdK {
    padding-top: 8px
}

.inputRuleNameContainer-16Elrd {
    margin-top: 25px
}

.inputRuleExemptionsContainer-3fEXxJ {
    margin-top: 24px
}

.ruleSubtextDescription-33OSHh {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--font-primary);
    color: var(--header-secondary);
    padding-bottom: 8px
}

.exemptEditButton-ngniWp {
    margin-top: 16px
}

.footerContainer-Ymppw6 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 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;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px;
    margin: 0;
    background-color: var(--background-secondary-alt);
    border-radius: 0 0 8px 8px
}

.footerAction-1e_V_B {
    margin-left: 8px
}

.mainContainer-yxgti4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 16px;
    margin: 0
}

.mainContainer-yxgti4,
.ruleIconContainer-dXW56- {
    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
}

.ruleIconContainer-dXW56- {
    height: 24px;
    width: 24px;
    padding: 8px;
    border-radius: 50%;
    background-color: var(--background-tertiary);
    margin-right: 16px;
    -webkit-box-sizing: unset;
    box-sizing: unset
}

.ruleIcon-jIriNN {
    color: var(--header-secondary)
}

.ruleTextContainer-akUmjL {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ruleTextHeader-3Trl4R {
    font-size: 17px;
    line-height: 24px;
    font-family: var(--font-display);
    color: var(--header-primary)
}

.ruleTextDescription-oVReTe {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--font-primary);
    color: var(--header-secondary)
}

.actionContainer-1mTfAD {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.toggle-WhhziQ {
    margin: 0
}

.mainContainer-3M-bJE {
    background-color: var(--background-secondary);
    border-radius: 8px
}

.mainContainer-3M-bJE:not(:last-child) {
    margin-bottom: 16px
}

.toggled-1UJTjm {
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.contentExpandContainer-2pkHk1 {
    overflow: hidden
}

.errorMessage-2wGvt4 {
    margin-left: 72px;
    margin-bottom: 16px
}

.actionContainer-EzNGrb {
    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;
    padding: 8px;
    background-color: var(--background-secondary-alt);
    border-radius: 8px;
    margin-top: 8px
}

.actionContainer-EzNGrb:not(:last-child) {
    margin-right: 8px
}

.actionIconContainer-2ss0lG {
    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;
    width: 24px;
    margin-right: 8px
}

.actionIcon-2VtFPq {
    color: var(--text-muted)
}

.actionTextContainer-bWwoa- {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.actionTextHeader-yeCKjC {
    color: var(--header-secondary);
    word-wrap: normal
}

.actionTextHeader-yeCKjC,
.actionTextHelper-11N8co {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    font-family: var(--font-primary)
}

.actionTextHelper-11N8co {
    display: inline;
    color: var(--text-muted);
    margin-left: 4px
}

.displayActionsContainer-2e_RKW {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -8px
}

.keywordsContainer-1vPWq2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--background-secondary-alt);
    border-radius: 4px;
    border: 1px solid var(--background-tertiary);
    position: relative
}

.keywordsList-1dzd9V {
    padding: 12px
}

.keywordsFooter-3Sh0K2 {
    background-color: var(--background-tertiary);
    border-radius: 0 0 4px 4px;
    padding: 8px 16px
}

.keywordsToggledContainer-1Ym1Yc {
    overflow: hidden
}

.keywordsBottomExpansion-2aJ8yS {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: var(--background-tertiary)
}

.expandButton-1AjMYF {
    padding: 2px 0
}

.expandButtonContents-28zHK- {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    font-family: var(--font-primary);
    color: var(--interactive-normal);
    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
}

.toggleIcon-2mqp2D {
    margin-left: 4px;
    color: var(--interactive-normal)
}

.footerContainer-7EAljI {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 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;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px;
    margin: 0;
    background-color: var(--background-secondary-alt);
    border-radius: 0 0 8px 8px
}

.footerAction-Gj0K2_:not(:first-child) {
    margin-left: 8px
}

.addButtonContents-1JooV3 {
    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-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.addButton-239YME {
    margin-right: auto;
    padding: 2px 0
}

.addIcon-1gr18B {
    margin-right: 8px
}

.displayCard-v0MW1C {
    background-color: var(--background-secondary);
    border-radius: 8px
}

.displayCard-v0MW1C:not(:last-child) {
    margin-bottom: 16px
}

.contentExpandContainer-b7VhdK {
    overflow: hidden
}

.editCard-tApAHx {
    background-color: var(--background-secondary);
    border-radius: 8px;
    -webkit-box-shadow: var(--elevation-stroke), var(--elevation-low);
    box-shadow: var(--elevation-stroke), var(--elevation-low)
}

.editCard-tApAHx:not(:last-child),
.errorMessage-24Hzxx {
    margin-bottom: 16px
}

.errorMessage-24Hzxx {
    margin-left: 72px
}

.errorMessage-1H60Eg {
    padding-top: 4px
}

.description-2fiS7x {
    padding-bottom: 32px
}

.close-2ERQdf {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0;
    height: 24px;
    z-index: 2
}

.modal-_rHSrt {
    min-height: unset;
    max-height: 100%
}

.headerText-3IxzFR {
    margin-bottom: 16px
}

.modalContent-2sEnkK {
    padding: 16px
}

.addItemButton-35kQJa {
    margin-top: 8px
}

.dragging-3tfWkM {
    opacity: .6
}

.draggableInputContainer-FzOATw {
    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-2kJlbT {
    -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-2kJlbT:hover .clearButton-fRhl1v {
    opacity: 1
}

.inputWrapper-2kJlbT:hover .rulesInputNumber-2YTTag {
    opacity: 0
}

.rulesInputNumber-2YTTag {
    position: absolute;
    top: 11px;
    left: 8px;
    line-height: 24px;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.rulesTextAreaInput-asSkdy {
    padding-left: 16px;
    border-radius: 4px;
    background-color: var(--background-secondary-alt);
    border: 1px solid var(--background-tertiary);
    white-space: pre-wrap
}

.clearButton-fRhl1v {
    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-fRhl1v:focus,
.clearButton-fRhl1v:hover {
    opacity: 1
}

.clearButton-fRhl1v:focus~.rulesInputNumber-2YTTag,
.clearButton-fRhl1v:hover~.rulesInputNumber-2YTTag {
    opacity: 0
}

.clearButtonRight-1PWLCo {
    left: unset;
    right: 8px
}

.clearIcon-22kZKQ {
    width: 16px;
    height: 16px
}

.dragContainer-1pPoWx {
    padding: 8px;
    cursor: move
}

.dragIcon-1rDt6o {
    color: var(--interactive-normal)
}

.divider-289vuf {
    height: 1px;
    background-color: var(--background-modifier-accent);
    margin: 16px 0
}

.exampleRule-3gJ39X {
    cursor: pointer;
    background-color: var(--background-secondary-alt);
    border-radius: 4px;
    padding: 8px;
    margin: 0 8px 8px 0
}

.exampleRule-3gJ39X.disabled-2jLE4F {
    cursor: not-allowed;
    opacity: .8
}

.errorText-GXNJF0 {
    margin-top: 8px
}

.cancelButton-27BzjU {
    margin-right: 8px
}

.spacedItem-1ADdBP {
    margin-bottom: 16px
}

.characterCount-EkkZhy {
    font-size: 12px;
    right: 12px;
    height: 32px
}

.close-2hitRw {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0;
    height: 24px;
    z-index: 2
}

.modal-1FUVQF {
    min-height: unset;
    max-height: 100%
}

.description-1PoutE {
    margin-top: 8px
}

.body-3ekPwl {
    margin-top: 16px
}

.modalContent-2VwiUI {
    padding: 16px
}

.addItemContainer-KX1VaV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    cursor: pointer
}

.addItemButton-Yt5S4N {
    padding: 0 0 0 8px
}

.dragging-3pRAdi {
    opacity: .6
}

.draggableInputContainer-r_ZoNA {
    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-3bzhAQ {
    -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-3bzhAQ:hover .clearButton-30pQSl {
    opacity: 1
}

.inputWrapper-3bzhAQ:hover .rulesInputNumber-1_cdcT {
    opacity: 0
}

.rulesInputNumber-1_cdcT {
    position: absolute;
    top: 11px;
    left: 8px;
    line-height: 24px;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.rulesTextAreaInput-2S9Tgi {
    padding-left: 16px;
    border-radius: 4px;
    background-color: var(--background-secondary-alt);
    border: 1px solid var(--background-tertiary);
    white-space: pre-wrap
}

.clearButton-30pQSl {
    position: absolute;
    top: 12px;
    right: 8px;
    color: var(--interactive-normal);
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    z-index: 2
}

.clearButton-30pQSl:focus,
.clearButton-30pQSl:hover {
    opacity: 1
}

.clearButton-30pQSl:focus~.rulesInputNumber-1_cdcT,
.clearButton-30pQSl:hover~.rulesInputNumber-1_cdcT {
    opacity: 0
}

.clearIcon-1HiZcM {
    width: 16px;
    height: 16px
}

.dragContainer-bcUi1Q {
    cursor: move;
    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;
    margin-bottom: 12px
}

.dragIcon-bawqYU {
    color: var(--interactive-normal)
}

.divider-3u-LEH {
    height: 1px;
    background-color: var(--background-modifier-accent);
    margin: 24px 0
}

.termsExampleRulesContainer-EyEVeQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.termsExampleRulePairContainer-395dd_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.exampleRule-KGGZmT {
    cursor: pointer;
    background-color: var(--background-secondary-alt);
    border-radius: 4px;
    padding: 8px;
    margin: 0 8px 8px 0
}

.exampleRule-KGGZmT.disabled-K46icK {
    cursor: not-allowed;
    opacity: .8
}

.errorText-2hKMlx {
    margin-top: 8px
}

.spacedItem-18LRut {
    margin-bottom: 16px
}

.button-ykisHc {
    width: auto
}

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

.characterCount-nqQQ-w {
    font-size: 12px;
    right: 12px;
    height: 32px
}

.radioIconEmptyContainer-3MoUwh {
    padding-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px
}

.radioIconEmpty-1g9wd8 {
    color: var(--interactive-normal)
}

.container-kGajJd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.addFieldButtonsContainer-o9K-3B {
    width: 160px;
    margin-right: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.addFieldRow-1H9Fvr {
    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: 20px 0;
    font-weight: 600
}

.addFieldButton-2yCEo4 {
    cursor: pointer
}

.disabled-1_f7z9 {
    opacity: .2
}

.icon-1_mnkD {
    padding: 4px;
    border-radius: 4px;
    background-color: var(--background-secondary);
    margin-right: 8px;
    color: var(--interactive-normal)
}

.iconBackground-1gl4gO {
    fill: var(--background-secondary)
}

.previewContainer-1L7bG- {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 508px
}

.editableFieldsContainer-1p_q_4 {
    margin-right: -40px;
    width: 508px
}

.formPreview-rpoSpL {
    background-color: var(--background-secondary);
    border-radius: 8px;
    padding: 16px
}

.editableFormFieldWrapper-2nw7n8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.editableFormFieldWrapper-2nw7n8:hover .editButtonsWrapper-EvS2uF {
    visibility: visible
}

.dragging-2R1hVW {
    opacity: .5
}

.draggableWrapper-1qxiU8 {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.draggableWrapper-1qxiU8 * {
    cursor: move
}

.editButtonsWrapper-EvS2uF {
    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-2SLR4j {
    cursor: pointer;
    background-color: var(--background-secondary);
    padding: 8px;
    border-radius: 50%;
    margin-bottom: 8px;
    color: var(--interactive-normal)
}

.editButton-2SLR4j:focus,
.editButton-2SLR4j:hover {
    color: var(--interactive-active)
}

.editButtonDisabled-2ekXPo {
    cursor: default
}

.editButtonDisabled-2ekXPo,
.editButtonDisabled-2ekXPo:focus,
.editButtonDisabled-2ekXPo:hover {
    color: var(--interactive-muted)
}

.getStartedWrapper-2mNX-j {
    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: 100%;
    background-color: var(--background-secondary);
    border-radius: 8px;
    padding: 24px 16px;
    margin: 0;
    text-align: center
}

.getStartedIcon-3elXwZ,
.getStartedSubtitle-QTvckb {
    margin-bottom: 16px
}

.getStartedTitle-PTy_PD {
    margin-bottom: 8px
}

.errorBanner-22CLag {
    margin-bottom: 16px
}

.approvalTypeNotice-24Sz0x {
    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-3siULI {
    text-transform: uppercase;
    padding: 8px;
    border-radius: 8px 8px 0 0
}

.autoApprovalTitle-mwG9jJ {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.manualApprovalTitle-1dkxzc {
    background-color: var(--brand-experiment)
}

.approvalTypeBody-3OvfFX {
    padding: 8px;
    background-color: var(--background-secondary);
    border-radius: 0 0 8px 8px
}

.settingsSubtitle-3kIndx {
    color: var(--header-secondary)
}

.enableContainer-1J91Aq {
    padding: 16px;
    background-color: var(--background-secondary-alt);
    border-radius: 4px
}

.iconCircle-1hb_lD {
    margin-right: 16px;
    border-radius: 50%
}

@-webkit-keyframes enable-1Hmbot {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5);
        box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0);
        box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0)
    }
}

@keyframes enable-1Hmbot {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5);
        box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0);
        box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0)
    }
}

.activeCircle-1Rb2oP {
    padding: 4px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    color: #fff
}

.activeCircle-1Rb2oP.animate-15l9Qo {
    -webkit-animation: enable-1Hmbot .6s;
    animation: enable-1Hmbot .6s
}

.editCircle-2uL_D3 {
    padding: 5px;
    background-color: var(--interactive-muted);
    color: var(--interactive-normal)
}

.enableDescription-24IhD6 {
    margin: 0 8px 0 0
}

.previewButton-2HrtRr {
    margin-right: 8px
}

.divider-er61PI {
    height: 1px;
    background: var(--background-modifier-accent);
    margin: 32px 0
}

.descriptionWrapper-3b8aCx {
    margin-top: 32px
}

.introDescription-NxoiSy {
    margin-bottom: 8px
}

.description-2iKM-y {
    margin-bottom: 16px
}

.descriptionSpaced-1-QAxi {
    margin-bottom: 32px
}

.switchField-ijEgcN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.switch-QW9dCN {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.exampleContainer-2O-nVK {
    position: relative;
    background-image: url(/assets/691cf187cd943ed81f043740606878e7.svg);
    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-1lRfuE {
    -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-1R9agd {
    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-Ymoo9- {
    -webkit-filter: drop-shadow(var(--elevation-high));
    filter: drop-shadow(var(--elevation-high))
}

.tooltip-16UpTB {
    -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-1KkjI2 {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #000
}

.divider-68LI-v {
    margin: 16px 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.guildSidebar-pjuGkm {
    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-34rEyz {
    width: 100%
}

.content-pHpkq8 {
    -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-rS2khD {
    text-align: left;
    margin-bottom: 12px
}

.exampleTextSingleLine-3bwqy5 {
    background-color: var(--background-accent);
    height: 8px
}

.spacedSingleLine-pWUDZ9 {
    margin-bottom: 8px
}

.rule-dq1_wG {
    margin-left: 8px
}

.checkbox-1PVPEa {
    margin-top: 16px;
    cursor: default
}

.fakeButton-3RWbMY {
    background-color: var(--brand-experiment);
    border-radius: 4px;
    padding: 12px 20px;
    color: #fff;
    font-size: 14px;
    margin-top: 12px
}

.applicationIcon-APRq8U {
    width: 88px;
    height: 80px;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 4px;
    margin-bottom: 16px
}

.container-3v28LW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 16px
}

.application-3DN5T8 {
    background-color: var(--background-secondary);
    padding: 24px 16px;
    border-radius: 8px;
    margin-right: 32px;
    width: 448px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sidebar-2gf2BQ {
    -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-1ygrhr {
    background-color: var(--background-modifier-accent);
    height: 1px;
    border: none
}

.applicationSeparator-3FsnBA {
    margin: 24px 0
}

.sidebarSeparator-_2w2rn {
    margin: 16px 0
}

.username-1Gg6IJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 16px
}

.buttonSpacing-39jl8D {
    margin-top: 8px
}

.statusIcon-b7GXsF {
    border-radius: 50%;
    color: #fff;
    margin-bottom: 16px;
    padding: 4px
}

.approvedIcon-12sicG {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.deniedIcon-J55AVS {
    background-color: var(--status-danger)
}

.sidebarTitle-BD9ZVq {
    text-transform: uppercase
}

.status-3SSsql {
    margin-bottom: 8px
}

.rejectionReason-3IfE9r {
    margin-bottom: 16px
}

.actionedBy-2a4s08 strong {
    color: var(--header-primary)
}

.icon-27Cg4m {
    color: var(--header-secondary)
}

.back-Azq-0J {
    cursor: pointer
}

.chevron-15lnj0 {
    width: 12px;
    height: 12px
}

.header-2zRMsM {
    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-2zRMsM .back-Azq-0J {
    width: 24px;
    height: 24px;
    margin-right: 12px
}

.header-2zRMsM .chevron-15lnj0 {
    margin: 0 16px
}

.navbar-1-xeZE {
    margin-top: 32px
}

.navbar-1-xeZE .previous-wE0epT {
    position: absolute;
    left: 48px
}

.navbar-1-xeZE .next-d6RW0N {
    position: absolute;
    right: 48px
}

.navbarTitle-yQ3F7m {
    text-align: center
}

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

.separator-2lf4i6 {
    background-color: var(--background-modifier-accent);
    height: 1px;
    border: none;
    margin: 16px 0
}

.navSpacing-1DREvl {
    margin-right: 4px
}

.spacingContainer-sjbG_-+.spacingContainer-sjbG_- {
    margin-top: 16px
}

.backgroundContainer-gUNEZU {
    background-color: var(--background-secondary);
    border-radius: 4px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.containerPadding-3Ok3MG {
    padding: 16px
}

.dragContainer-1eE29K {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transform: translate(0);
    transform: translate(0);
    margin-left: -25px
}

.dragContainer-1eE29K:hover .dragIcon-3cymRf {
    visibility: visible
}

.dragContainer-1eE29K * {
    cursor: move
}

.dragIconContainer-2Nx6eC {
    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;
    top: 45px;
    height: 40px;
    width: 25px
}

.dragIconContainer-2Nx6eC:hover>.dragIcon-3cymRf {
    visibility: visible
}

.dragIcon-3cymRf {
    visibility: hidden
}

.dragIcon-3cymRf:hover {
    visibility: visible
}

.dropHovered-1IpYCh {
    opacity: .5
}

.iconContainer-2yKv6_ {
    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);
    margin-right: 16px;
    border-radius: 20px;
    height: 40px;
    width: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px
}

.icon-1ap1D6 {
    color: var(--interactive-normal)
}

.iconInteractiveContainer-1rhCsu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.iconInteractive-1Pl_6h {
    color: var(--interactive-normal)
}

.iconInteractive-1Pl_6h:hover {
    color: var(--interactive-active)
}

.title-1VvX1z {
    font-size: 16px;
    font-family: var(--font-display);
    overflow: hidden;
    text-overflow: ellipsis
}

.containerTitle-2JyH2Y {
    margin-bottom: 16px
}

.leftRailIconContainer-2qzOEi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 16px
}

.leftRailIconContainerTitle-2lcCmp {
    margin-bottom: 4px
}

.leftRailIconContainerDescription-2VZrNZ {
    margin-bottom: 16px
}

.containerTopHat-tAAv4C {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: var(--background-secondary-alt);
    padding: 8px 16px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.containerTopHatText-2sL_uP {
    text-transform: uppercase;
    font-weight: 700
}

.containerFooter-3BSQ3U {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: var(--background-secondary-alt);
    padding: 16px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.containerFooter-3BSQ3U,
.verificationLevelTitle-3GsOM2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.verificationLevelTitle-3GsOM2 {
    white-space: pre-wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.verificationLevelHook-2NkX9o {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 0
}

.fieldBackground-2TpuOY {
    background-color: var(--background-secondary-alt);
    border: 1px solid var(--background-tertiary);
    border-radius: 4px;
    opacity: 1
}

.fieldBackground-2TpuOY.withFooter-1nlfLM {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.clickable-1isLJk {
    cursor: pointer
}

.fieldPadding-1Mte7Y {
    padding: 10px 17px
}

.fieldFooterContainer-2QTUnl {
    color: var(--header-primary);
    background-color: var(--background-tertiary);
    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 16px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.guildVerificationText-2ig2ka {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px;
    font-size: 16px
}

.verificationContainer-3qb1n0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.button-k5tfAh {
    width: auto
}

.button-k5tfAh * {
    cursor: pointer
}

.removeButton-2oL65J {
    margin-right: 8px;
    color: var(--interactive-normal)
}

.removeButton-2oL65J:hover {
    color: var(--interactive-active)
}

.termsFieldCaretIcon-2siVkj {
    margin-left: 4px
}

.addFormFieldContainer-1AVsBz {
    width: 100%
}

.addFormFieldContainer-1AVsBz+.addFormFieldContainer-1AVsBz {
    margin-top: 8px
}

.addFormField-1R3L6b {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 8px;
    background-color: var(--background-tertiary);
    border-radius: 8px;
    cursor: pointer
}

.addFormField-1R3L6b:hover {
    background-color: var(--background-floating)
}

.addFormFieldText-NNzyRd {
    font-weight: 600;
    margin-left: 8px;
    cursor: pointer
}

.addFormFieldText-NNzyRd,
.multipleChoiceFixedTextColor-2CBltX:active:not([aria-checked=true]),
.multipleChoiceFixedTextColor-2CBltX:hover:not([aria-checked=true]) {
    color: var(--interactive-normal)
}

.container-2QHX3- {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 24px
}

.container-2QHX3-,
.iconContainer-24IQhx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iconContainer-24IQhx {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--background-tertiary);
    border-radius: 20px;
    margin-bottom: 8px;
    height: 40px;
    width: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    cursor: pointer
}

.iconContainer-24IQhx:hover {
    background-color: var(--background-floating)
}

.icon-2Yp_Nx {
    color: var(--interactive-normal)
}

.menu-Abv7d7 {
    margin-bottom: 38px
}

.theme-light .iconContainer-24IQhx:hover {
    background-color: var(--interactive-muted)
}

.container-2Xe3wG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.text-1bVRb9 {
    margin: 24px 16px;
    font-weight: 700;
    white-space: nowrap
}

@-webkit-keyframes enable-1xljNj {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5);
        box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0);
        box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0)
    }
}

@keyframes enable-1xljNj {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5);
        box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0);
        box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0)
    }
}

.toggleStateContainer--SyJa- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 16px
}

.toggleText-1idBaF {
    margin-bottom: 0
}

.toggleDescription-2PyEkh {
    font-size: 12px;
    line-height: 16px
}

.enableToggleButton-2Gzmyt {
    margin-top: 16px;
    margin-bottom: 8px
}

.iconCircle-36md0w {
    margin-right: 8px;
    border-radius: 50%
}

.enableCircle-2fytPW {
    padding: 4px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    color: #fff
}

.enableCircle-2fytPW.animate-1E-gsO {
    -webkit-animation: enable-1xljNj .6s;
    animation: enable-1xljNj .6s
}

.disableCircle-2ygJEs {
    padding: 5px;
    background-color: var(--background-accent);
    color: #fff
}

.errorText-2Ej1JG {
    font-size: 12px;
    margin-bottom: 8px
}

.container-Ute6bA,
.mainColumnContainer-3y3ZF4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mainColumnContainer-3y3ZF4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 440px
}

.sidebarContainer-3Lxtaw {
    position: relative
}

.sidebarFixedContainer-2fX672 {
    position: fixed;
    height: auto;
    width: 188px;
    min-width: 188px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 188px;
    flex: 0 0 188px;
    padding: 16px;
    margin-left: 32px;
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px
}

.title-ViF7-O {
    margin-bottom: 16px
}

.description-13Knwe {
    margin-bottom: 8px
}

.introDescription-EAwE-v {
    margin-bottom: 40px
}

.description-_jacVP {
    margin-bottom: 16px
}

.descriptionSpaced-ALJZl4 {
    margin-bottom: 32px
}

.tabs-3MDI4L {
    border-bottom: 2px solid var(--background-modifier-accent);
    margin-bottom: 32px
}

.tab-7gorog,
.tabs-3MDI4L {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tab-7gorog {
    padding: 16px 0;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -2px
}

.badge-1CNGMp {
    border-radius: 8px;
    background-color: var(--status-danger);
    height: 16px;
    padding: 0 4px;
    font-weight: 600;
    margin-left: 4px;
    color: #fff
}

.spacer-2UATK3 {
    margin-right: 32px
}

.container-vfWL-L {
    margin: auto
}

.header-3Wdlyv {
    text-align: center;
    margin-bottom: 32px
}

.title-4vHKIq {
    margin-top: 32px;
    margin-bottom: 8px
}

.cards-1fsA5v {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr
}

.card-XTenyB {
    background: var(--background-secondary);
    border-radius: 8px;
    padding: 16px
}

.cardIconWrapper-3BnlMJ {
    display: inline-block;
    background: var(--background-tertiary);
    padding: 8px;
    border-radius: 50%;
    line-height: 0
}

.cardTitle-2xj1Wc {
    margin-top: 16px
}

.cardDescription-2L-HvC {
    margin-top: 8px
}

.ctaSection-TtEh4R {
    margin-top: 32px
}

.ctaSection-TtEh4R .ctaButton-bk2_Sv {
    margin: auto;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(hsl(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%)), to(hsl(198, calc(var(--saturation-factor, 1)*81.5%), 46.7%)));
    background: linear-gradient(90deg, hsl(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%), hsl(198, calc(var(--saturation-factor, 1)*81.5%), 46.7%))
}

.messageBlock-3K-P-A {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.yellowMessageBlock-30xvbA {
    background-color: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, .1);
    border-color: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%)
}

.yellowMessageBlock-30xvbA .messageBlockIcon-a_xAgW {
    color: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%)
}

.redMessageBlock-2jr6uT {
    background-color: hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .1);
    border-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.redMessageBlock-2jr6uT .messageBlockIcon-a_xAgW {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.table-iBBufI {
    width: 100%
}

.tableContainer-3k8--O {
    border-radius: 8px;
    padding: 16px 16px 0;
    background-color: var(--background-secondary)
}

.row-1GYw8W {
    color: var(--interactive-normal);
    font-size: 16px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    padding: 8px 0
}

.row-1GYw8W:last-child {
    border-bottom: none
}

.header-1Hn2NV {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    font-family: var(--font-display);
    color: var(--header-secondary);
    font-weight: 600;
    padding-bottom: 8px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .06)
}

.cellAlignRight-sHNZ99 {
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cell-1Z8pjU {
    padding: 10px 0
}

.toggleExpandColumn-3ksIIr {
    width: 30px
}

.toggleExpandCell-1JBZ8E {
    cursor: pointer
}

.caretIcon-3FYDkJ {
    width: 12px;
    height: 12px;
    color: var(--interactive-normal)
}

.caretDownIcon-3VYFMs {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.periodColumn-3LzitO {
    width: calc(52% - 30px)
}

.periodCell-1tvVB4 {
    font-weight: 500;
    color: var(--header-primary)
}

.subscribersColumn-zOGxy9 {
    width: 24%
}

.subscribersCell-2mgoMT {
    padding: 8px 0
}

.subscribersIcon-1Kjw4r {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    vertical-align: sub
}

.amountColumn-1MD0eJ {
    width: 24%
}

.amountDisclaimer-dhy5HG {
    margin-left: 5px
}

.statusColumn-2E54yz {
    width: 24%
}

.statusCell-2HPMBF {
    padding: 8px 0
}

.statusPaidIcon-2LeOW0 {
    width: 20px;
    height: 20px;
    color: var(--text-positive);
    vertical-align: sub;
    margin-left: 8px
}

.statusErrorIcon-1S0mFj,
.statusScheduledIcon-JptFQT {
    width: 16.67px;
    height: 16.67px;
    margin-left: 8px;
    vertical-align: bottom
}

.statusErrorIcon-1S0mFj {
    color: var(--text-danger)
}

.statusScheduledIcon-JptFQT {
    color: var(--text-warning)
}

.tierNameColumn-3e0kOd {
    width: 52%
}

.priceColumn-1AIJUf,
.subscribersColumn-3vaFaV {
    width: 24%
}

.table-2Ho9Tb {
    padding-bottom: 8px
}

.header-2zxbxh {
    margin-bottom: 8px
}

.row-3ahiFm {
    color: var(--interactive-normal);
    font-size: 16px
}

.tierNameCell-1rDXc6 {
    font-weight: 500;
    color: var(--header-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0
}

.tierImage-31wmRX {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #000;
    margin-right: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.container-27IskS {
    height: 122px;
    border-radius: 8px;
    padding: 16px;
    background-color: var(--background-secondary);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-27IskS,
.labelContainer-1uOZEv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.labelContainer-1uOZEv {
    margin-bottom: 16px
}

.label-V4xNrb {
    text-transform: uppercase;
    color: var(--interactive-normal);
    font-family: var(--font-display);
    font-weight: 600;
    letter-spacing: .02em
}

.sublabel-2vq1m7 {
    color: var(--text-muted)
}

.value-2DmbWU {
    font-size: 25px;
    line-height: 30px;
    color: var(--header-primary);
    font-family: var(--font-display);
    font-weight: 300
}

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

.chartLineIcon-1Pq0au {
    width: 20px;
    height: 20px;
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    margin-right: 8px
}

.chartLineIconNegative-1s_N4n {
    color: var(--status-danger);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.trendDescription-2Ef_Yi {
    color: var(--header-secondary)
}

.metricsContainer-15nr3H {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: "space-between";
    -ms-flex-pack: "space-between";
    justify-content: "space-between";
    gap: 16px;
    margin-bottom: 16px
}

.totalMembersIcon-1BgWYz {
    width: 30px;
    height: 30px;
    vertical-align: bottom;
    color: var(--interactive-normal)
}

.currentMonthEarningsTable-3YU6gb {
    margin-bottom: 32px
}

.freeTrialsSectionContainer-1nGUuW {
    margin-bottom: 16px
}

.freeTrialsSectionSpinner-3Wl03V {
    height: 168px
}

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

.teamSelect-2fsSHh {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 16px
}

.enableTicketingButton-1F1POQ {
    height: 42px
}

.error-ziDVYV {
    margin-top: 8px;
    color: var(--status-danger)
}

.description-3lqOEM {
    margin-bottom: 16px
}

.confirmationIcon-2eI-Ul {
    margin: 24px 0
}

.confirmationHeader-M3Hn4k {
    margin-bottom: 8px;
    font-weight: 600;
    text-align: center
}

.confirmationBody-3ugdpJ {
    text-align: center
}

.darkElevationLow-25JNl_ {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3)
}

.darkElevationHigh-36DxyE {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2)
}

.darkElevationBorderLow-2N1Mpx {
    -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-GfqRpu {
    -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-1fQhMK {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
}

.lightElevationHigh-OUfZse {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}

.lightElevationBorderLow-2z0sbK {
    -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-1Ab-WZ {
    -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-3aiJPL {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
}

.theme-light .elevationHigh-28Pty4 {
    -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-1t3dms {
    -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-1s5JCj {
    -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-3aiJPL {
    -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-28Pty4 {
    -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-1t3dms {
    -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-1s5JCj {
    -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-20TyK0 {
    padding: 10px 10px 10px 16px;
    overflow: hidden;
    border-radius: 5px
}

.button-1sjQOW {
    margin-left: 10px
}

.resetButton-jFzA0U {
    padding-left: 0;
    padding-right: 0
}

.message-3C6JQ1 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.theme-light .notice-3jw7ld {
    background-color: hsla(180, calc(var(--saturation-factor, 1)*7.7%), 97.5%, .95)
}

.theme-dark .notice-3jw7ld {
    background: rgba(32, 34, 37, .95)
}

.theme-dark .message-3C6JQ1 {
    color: #fff
}

.enable-forced-colors .container-20TyK0 {
    border: 2px solid CanvasText
}

.imageUploader-1X7wVc {
    text-align: center;
    font-size: 12px
}

.imageUploader-1X7wVc .removeButton-2apMfV {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    display: block;
    text-decoration: none;
    cursor: pointer
}

.imageUploader-1X7wVc .sizeInfo-3KtZ1G {
    margin-top: 10px;
    display: block;
    font-size: 10px;
    color: var(--text-muted)
}

.imageUploader-1X7wVc .sizeInfo-3KtZ1G strong {
    font-weight: 700
}

.imageUploader-1X7wVc.disabled-1dMQMJ .imageUploaderInner-IIRaFr:focus-within,
.imageUploader-1X7wVc.disabled-1dMQMJ .imageUploaderInner-IIRaFr:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.imageUploaderInner-IIRaFr {
    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 background-color .1s .1s;
    transition: -webkit-box-shadow background-color .1s .1s;
    transition: box-shadow background-color .1s .1s;
    transition: box-shadow background-color .1s .1s, -webkit-box-shadow background-color .1s .1s;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.imageUploaderInner-IIRaFr>* {
    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
}

.imageUploaderInner-IIRaFr .fileInput-1LZSb9,
.imageUploaderInner-IIRaFr input[type=file] {
    pointer-events: auto
}

.imageUploaderInner-IIRaFr:focus-within,
.imageUploaderInner-IIRaFr:hover {
    -webkit-box-shadow: inset 0 0 120px rgba(0, 0, 0, .75);
    box-shadow: inset 0 0 120px rgba(0, 0, 0, .75)
}

.imageUploaderInner-IIRaFr:focus-within .imageUploaderAcronym-2JJw9B,
.imageUploaderInner-IIRaFr:hover .imageUploaderAcronym-2JJw9B {
    visibility: hidden
}

.imageUploaderInner-IIRaFr:focus-within .imageUploaderHint-33zkjZ,
.imageUploaderInner-IIRaFr:hover .imageUploaderHint-33zkjZ {
    visibility: visible
}

.fileInput-1LZSb9 {
    cursor: pointer
}

.imageUploaderAcronym-2JJw9B {
    font-size: 40px;
    overflow: hidden;
    white-space: nowrap
}

.imageUploaderHint-33zkjZ {
    visibility: hidden;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 12px;
    white-space: pre
}

.imageUploaderIcon-2OHmFu {
    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
}

.imageUploaderIconDisabled-2UCD5f {
    opacity: 1%
}

.removeButton-2apMfV {
    color: var(--interactive-normal)
}

.removeButton-2apMfV:hover {
    color: var(--interactive-hover)
}

.theme-light .imageUploaderIcon-2OHmFu {
    background-color: #fff;
    background-image: url(/assets/71581d199cdc2488d0918b917053d8c5.svg)
}

.theme-dark .imageUploaderIcon-2OHmFu {
    background-color: #dcddde;
    background-image: url(/assets/4a1000a95b1aad334e98f9d15b9d0ec4.svg)
}

.container-1MpVoK {
    padding-bottom: 40px
}

.formDescription-bJBxCh {
    margin-bottom: 16px
}

.divider-LoQU37 {
    margin: 24px 0
}

.formatOptionRadioItem-c5-HKU {
    padding: 8px
}

.formatRadioIconWrapper-2Fdawv {
    display: none
}

.radioGroupHorizontal-3-k-RV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.radioGroupHorizontal-3-k-RV .formatOptionRadioItem-c5-HKU {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid transparent
}

.radioGroupHorizontal-3-k-RV .formatOptionRadioBar-39vjwI {
    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;
    gap: 16px
}

.radioGroupHorizontal-3-k-RV .formatOptionRadioItemIcon-22gA9N {
    width: 100%;
    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
}

.radioGroupHorizontal-3-k-RV .formatRadioIconWrapper-2Fdawv {
    display: initial;
    padding: 8px;
    border-radius: 50%;
    background-color: var(--background-tertiary);
    line-height: 0
}

.radioGroupHorizontal-3-k-RV .formatRadioIcon-1dC1cr {
    width: 24px;
    height: 24px
}

.radioGroupHorizontal-3-k-RV .formatOptionRadioItem-c5-HKU[aria-checked=true] {
    border-color: var(--brand-experiment)
}

.radioGroupHorizontal-3-k-RV .formatOptionRadioItem-c5-HKU[aria-checked=true] .formatRadioIconWrapper-2Fdawv {
    background-color: var(--background-primary)
}

.coverImageUploadButton-2lCSNn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.coverImageUploader-23skxZ {
    width: 100%;
    padding-bottom: 25%;
    position: relative
}

.coverImageUploader-23skxZ .coverImageUploaderInner-q3STCH {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    border-radius: 4px;
    background-color: var(--background-tertiary);
    background-size: cover
}

.coverImageUploaderIcon-2cxDMa {
    top: -4px;
    right: -4px
}

.contentRegion-2xb7iN {
    position: fixed;
    bottom: 20px;
    width: 480px;
    z-index: 2
}

.container-1n5MUr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mainContent-1jusE7 {
    -ms-flex-preferred-size: 520px;
    flex-basis: 520px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.tabBarContainer-1IbuvX {
    position: relative
}

.previewButton-ragb2L {
    position: absolute;
    right: 0;
    top: -7px
}

.tabBar-MGaxA0 {
    margin-top: 24px;
    margin-bottom: 40px;
    border-bottom: 2px solid var(--background-modifier-accent)
}

.tabBarItemSpacing-1eAJ4G {
    margin-right: 32px
}

.tabBarItem-2YMiLs {
    padding-bottom: 16px;
    margin-bottom: -2px
}

.checklist-2SzRx1 {
    position: sticky;
    top: 16px;
    margin-left: 40px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 248px;
    flex-basis: 248px
}

@media (max-width:900px) {
    .checklist-2SzRx1 {
        margin-top: 70px
    }
}

.container-3rxzV7 {
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px;
    padding: 16px
}

.headerBar-3SM2J- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.headerText-jgQVVJ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-item-align: center;
    align-self: center
}

.headerCaret-1DDAcp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px;
    color: var(--interactive-normal)
}

.categoryTitle-3nuVpd,
.row-21aoUq {
    margin-top: 16px
}

.row-21aoUq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rowText-3g3Qx9 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.rowIcon-21zoSL {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px
}

.rowIconChecked-31q0Pn {
    width: 24px;
    height: 24px;
    color: var(--brand-experiment)
}

.rowIconEmpty-aN1WgV {
    border: 2px solid var(--background-accent);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px
}

.divider-273Gxa {
    margin-top: 16px
}

.progressBarOuter-29dCCq {
    margin-top: 16px;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: var(--background-secondary-alt);
    overflow: hidden
}

.progressBarInner-3FaATB {
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(hsl(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%)), to(hsl(198, calc(var(--saturation-factor, 1)*81.5%), 46.7%)));
    background: linear-gradient(90deg, hsl(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%), hsl(198, calc(var(--saturation-factor, 1)*81.5%), 46.7%))
}

.container-q5WrN0 {
    border-radius: 4px;
    background-color: var(--background-secondary);
    border: 1px solid var(--background-modifier-accent)
}

.header-1g1eBX {
    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;
    padding: 16px;
    cursor: pointer
}

.headerWithDescription-3uD967 {
    padding: 16px 16px 4px
}

.description-5qDrb4 {
    line-height: 18px;
    padding: 0 16px 16px
}

.caret-3YE5p6 {
    color: var(--interactive-normal);
    width: 24px;
    height: 24px
}

.divider-23Pydw {
    border-bottom: 1px solid var(--background-modifier-accent);
    margin: 0 16px
}

.content-2u6nLR {
    padding: 16px
}

.label-2eKP8i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0
}

.createLabel-2moEf- {
    color: var(--text-link)
}

.labelIcon-3_6R_U {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.labelText-39vomf {
    -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
}

.labelTitle-16KkAB {
    margin-right: 8px
}

.labelSubtitle-2MjWoV,
.labelTitle-16KkAB {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.labelSubtitle-2MjWoV {
    min-width: 48px;
    font-weight: 600;
    text-transform: uppercase
}

.closeButton-2SNaWZ {
    position: absolute;
    top: 12px;
    right: 12px
}

.modalContent-754tWa {
    padding-top: 16px;
    padding-bottom: 16px
}

.emojiInputContainer-1uAnNo {
    position: relative
}

.emojiButton-1BjYY2 {
    height: 100%;
    left: 0;
    margin: 0 10px;
    position: absolute;
    top: 0
}

.emoji-2hVkm2 {
    height: 22px;
    width: 22px
}

.emojiText-3OBcXR {
    padding-left: 42px;
    cursor: pointer
}

.primaryButtons-19jDDK {
    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;
    gap: 24px
}

.deleteButton-3ESy_A {
    color: var(--interactive-normal)
}

.deleteButton-3ESy_A:hover {
    color: var(--interactive-hover)
}

.deleteButton-3ESy_A:active {
    color: var(--interactive-active)
}

.cancelButton-3ud2rS {
    min-width: 0;
    padding: 0
}

.container-3K0eyc {
    background-color: var(--background-secondary-alt);
    border-radius: 8px;
    overflow: hidden
}

.divider-2Vtp6_ {
    margin-left: 56px;
    height: 1px;
    background-color: var(--background-modifier-accent)
}

.card-2SlzI6 {
    background: var(--background-secondary-alt);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px;
    position: relative
}

.cardDragging-2g5_b1 {
    opacity: .5
}

.emojiWrapper-FtCy3w {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 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: relative
}

.dragIconWrapper-2UZQS5 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer
}

.dragIcon-gA4aOS {
    width: 100%;
    height: 100%;
    color: var(--interactive-normal)
}

.dragIcon-gA4aOS:active {
    color: var(--interactive-active)
}

.dragIcon-gA4aOS:hover {
    color: var(--interactive-hover)
}

.cardText-27r4D1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-item-align: center;
    align-self: center
}

.cardTitle-2g8J3N {
    font-weight: 600
}

.channelIcon-lXjvRB {
    display: inline-block;
    width: 16px;
    height: 16px;
    color: var(--interactive-normal);
    margin-right: 4px
}

.cardActions-fpeZna {
    margin-left: 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 0;
    opacity: 0
}

.cardActionButton-1pzeMW {
    color: var(--interactive-normal);
    cursor: pointer
}

.cardActionButton-1pzeMW:hover {
    color: var(--interactive-hover)
}

.cardActionButtonIcon-XZAe4h {
    width: 24px;
    height: 24px
}

.card-2SlzI6:focus-within,
.card-2SlzI6:hover {
    background-color: var(--background-tertiary)
}

.container-3K0eyc:not(.isDragging-3xaA4L) .card-2SlzI6:focus-within .emoji-16_rfx,
.container-3K0eyc:not(.isDragging-3xaA4L) .card-2SlzI6:hover .emoji-16_rfx {
    opacity: 0
}

.container-3K0eyc:not(.isDragging-3xaA4L) .card-2SlzI6:focus-within .dragIconWrapper-2UZQS5,
.container-3K0eyc:not(.isDragging-3xaA4L) .card-2SlzI6:hover .dragIconWrapper-2UZQS5 {
    opacity: 1
}

.container-3K0eyc:not(.isDragging-3xaA4L) .card-2SlzI6:focus-within .cardActions-fpeZna,
.container-3K0eyc:not(.isDragging-3xaA4L) .card-2SlzI6:hover .cardActions-fpeZna {
    opacity: 1
}

.addBenefit-27jyJY {
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.addBenefitIcon-39M1Ks {
    width: 100%;
    height: 100%;
    color: var(--brand-experiment)
}

.modalContent-2Xw-wj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50vh;
    flex: 1 1 50vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0;
    padding-top: 16px;
    padding-bottom: 16px
}

.modalCloseButton-piklgZ {
    position: absolute;
    top: 0;
    right: 0;
    margin: 8px
}

.section-1ta4TY+.section-1ta4TY {
    margin-top: 16px
}

.list-1i3MsX {
    border-radius: 4px
}

.list-1i3MsX+.list-1i3MsX {
    margin-top: 8px
}

.row-3ekYm1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px;
    background-color: var(--background-secondary-alt);
    color: var(--interactive-normal);
    position: relative
}

.row-3ekYm1:not(.disabled-MEbEpz) {
    cursor: pointer
}

.row-3ekYm1:not(.disabled-MEbEpz):hover {
    background-color: var(--background-tertiary)
}

.row-3ekYm1+.row-3ekYm1:before {
    content: "";
    position: absolute;
    top: -.5px;
    left: 0;
    right: 0;
    height: 1px;
    margin-left: 56px;
    background-color: var(--background-modifier-accent)
}

.rowIconWrapper-2ueHMf {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 16px
}

.rowIcon-3KuGoY {
    width: 24px;
    height: 24px
}

.rowText-1mv9Sk {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.rowCheckbox-1PmjLG {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 16px;
    position: relative
}

.checkboxInput-1hc90u {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 1
}

.checkboxDisplay-3GH8vm {
    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: 2px;
    width: 20px;
    height: 20px;
    border: 2px solid var(--interactive-normal);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.checkboxIcon-1gA-_B {
    color: #fff;
    display: none
}

.checked-2mO5T3 .checkboxDisplay-3GH8vm,
.disabled-MEbEpz .checkboxDisplay-3GH8vm {
    border-color: var(--brand-experiment);
    background-color: var(--brand-experiment)
}

.checked-2mO5T3 .checkboxIcon-1gA-_B,
.disabled-MEbEpz .checkboxIcon-1gA-_B {
    display: initial
}

.disabled-MEbEpz .checkboxInput-1hc90u {
    display: none
}

.disabled-MEbEpz .checkboxDisplay-3GH8vm {
    opacity: .2
}

.benefitTitle-3vmWaa {
    font-weight: 600
}

.roleRow-39p-kr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.roleRowIconDefault-1WLN8Q {
    width: 40px;
    height: 40px
}

.slideForm-2Wnsvi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-2v0TKb {
    border-radius: 4px;
    overflow: hidden
}

.row-1v2TfT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    color: var(--interactive-normal);
    background-color: var(--background-secondary-alt);
    position: relative
}

.row-1v2TfT+.row-1v2TfT:before {
    content: "";
    position: absolute;
    top: -.5px;
    left: 0;
    right: 0;
    height: 1px;
    margin-left: 72px;
    background-color: var(--background-modifier-accent)
}

.rowIcon-lrJRqk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 16px
}

.listingImage-3ykWNc {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.rowBody-12eBeS {
    -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
}

.rowBody-12eBeS,
.rowText-2xc2Nf {
    -webkit-box-flex: 1
}

.rowText-2xc2Nf {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.listingName-3P4Jnn {
    font-weight: 600
}

.importRoleCard-2MmnkC {
    cursor: pointer
}

.caret-3gwFFf {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 16px;
    color: var(--interactive-normal)
}

.importRoleCard-2MmnkC:hover {
    background-color: var(--background-tertiary)
}

.importRoleCard-2MmnkC:hover .caret-3gwFFf {
    color: var(--interactive-hover)
}

.wrapper-3jl7tQ {
    width: auto
}

.saturation-CLQHFD {
    position: relative;
    width: auto;
    height: 150px
}

.saturation-CLQHFD>div,
.saturation-CLQHFD>div>div {
    border-radius: 3px
}

.hue-2nWTuO {
    height: 8px;
    margin: 8px 0;
    position: relative
}

.hue-2nWTuO>div>div {
    border-radius: 3px
}

.hue-2nWTuO>div>div>div>div {
    height: 16px !important;
    width: 8px !important;
    margin-top: -3px !important;
    border-radius: 3px !important
}

.enable-forced-colors .wrapper-3jl7tQ {
    forced-color-adjust: none
}

.container-1ws606 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-right: -10px
}

.customContainer-aOMqLu,
.defaultContainer-a8R542 {
    margin-top: 10px;
    margin-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 60px;
    max-width: 70px
}

.custom-1Up2lr .preset-e1g-gf {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: vertical;
    flex-direction: vertical
}

.colorPickerCustom-1swUKF,
.custom-1Up2lr .preset-e1g-gf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.colorPickerCustom-1swUKF {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    border: 1px solid transparent;
    width: 220px
}

.colorPickerCustom-1swUKF .customColorPickerInput-1PQesM .input-2TyVyh {
    text-transform: uppercase;
    height: 24px
}

.colorPickerRow-3eeqF3 {
    margin-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.colorPickerRow-3eeqF3,
.colorPickerSwatch-RTUGRR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px
}

.colorPickerSwatch-RTUGRR {
    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-RTUGRR.custom-1Up2lr,
.colorPickerSwatch-RTUGRR.default-3ISV7m {
    margin-right: 0;
    width: 100%;
    height: 50px;
    border-radius: 4px
}

.colorPickerSwatch-RTUGRR.disabled-28vioi {
    opacity: .3;
    cursor: not-allowed;
    pointer-events: none
}

.colorPickerSwatch-RTUGRR .colorPickerDropper-2yJ-9a {
    position: absolute;
    top: 4px;
    right: 4px
}

.theme-dark .colorPickerSwatch-RTUGRR.noColor-1Oln62 {
    border-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .colorPickerSwatch-RTUGRR.noColor-1Oln62 .colorPickerDropperFg-Lureab {
    fill: #fff
}

.theme-dark .colorPickerCustom-1swUKF {
    background: #36393f;
    border-color: #202225
}

.theme-light .colorPickerSwatch-RTUGRR.noColor-1Oln62 {
    border-color: rgba(79, 84, 92, .1)
}

.theme-light .colorPickerSwatch-RTUGRR.noColor-1Oln62 .colorPickerDropperFg-Lureab {
    fill: #4f545c
}

.theme-light .colorPickerCustom-1swUKF {
    background: #fff;
    border-color: #dcddde
}

.buttonsContainer-bgeuW- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.colorSwatch-2QjW1X {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    text-align: center;
    position: relative
}

.swatchDescription-1ahsph {
    margin-top: 4px
}

.swatch-26NYmT {
    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: 50px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.customSwatch-bwIFHi {
    position: relative;
    border: 1px solid var(--custom-color);
    background-color: var(--custom-color)
}

.defaultSwatch-SGbfSQ {
    border: 1px solid var(--background-modifier-accent);
    background-color: transparent
}

.dropperIconButton-1cncj0 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.dropperIcon-21yRp2 {
    position: absolute;
    top: 4px;
    right: 4px
}

.container-1DGXZ_ {
    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;
    line-height: 0;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    background-color: var(--background-tertiary);
    cursor: pointer;
    position: relative
}

.preview-3Tpdyc {
    color: var(--interactive-normal)
}

.container-1DGXZ_:hover .preview-3Tpdyc {
    color: var(--interactive-active)
}

.icon-dTGN0U {
    width: 24px;
    height: 24px
}

.uploaderIcon-2-hnPx {
    top: -4px;
    right: -4px
}

.container-2nrrHE {
    border-radius: 8px;
    overflow: hidden
}

.body-1-KHgT {
    padding: 16px;
    background: var(--background-secondary-alt);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.autoWidth-m8VCdb {
    min-width: auto
}

.subheading-2ZSxI3 {
    margin-top: 4px
}

.formDescription-3Q31Yc {
    margin-bottom: 16px
}

.formSplit--h6bKv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.formSplitHalf-3uAqGz {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.formSplitHalf-3uAqGz+.formSplitHalf-3uAqGz {
    margin-left: 16px
}

.iconSection-10vV0T {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.iconSectionDescription-2oZOsL {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.iconUploaderContainer-2fJXs5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.imageUploadButtonCTA-180eoS {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.iconUploader-2qncCh {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 16px
}

.iconUploader-2qncCh .tierSymbolUploaderInner-2Uv7eI {
    width: 80px;
    height: 80px;
    background-color: var(--background-tertiary)
}

.previewContainer-1mumE9 {
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.messageContainer-6z_7Y_ {
    background-color: var(--background-primary);
    padding-top: 16px;
    padding-bottom: 16px
}

.tierCardDeleteButton-1KFhcc {
    color: var(--interactive-normal);
    cursor: pointer;
    line-height: 0;
    margin: 0 32px
}

.tierCardDeleteButton-1KFhcc:hover {
    color: var(--interactive-hover)
}

.tierCardDeleteButton-1KFhcc:active {
    color: var(--interactive-active)
}

.formInput-30vUWV {
    background-color: var(--background-secondary-alt);
    border-color: var(--background-tertiary)
}

.header-2Njsst {
    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-tertiary);
    padding: 16px
}

.headerExpanded-25zKnE {
    background-color: var(--background-tertiary)
}

.cancel-wayltB {
    color: var(--interactive-active)
}

.headerName-1UrQhZ {
    font-weight: 500
}

.headerImageContainer-2K7Tdc {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 16px;
    overflow: hidden;
    background-color: var(--background-accent);
    -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
}

.headerImage-3CUVh3 {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.starIcon-AyX3lt {
    color: var(--interactive-normal);
    width: 24px;
    height: 24px
}

.headerListingInfo-2TRVUn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.headerDescriptionContainer-2RImiF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.draftBadge-gzRJxa {
    color: hsl(240, calc(var(--saturation-factor, 1)*7.7%), 2.5%);
    letter-spacing: .02em
}

.pencilIcon-3NMoDM {
    width: 24px;
    height: 24px;
    color: var(--interactive-normal);
    cursor: pointer
}

.deleteListingButton-3VY9-7 {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.publishListing-2zSpO5 {
    border: 1px solid #14a1a6;
    border-radius: 4px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: hsla(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%, .05);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.publishButton-2CIT4c {
    background: -webkit-gradient(linear, left top, right top, from(hsl(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%)), to(hsl(198, calc(var(--saturation-factor, 1)*81.5%), 46.7%)));
    background: linear-gradient(90deg, hsl(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%), hsl(198, calc(var(--saturation-factor, 1)*81.5%), 46.7%))
}

.channelAccessSelect-3pZZX8 {
    border-radius: 4px;
    overflow: hidden
}

.channelAccessSelectRadioBar-9eT-dG {
    padding: 15px 18px;
    position: relative
}

.channelAccessSelectRadioButton-3krw_1 {
    margin: 0;
    background-color: var(--background-secondary-alt);
    border-radius: 0
}

.channelAccessSelectRadioButton-3krw_1:not(:last-child):after {
    content: "";
    display: block;
    width: 100%;
    margin-left: 52px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.groupListings-IGB7dl {
    gap: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.groupViewEnabled-UOqSN3 {
    padding: 16px;
    background-color: var(--background-secondary);
    border-radius: 8px
}

.groups-3rvmOT {
    gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.groups-3rvmOT,
.tierGroupHeader-36cz7W {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierGroupHeaderTextContainer-2GAV82 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.seperator--qZZwb {
    border-bottom: 1px solid var(--background-modifier-accent)
}

.createTierButton-3BD51- {
    padding: 16px;
    border-radius: 8px;
    border: 2px dashed var(--interactive-muted);
    height: 72px
}

.createGroupButton-3somL4,
.createTierButton-3BD51- {
    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
}

.createGroupButton-3somL4 {
    height: 144px;
    background-color: var(--background-secondary);
    border-radius: 8px;
    -webkit-transition: background-color .17s ease;
    transition: background-color .17s ease
}

.createGroupButton-3somL4:hover {
    background-color: var(--background-tertiary)
}

.createGroupIcon-Veudvy,
.createTierIcon-3hYNJ4 {
    width: 20px;
    height: 20px;
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    margin-right: 8px
}

.toggleGroupViewButtonContainer-1EOYYs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.toggleGroupInfoIcon-XYCEDO {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal)
}

.toggleGroupViewButton-3XMWeU {
    color: var(--text-link);
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-right: 4px
}

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

.container-3XqEZc,
.content-32AmEu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content-32AmEu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tooltip-2-CkmF {
    background-color: var(--background-floating);
    border-radius: 4px;
    color: var(--interactive-active);
    padding: 8px 16px
}

.container-OAGKDW {
    max-width: 560px;
    margin: 0 auto;
    background-color: var(--background-secondary);
    border-radius: 8px;
    overflow: hidden
}

.header-1fRniV {
    background-color: var(--background-tertiary);
    padding: 18px 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerIcon-1zX9OZ {
    margin-right: 16px
}

.doesNot-2U98JH {
    color: var(--status-danger)
}

.checklist-Wx0APO {
    padding: 0 16px
}

.checklistItem-2q5Ivr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0
}

.checklistIcon-1yzbgj {
    margin: 0 18px 0 2px
}

.checklistItemName-IMTbaU {
    font-weight: 500;
    margin-bottom: 4px
}

.divider-v4KQeK {
    padding: 0 16px
}

.headerContainer-1ZszfL {
    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
}

.title-3bEAaW {
    font-weight: 700
}

.cards-1TQCUK {
    -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;
    gap: 16px
}

.card-ErWTld,
.cards-1TQCUK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-ErWTld {
    background: var(--background-secondary);
    border-radius: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 32px;
    padding: 32px;
    width: 100%
}

.cardImageWrapper-2ZYO9E {
    width: 192px;
    height: 96px
}

.cardTitleWrapper-14Mu4b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 24px;
    margin-bottom: 8px
}

.cardNumber-21nui2 {
    background-color: var(--background-tertiary);
    font-family: var(--font-display);
    border-radius: 48px;
    margin-right: 8px;
    text-align: center;
    width: 24px
}

.cardNumber-21nui2,
.cardTitle-k_eug9 {
    line-height: inherit
}

.cardCheckbox-HmOM8t {
    margin-top: 26px
}

.submitButtonWrapper-2T7Iz8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 32px 0
}

.submitButton-2uNYFF {
    border-radius: 4px
}

.container-3HMXud {
    margin: auto
}

.ctaSection-V89VMS {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ctaButton-27-lrd {
    margin: auto
}

.ctaButtonPending-OdxMCc {
    border: 1px solid var(--background-accent);
    border-radius: 4px;
    padding: 10px 20px
}

.finePrint-qkHDGF {
    text-align: center
}

.settingsColumn-1wHgCk {
    max-width: 905px
}

.settingsContent-2HUX1H {
    margin-right: 55px;
    padding-bottom: 60px
}

.auditLog-1NVAY0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid;
    border-radius: 3px;
    color: var(--text-normal)
}

.auditLog-1NVAY0 strong {
    font-weight: 500
}

.divider-M3saWq {
    width: 100%;
    height: 1px;
    background: green
}

.header-2pgFQm {
    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-1e6yjj {
    cursor: default
}

.headerClickable-zGQJz3,
.headerExpanded-1-zwDr {
    cursor: pointer
}

.timeWrap-3zb-z5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: calc(100% - 118px);
    margin: 0 10px
}

.timeWrap-3zb-z5,
.title-11H0i9 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.avatar-2Xm2GF {
    margin-left: 10px
}

.expand-3HRmv2 .expandForeground-1rs9T1 {
    -webkit-transition: d .2s ease, stroke .2s ease;
    transition: d .2s ease, stroke .2s ease
}

.colorHook-UzqwjY {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    top: -1px
}

.userHook-3R3zjr {
    font-weight: 500;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.changeDetails-1kMZqI {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 8px 10px
}

.changeDetails-1kMZqI,
.detail-Obzlyb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.detail-Obzlyb {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 8px;
    margin-left: 40px
}

.prefix-37pLbv {
    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;
    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
}

.typeCreate--o_pRH {
    color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
}

.typeDelete-1AYMTg {
    color: hsl(359, calc(var(--saturation-factor, 1)*83%), 67.6%)
}

.typeUpdate-34INPr {
    color: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 63.3%)
}

.dash-3zvW4b {
    margin: 0 10px
}

.change-1kGG13 {
    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;
    overflow: hidden
}

.changeStr--UjBBu,
.overflowEllipsis-BfHznL {
    text-overflow: ellipsis;
    overflow: hidden
}

.overflowEllipsis-BfHznL {
    white-space: nowrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.subListItem-3B43Tg {
    margin: 4px 0
}

.subListItem-3B43Tg:last-child {
    margin-bottom: 0
}

.icon-2PiQ65 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    position: relative
}

.icon-2PiQ65:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.typeCreate--o_pRH:after {
    background: url(/assets/4ded4c98c530d6feeef4cddfd50a1c3d.svg)
}

.typeDelete-1AYMTg:after {
    background: url(/assets/dfc166734d9c553eec7081f0cf785d98.svg)
}

.typeUpdate-34INPr:after {
    background: url(/assets/2bd96770d9e72ba7266fbfa23f2f93e1.svg)
}

.timestamp-147bcs {
    color: var(--text-muted)
}

.theme-light .auditLog-1NVAY0 {
    border-color: #b9bbbe
}

.theme-light .auditLog-1NVAY0:hover .expandForeground-1rs9T1 {
    stroke: #72767d
}

.theme-light .auditLog-1NVAY0 strong {
    color: #4f545c
}

.theme-light .headerClickable-zGQJz3,
.theme-light .headerDefault-1e6yjj {
    background-color: rgba(246, 246, 247, .3)
}

.theme-light .headerExpanded-1-zwDr {
    background-color: #f6f6f7
}

.theme-light .divider-M3saWq {
    background-color: #b9bbbe
}

.theme-light .userHook-3R3zjr {
    color: #4f545c
}

.theme-light .discrim-OWXlDD {
    opacity: .6
}

.theme-light .expandForeground-1rs9T1 {
    stroke: rgba(114, 118, 125, .6)
}

.theme-light .changeDetails-1kMZqI {
    background-color: rgba(246, 246, 247, .3)
}

.theme-dark .auditLog-1NVAY0 {
    border-color: #202225
}

.theme-dark .auditLog-1NVAY0 strong {
    color: #f6f6f7
}

.theme-dark .auditLog-1NVAY0:hover .expandForeground-1rs9T1 {
    stroke: #fff
}

.theme-dark .headerClickable-zGQJz3,
.theme-dark .headerDefault-1e6yjj {
    background-color: rgba(32, 34, 37, .3);
    color: #b9bbbe
}

.theme-dark .headerExpanded-1-zwDr {
    background-color: rgba(32, 34, 37, .6);
    color: #b9bbbe
}

.theme-dark .divider-M3saWq {
    background-color: #202225
}

.theme-dark .userHook-3R3zjr {
    color: #f6f6f7
}

.theme-dark .discrim-OWXlDD {
    opacity: .3
}

.theme-dark .expandForeground-1rs9T1 {
    stroke: hsla(0, 0%, 100%, .6)
}

.theme-dark .changeDetails-1kMZqI {
    background-color: rgba(32, 34, 37, .3)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetAll-21RPfg,
.theme-light .icon-2PiQ65.targetAll-21RPfg {
    background: url(/assets/fe7aeea6c0c96a39eefc1d27714ae445.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetBan-qwvck2,
.theme-light .icon-2PiQ65.targetBan-qwvck2 {
    background: url(/assets/54205f81874ad989414d6f27565c6439.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetChannel-1NWbC5,
.theme-light .icon-2PiQ65.targetChannel-1NWbC5 {
    background: url(/assets/ba5dca4936081060ff0575545e5cf09a.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetGuild-pvPVWS,
.theme-light .icon-2PiQ65.targetGuild-pvPVWS {
    background: url(/assets/439bf25fd3b8fb637f9ad6991c7165f9.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetEmoji-2T6Ze4,
.theme-light .icon-2PiQ65.targetEmoji-2T6Ze4 {
    background: url(/assets/d4b5fb76bde7eccc9cc729d0d434845b.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetSticker-2BoYB9,
.theme-light .icon-2PiQ65.targetSticker-2BoYB9 {
    background: url(/assets/48c5a8a2a17ddd205b154a1e0f0adbe8.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetIntegration-j5Mnwy,
.theme-light .icon-2PiQ65.targetIntegration-j5Mnwy {
    background: url(/assets/e75d0b20881725f13cbd081083e1e838.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetInvite-2hFskc,
.theme-light .icon-2PiQ65.targetInvite-2hFskc {
    background: url(/assets/139538c2c7f64ae31ce50e23eae3885e.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetMemberRole-jNaX-k,
.theme-light .icon-2PiQ65.targetMemberRole-jNaX-k {
    background: url(/assets/55de1b4f8dcf61ce75cf1ee1fb88bf09.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetMember-2pI3Cu,
.theme-light .icon-2PiQ65.targetMember-2pI3Cu {
    background: url(/assets/8e6931bbb72ea565d3c86d23b5b14e9e.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetPermission-2fNNaU,
.theme-light .icon-2PiQ65.targetPermission-2fNNaU {
    background: url(/assets/9e764c1bae67c18c43b505a9a87105ed.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetRole-24Nm1S,
.theme-light .icon-2PiQ65.targetRole-24Nm1S {
    background: url(/assets/8bf3e4e5bbe9b4b18e696247117d0351.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetVanityUrl-1KGkGd,
.theme-light .icon-2PiQ65.targetVanityUrl-1KGkGd {
    background: url(/assets/d64ea1b480519e7ed3858965c3d35076.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetWebhook-3gzYYG,
.theme-light .icon-2PiQ65.targetWebhook-3gzYYG {
    background: url(/assets/d441a32c45c82f6185df2522109cf541.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetWidget-3g4NqJ,
.theme-light .icon-2PiQ65.targetWidget-3g4NqJ {
    background: url(/assets/882c9d0f1a3a662d22041933c3de7a2a.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetMessage-WgF9Dt,
.theme-light .icon-2PiQ65.targetMessage-WgF9Dt {
    background: url(/assets/8e9b02f534e76bf7d3209dac3109cc99.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetStageInstance-2ljqjY,
.theme-light .icon-2PiQ65.targetStageInstance-2ljqjY {
    background: url(/assets/2a67ff191290e6a76fa827ea24134a59.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.targetGuildScheduledEvent-330pb3,
.theme-light .icon-2PiQ65.targetGuildScheduledEvent-330pb3 {
    background: url(/assets/00d3179320d7daf562c1540cefccf28d.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.thread-P4cm8D,
.theme-light .icon-2PiQ65.thread-P4cm8D {
    background: url(/assets/34ec9a651f00e971b4f78f2fdd570a97.svg)
}

.themeOverrideLight-bdYR2N.icon-2PiQ65.applicationCommand-3YMgNf,
.theme-light .icon-2PiQ65.applicationCommand-3YMgNf {
    background: url(/assets/e74d1a4db5fe1fd9c19ff9949bba9b7e.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetAll-21RPfg,
.theme-dark .icon-2PiQ65.targetAll-21RPfg {
    background: url(/assets/22fd0ab3562af24ea964465bb65531aa.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetBan-qwvck2,
.theme-dark .icon-2PiQ65.targetBan-qwvck2 {
    background: url(/assets/fd541825b6853aaae233ad9d83e05a18.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetChannel-1NWbC5,
.theme-dark .icon-2PiQ65.targetChannel-1NWbC5 {
    background: url(/assets/528ae525a9823affbcd2a35bd20573b0.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetGuild-pvPVWS,
.theme-dark .icon-2PiQ65.targetGuild-pvPVWS {
    background: url(/assets/448b698d906ab4d93b609282595a1c9d.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetEmoji-2T6Ze4,
.theme-dark .icon-2PiQ65.targetEmoji-2T6Ze4 {
    background: url(/assets/858ab2bdee17ca226df85e23263bcf3a.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetSticker-2BoYB9,
.theme-dark .icon-2PiQ65.targetSticker-2BoYB9 {
    background: url(/assets/da5f0aa4b5ccf0165b4220ba9929ea59.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetIntegration-j5Mnwy,
.theme-dark .icon-2PiQ65.targetIntegration-j5Mnwy {
    background: url(/assets/993b5f52b8bd8d1c1c34cac05015c331.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetInvite-2hFskc,
.theme-dark .icon-2PiQ65.targetInvite-2hFskc {
    background: url(/assets/d0dc8a4c8ea55b119c5c2cccf69b031f.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetMemberRole-jNaX-k,
.theme-dark .icon-2PiQ65.targetMemberRole-jNaX-k {
    background: url(/assets/00124e254d0d86c37f6d02ec0c5b1e02.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetMember-2pI3Cu,
.theme-dark .icon-2PiQ65.targetMember-2pI3Cu {
    background: url(/assets/e2c0846875f889524e3d60e7d25afa55.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetPermission-2fNNaU,
.theme-dark .icon-2PiQ65.targetPermission-2fNNaU {
    background: url(/assets/35de2007bfe0db9821881321d8b7c1fe.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetRole-24Nm1S,
.theme-dark .icon-2PiQ65.targetRole-24Nm1S {
    background: url(/assets/9aa6e9df74888ec09885bb08341800be.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetVanityUrl-1KGkGd,
.theme-dark .icon-2PiQ65.targetVanityUrl-1KGkGd {
    background: url(/assets/bef4eebd4f9e00aabbfa7de1949c8565.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetWebhook-3gzYYG,
.theme-dark .icon-2PiQ65.targetWebhook-3gzYYG {
    background: url(/assets/210ac667f45d13bc52020744f008b1ed.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetWidget-3g4NqJ,
.theme-dark .icon-2PiQ65.targetWidget-3g4NqJ {
    background: url(/assets/03f717eddad9ac74a1900254625657cf.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetMessage-WgF9Dt,
.theme-dark .icon-2PiQ65.targetMessage-WgF9Dt {
    background: url(/assets/aa9f9c29b51e414f0476d4388031aaf4.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetStageInstance-2ljqjY,
.theme-dark .icon-2PiQ65.targetStageInstance-2ljqjY {
    background: url(/assets/dfad85fc7c072498298077f68cf006ca.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.targetGuildScheduledEvent-330pb3,
.theme-dark .icon-2PiQ65.targetGuildScheduledEvent-330pb3 {
    background: url(/assets/7093e58edcd5202a129a6e4fbf427c6d.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.thread-P4cm8D,
.theme-dark .icon-2PiQ65.thread-P4cm8D {
    background: url(/assets/c254ffdde9bc5c90c5ec5d9e11dbf382.svg)
}

.themeOverrideDark-3-xxHI.icon-2PiQ65.applicationCommand-3YMgNf,
.theme-dark .icon-2PiQ65.applicationCommand-3YMgNf {
    background: url(/assets/561a626f671b8fd8f0c2e85c97df9b04.svg)
}

.formTitle-1MuukW {
    margin-bottom: 0
}

.customHeader-3mDgmH {
    padding-top: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.customHeader-3mDgmH,
.quickSelect-i8mQq1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.quickSelect-i8mQq1 {
    gap: 16px
}

.selectFilterPopout-1eHbO2 {
    width: 264px
}

.divider-34qTss {
    margin: 20px 0
}

.discriminator-2jnrqC {
    line-height: 16px;
    opacity: .6
}

.scroller-IZ5d96 {
    height: 100%
}

.content-28mbXd {
    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
}

.row-1PT9E8 {
    margin-bottom: 8px
}

.avatar-1XUb0A {
    width: 30px !important;
    height: 30px !important
}

.loadMore-3KmECY {
    margin-top: 20px
}

.empty-2Kva5v {
    margin-top: 40px
}

.container-2X-6LA {
    margin-top: 16px
}

.formTitle-Fj44Qb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.availabilityIndicator-3-1ZYA {
    background-color: var(--background-secondary-alt);
    padding: 1px 2px;
    border-radius: 16px;
    margin-left: 4px
}

.description-2Gvwjw {
    margin-bottom: 16px
}

.button-2wBOxi {
    color: var(--interactive-active);
    margin-left: 16px
}

.previewContainer-1GxmBJ {
    background: var(--background-secondary);
    border-radius: 8px;
    min-width: 80px;
    height: 80px;
    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
}

.preview-3SR4Rd {
    color: var(--interactive-normal)
}

.previewDisabled-257p_X {
    color: var(--interactive-muted)
}

.rolePreviewArea-3eeTql,
.uploadContainer-1tWWIv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.roleIconPreview-YyITmd {
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px
}

.titleContainer-16mFj2 {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.titleText-35PD5k {
    min-width: 0;
    text-transform: uppercase;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.menu-2p630X {
    margin-left: 16px;
    margin-top: -2px;
    color: var(--header-primary);
    cursor: pointer
}

.tabBar-3DfKkN {
    margin-top: 16px;
    margin-bottom: -2px;
    border-bottom: 2px solid var(--background-modifier-accent)
}

.tabBarItem-3nPo4Z {
    margin-right: 32px;
    padding-bottom: 16px;
    margin-bottom: -2px
}

.container-21O1cA {
    margin-bottom: 20px
}

.button-WnI_Ye {
    margin-top: 16px
}

.buttonInner-39VgyG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.arrowIcon-1_byuZ {
    margin-left: 4px
}

.scroller-39BnzZ {
    height: 100%;
    padding-bottom: 60px
}

.colorPicker-1a1lPd {
    margin-top: 24px
}

.colorDescription-2_VpwN {
    margin-bottom: 8px
}

.divider-5Xhahz {
    margin-top: 24px;
    margin-bottom: 24px
}

.previewContainer-1xQAsw {
    margin-top: 16px;
    border: 1px solid var(--background-modifier-accent);
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.previewContainer-1xQAsw:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: default
}

.messageContainer-3a6gLR {
    background-color: var(--background-primary);
    padding-top: 16px;
    padding-bottom: 16px
}

.contentWidth-3aWel5 {
    width: calc(100% - 56px);
    min-width: 228px;
    max-width: 508px;
    padding-left: 24px;
    padding-right: 42px
}

.header-JUTO-g {
    margin-left: -8px;
    padding: 60px 8px 16px;
    margin-right: -8px;
    position: relative;
    z-index: 2;
    background-color: var(--background-primary)
}

.stickyHeader-1Sunlx {
    position: sticky;
    top: 0;
    margin-bottom: 16px
}

.stickyHeaderElevated-dNSSrJ {
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.container-1V3dbM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-2EJaxz {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.textContainer-13mOcB {
    color: var(--interactive-normal);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.name-3Ksb9- {
    margin-left: 8px;
    font-weight: 600
}

.botTag-3xw_uJ,
.userTag-3gvsDM {
    margin-left: 4px
}

.container-3JOVER {
    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-7V7BBm {
    position: absolute;
    left: 0;
    right: 16px
}

.header-_qpMMi {
    margin-left: -8px;
    padding: 60px 8px 16px;
    margin-right: -8px;
    position: relative;
    z-index: 1;
    background-color: var(--background-primary)
}

.searchContainer-23hFke {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.searchWarning-5xNt3j {
    margin-top: 16px
}

.addButton-1SxhVs {
    margin-left: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.memberRow-1FhJgR {
    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-1FhJgR:hover {
    background-color: var(--background-modifier-hover)
}

.memberRow-1FhJgR:active {
    background-color: var(--background-modifier-active)
}

.emptyRowContainer-1phf3W {
    color: var(--text-muted)
}

.emptyRowText-2worfs {
    margin-left: 8px;
    font-weight: 600
}

.memberDetails-3TbgsK {
    min-width: 0
}

.list-38_JVu {
    height: 100%;
    min-height: 0;
    padding-bottom: 60px
}

.removeButtonContainer-qNWSe7 {
    margin-left: auto
}

.removeButton-JGNeoQ {
    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-JGNeoQ:hover {
    color: var(--interactive-hover)
}

.removeButton-JGNeoQ:active {
    color: var(--interactive-active)
}

.removeButtonDisabled-1Dhuv7 {
    cursor: not-allowed
}

.removeButtonDisabled-1Dhuv7,
.removeButtonDisabled-1Dhuv7:hover {
    color: var(--interactive-muted)
}

.removeTip-3ULuyt {
    margin-top: 12px
}

.group-LWHoGI {
    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-4m-12I {
    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-4m-12I:hover {
    background-color: var(--background-modifier-hover)
}

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

.allow-1h61-Z {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: var(--text-positive)
}

.allow-1h61-Z.selected-3jieYB {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    color: #fff
}

.deny-1GO6vI {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: var(--status-danger)
}

.deny-1GO6vI.selected-3jieYB {
    background-color: var(--status-danger);
    color: #fff
}

.passthrough--fbdFR.selected-3jieYB {
    background-color: var(--background-accent);
    color: #fff
}

.title-ihi_Pe {
    padding-left: 4px
}

.icon-3WykwX {
    position: relative;
    top: 3px
}

.theme-light .icon-3WykwX {
    fill: #4f545c
}

.theme-dark .icon-3WykwX {
    fill: #fff
}

.scroller-14hecM {
    height: 100%;
    padding-bottom: 60px
}

.searchContainer-2kJ46v {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.permissionsWrapper-34gbP6 {
    position: relative
}

.clearButtonWrapper-3P4Ikn {
    position: absolute;
    top: -4px;
    right: 0;
    padding: 0
}

.clearButton-BpcAtJ {
    font-weight: 600;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0
}

.noResultsContainer-1ka-NC {
    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-1D_kzj {
    margin-bottom: 16px;
    width: 85px;
    height: 85px
}

.permissionsForm-xrzuUy+.permissionsForm-xrzuUy {
    margin-top: 32px
}

.sidebarScrollable-2mW9Ls {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 232px
}

.sidebarScrollable-2mW9Ls+.content-2ssVKB {
    margin-left: 232px;
    max-width: 468px
}

.scroller-3_YDR2 {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: var(--background-primary);
    height: 100%
}

.sidebar-3K3Z4C {
    min-width: 0;
    height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid var(--background-modifier-accent)
}

.container-JyRf62 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
    position: relative
}

.container-JyRf62,
.titleContainer-3fPic2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.titleContainer-3fPic2 {
    -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-eN3exl {
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.title-JU0E7C {
    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-JU0E7C:hover {
    color: var(--header-primary)
}

.titleText-3LapIU {
    margin-left: 8px;
    text-transform: uppercase;
    font-weight: 600
}

.disabledTitleText-33sEnX {
    margin-left: 0;
    color: var(--header-primary)
}

.addRole-viKZpC {
    cursor: pointer;
    color: var(--header-primary)
}

.list-1AJFv_ {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-height: 0;
    padding: 0 16px 96px 40px
}

.row-LoqnA5 {
    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-4DarK4 {
    margin-left: 8px;
    color: var(--interactive-normal)
}

.roleDot-2a4Pv7 {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roleName-3910zV {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dragAfter-J5iS55:after,
.dragBefore-1OyVoX:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    height: 4px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    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-1OyVoX:before {
    top: -2px
}

.dragAfter-J5iS55:after {
    bottom: -2px
}

.helpSeparator-IwYBxQ,
.helpText-1VyX4Y {
    margin-bottom: 12px
}

.helpSeparator-IwYBxQ {
    height: 1px;
    background-color: var(--background-modifier-accent)
}

.tooltip-cYYuLr {
    text-align: center
}

.page-15bX59 {
    min-width: 460px;
    max-width: 740px;
    width: 100%;
    height: 100%
}

.container-rtcD4G,
.page-15bX59 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-rtcD4G {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 0
}

.sidebar-TpGdn9 {
    padding-top: 60px;
    width: 195px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.contentContainer-3hXFtK,
.sidebar-TpGdn9 {
    position: absolute;
    top: 0;
    bottom: 0
}

.contentContainer-3hXFtK {
    left: 232px;
    right: 0
}

.optionContainer-qndr4A {
    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-3EtAkD {
    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-3EtAkD:hover {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.container-3EtAkD:active {
    background-color: var(--background-modifier-active);
    color: var(--interactive-active)
}

.icon-2DGsye {
    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-18M4UD {
    margin-left: 16px
}

.label-2Pe5f1 {
    font-weight: 700;
    margin-bottom: 4px
}

.arrow-2v2Yl2 {
    margin-left: auto
}

.section-RKuwVK {
    position: relative;
    margin-top: 60px;
    padding-bottom: 80px
}

.callout-1mXmXK {
    width: 100%;
    top: -84px;
    position: absolute
}

.bannerContainer-mUrctg {
    position: relative;
    width: 100%;
    height: 240px;
    margin-top: 12px;
    margin-bottom: 32px
}

.banner-14adSW {
    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-1jtGBm {
    opacity: 0
}

.bannerClubs-3LZZfd {
    background-image: url(/assets/3d941eb2606379c2ee9b753f7acf2845.svg)
}

.bannerGaming-2E2syg {
    background-image: url(/assets/d84fd42fb2edf983cc5b5dc1007a33ca.svg)
}

.bannerHobbies-2ym_An {
    background-image: url(/assets/afbb21036aa2e7d8f15fa10dd6232fc0.svg)
}

.profileCard-1j58Ju {
    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-2YD5f- {
    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-36FGQw {
    width: 60px !important;
    height: 60px !important
}

.avatarName-_u5HbY {
    font-weight: 700;
    margin-top: 8px
}

.roles-34RIpY {
    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-1jtGBm .roles-34RIpY {
    -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-u_QLUs {
    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-8dogTd {
    background-color: var(--background-primary);
    border-radius: 4px;
    margin: 2px;
    padding: 4px 8px;
    white-space: nowrap
}

.roleDot-2XJhVK {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-top: 3px
}

.roleDot-2XJhVK,
.roleText-1YXEVg {
    display: inline-block
}

.roleText-1YXEVg {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: var(--interactive-active);
    margin-left: 8px;
    vertical-align: top
}

.container-22LRtA {
    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
}

.introBody-189Lqi {
    margin-top: 8px
}

.button-184C2U {
    margin-top: 16px
}

.divider-1SsqSq {
    margin: 32px 0
}

.description-33gMJs {
    margin-bottom: 16px
}

.section-2pe9QL {
    padding-top: 60px;
    padding-bottom: 80px
}

.helpText-10IgPC {
    margin-top: 8px
}

.searchContainer-16qhPt {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.createButton-1zIXm8 {
    margin-left: 16px;
    height: 34px
}

.rolesTable-2Z8MuS {
    margin-top: 32px
}

.tableHeader-2h-wc8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.tableTitle-3zdrSx {
    font-size: 12px;
    color: var(--header-secondary);
    text-transform: uppercase;
    font-weight: 700
}

.dragSpacing-2GB_1h {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px
}

.roleNameSpacing-2VQrKU {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 273px;
    flex: 0 1 273px
}

.memberSpacing-1RRW7k {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 112px;
    flex: 0 0 112px;
    margin-left: 16px;
    text-align: right
}

.buttonsSpacing-3-Z_p5 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 88px;
    flex: 1 0 88px;
    margin-left: 16px
}

.emptyRoles-35rHsg {
    color: var(--text-muted)
}

.emptyRolesText-30nyzO {
    margin-left: 8px;
    font-weight: 600
}

.emptyRoles-35rHsg,
.roleRow-3LoHQ6 {
    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-35rHsg,
.roleRow-3LoHQ6,
.tableHeader-2h-wc8 {
    margin-left: -32px;
    margin-right: -8px;
    padding-right: 8px
}

.roleRow-3LoHQ6 {
    position: relative;
    border-radius: 4px
}

.roleRow-3LoHQ6:before {
    top: 0
}

.roleRow-3LoHQ6:before,
.roleRow-3LoHQ6:last-child:after {
    content: "";
    position: absolute;
    left: 32px;
    right: 8px;
    height: 1px;
    background-color: var(--background-modifier-accent)
}

.roleRow-3LoHQ6:last-child:after {
    bottom: -1px
}

.roleRow-3LoHQ6:hover+.roleRow-3LoHQ6:before,
.roleRow-3LoHQ6:hover:after,
.roleRow-3LoHQ6:hover:before {
    background-color: transparent
}

.roleRowDragging-3h1vNg {
    background-color: var(--background-modifier-hover)
}

.dragIcon-kQZ0Jv {
    padding: 8px;
    cursor: -webkit-grab;
    cursor: grab;
    color: var(--interactive-normal);
    visibility: hidden
}

.dragIcon-kQZ0Jv:hover {
    color: var(--interactive-hover)
}

.dragIcon-kQZ0Jv:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.roleNameContainer-1vRTI3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.shield-1jy4L2 {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.roleIcon--usP7O {
    margin-right: 8px
}

.lock-fUcnZO,
.subscriptionRoleIcon-d3Tk8Y {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: var(--text-muted)
}

.roleName-35qCvR {
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.memberCountContainer-30IqIo {
    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-30IqIo:hover {
    color: var(--interactive-hover)
}

.person-1w1dG9 {
    margin-left: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.buttonsContainer-2_Hlio {
    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-2P76Jg {
    visibility: hidden
}

.circleButton-33AIyY+.circleButton-33AIyY {
    margin-left: 16px
}

.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) {
    background-color: var(--background-modifier-hover)
}

.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .dragIcon-kQZ0Jv:not(.dragIconHidden-1PHe7V) {
    visibility: visible
}

.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY {
    background-color: var(--background-tertiary)
}

.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .editButton-2P76Jg {
    visibility: visible
}

.containerDragAfter-25h19Z:after,
.containerDragBefore-3mSl4B:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 32px;
    right: 8px;
    height: 4px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    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-3mSl4B:before {
    top: -2px
}

.containerDragAfter-25h19Z:after {
    bottom: -2px
}

.tooltip-21NRwu {
    text-align: center
}

.analyticsCard-2fnrVG {
    background-color: var(--background-secondary);
    padding: 16px;
    border-radius: 4px;
    width: calc(50% - 8px);
    position: relative;
    margin-top: 16px
}

.analyticsCard-2fnrVG:nth-child(2n) {
    margin-left: 16px
}

.analyticsCardTitle-1j05zl {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.analyticsCardTitle-1j05zl,
.infoIcon-2QPCcI {
    color: var(--interactive-normal)
}

.infoIcon-2QPCcI {
    margin-left: 4px;
    -webkit-transition: color .25s;
    transition: color .25s;
    cursor: pointer
}

.infoIcon-2QPCcI:hover {
    color: var(--interactive-active)
}

.analyticsCardContent-2oIu3m {
    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-2k9_ZX {
    color: var(--interactive-active);
    margin-right: 6px
}

.analyticsCardNumberNotAvailable-1Grq5h {
    color: var(--interactive-muted);
    margin-right: 6px
}

.analyticsCardArrowSubText-3rFQY6 {
    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-2WgJ_Z {
    color: var(--interactive-muted);
    position: absolute;
    right: 16px;
    bottom: 16px
}

.trendingArrow-1JMCSr {
    margin-right: 5px
}

.trendingArrowIconDown-26r2zH {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    top: 2px
}

.developerPortalCtaWrapper-2PniQs {
    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-3QrlHn {
    margin: 20px auto 0
}

.guildAnalyticsDivider-1KW4vu {
    margin: 24px 0
}

.overviewData-3yH_3D {
    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-17g3fb {
    background-image: url(/assets/f2a78cdd6471e760e88d1835e8b137d0.svg);
    width: 282px;
    height: 160px;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: -100px
}

.developerPortalCtaText-3k7ne7 {
    margin: 0 auto;
    max-width: 350px
}

.notEnoughMembersError-3-VD0N {
    padding-right: 10px
}

.memberInsightsContainer-3TdlTJ {
    margin-bottom: 16px;
    padding: 16px;
    background-color: var(--background-secondary);
    border-radius: 4px
}

.insightsTitle-3YUkJe {
    font-weight: 700;
    color: var(--header-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 24px 0
}

.betaTag-2CH9B0 {
    display: inline;
    margin-left: 8px
}

.insightsTooltip-Qedq9S {
    margin-left: 8px;
    height: 16px;
    width: 16px
}

.insightsTooltipIcon-2B98ii {
    color: var(--header-secondary)
}

.insightsHeader-3oxvvv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.insightsIcon-3yML03 {
    width: 64px;
    height: 64px;
    margin-right: 8px
}

.title-3KRdBN {
    font-weight: 600;
    color: var(--header-primary)
}

.ratingGood-1IpvDn {
    color: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%)
}

.ratingBad-1-0iOy,
.ratingNeutral-22uPC7 {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.description-16Pbwa {
    color: var(--header-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.divider-2iP_0m {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 16px 0
}

.tips-dlXnNr {
    font-weight: 600;
    color: var(--header-secondary)
}

.dividerInline-27nbBo {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 8px 16px 0
}

.insightsActions-3cTXpa {
    margin-top: 16px;
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--background-secondary-alt)
}

.insightAction-3WYh9e {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px 0;
    padding: 8px 16px
}

.actionText-24tOly {
    color: var(--header-secondary);
    margin-left: 16px
}

.actionIcon-cTTlLN {
    width: 20px;
    height: 20px
}

.theme-dark .ratingVeryGood-1CY5a6 {
    color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
}

.theme-dark .link-aRbnIj {
    color: var(--text-link)
}

.theme-light .ratingVeryGood-1CY5a6 {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.theme-light .link-aRbnIj {
    color: #0067e0
}

.searchBar-30dqPB {
    width: 400px
}

.settingsHeader-HWN6kR {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 40px
}

.bannedUser-26qsXF,
.settingsHeader-HWN6kR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bannedUser-26qsXF {
    position: relative;
    -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-26qsXF .bannedUserAvatar-QPUL9W,
.bannedUser-26qsXF .username-2QcOp4 {
    z-index: 2
}

.bannedUser-26qsXF .username-2QcOp4 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100px;
    flex: 1 1 100px;
    padding-left: 10px
}

.bannedUser-26qsXF .username-2QcOp4 .discrim-1rThJo {
    padding-left: 2px
}

.description-2k7fMH {
    margin-bottom: 20px
}

.emptyState-1DozAQ {
    margin-top: 40px
}

.spinner-WExk7J {
    margin-top: 20px
}

.bannedUserModal-9XjyCI .header-2An-Ws {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 40px
}

.bannedUserModal-9XjyCI .footer-1s73En,
.bannedUserModal-9XjyCI .header-2An-Ws {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bannedUserModal-9XjyCI .footer-1s73En {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bannedUserModal-9XjyCI .userDiscrim-vaUAuA,
.bannedUserModal-9XjyCI .userUsername-26gqKj {
    font-weight: 500
}

.bannedUserModal-9XjyCI .reasonHeader-QJnMZ5 {
    text-transform: uppercase;
    font-weight: 500
}

.bannedUserModal-9XjyCI .content-rSeJ_y {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    padding-bottom: 20px
}

.bannedUserModal-9XjyCI .error-3FjTPA {
    margin-top: 8px
}

.theme-dark .bannedUser-26qsXF {
    -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-26qsXF .username-2QcOp4 {
    color: #fff
}

.theme-dark .bannedUser-26qsXF .username-2QcOp4 .discrim-1rThJo,
.theme-dark .bannedUserModal-9XjyCI .reason-3pVhOz,
.theme-dark .bannedUserModal-9XjyCI .userDiscrim-vaUAuA {
    color: #72767d
}

.theme-dark .bannedUserModal-9XjyCI .reasonHeader-QJnMZ5 {
    color: #dcddde
}

.theme-light .bannedUser-26qsXF {
    -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-26qsXF .username-2QcOp4 {
    color: #4f545c
}

.theme-light .bannedUser-26qsXF .username-2QcOp4 .discrim-1rThJo {
    color: #b9bbbe
}

.theme-light .bannedUserModal-9XjyCI .reason-3pVhOz,
.theme-light .bannedUserModal-9XjyCI .userDiscrim-vaUAuA {
    color: #72767d
}

.theme-light .bannedUserModal-9XjyCI .reasonHeader-QJnMZ5 {
    color: #4f545c
}

.container-2CHEay {
    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-3-oqyl {
    position: relative;
    height: 236px;
    width: 100%;
    margin-bottom: 20px
}

@-webkit-keyframes floating-house-3o9H9e {
    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-3o9H9e {
    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-141SOA {
    -webkit-animation: floating-house-3o9H9e 3s ease-in-out infinite;
    animation: floating-house-3o9H9e 3s ease-in-out infinite;
    z-index: 1
}

.sparkles-1nSL9S {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.guildDetails-1il1dn {
    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-1il1dn.faded-2eRRDj {
    opacity: .4
}

.guildIcon-2qL9lN {
    margin-right: 8px;
    border-radius: 4px
}

.body-1JxAWB {
    margin-top: 8px
}

.separator-178dlw {
    margin: 32px 0;
    width: 100%;
    border: none;
    height: 1px;
    background-color: var(--header-primary);
    opacity: .06
}

.features-XssPiD {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    margin-top: 32px
}

.featureCard-3XHbjy {
    background-color: var(--background-secondary);
    border-radius: 8px;
    padding: 16px;
    text-align: start
}

.featureCard-3XHbjy em {
    font-style: italic
}

.featureIcon-2sTnDK {
    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-3RfU4w {
    margin-top: 16px;
    margin-bottom: 8px
}

.featuredText-1kAYlq,
.infoIcon-QtHJ1h {
    color: var(--header-primary)
}

.infoIcon-QtHJ1h {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.button-1kaRT6 {
    margin-top: 16px
}

.twoColumnFormSection-Rh5m5F {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.descriptionColumn-nIAUbm {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%
}

.selectColumn-3qMrPn {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    padding-left: 40px
}

.firstSection-5zB5vm {
    margin-top: 12px
}

.formTitle-3M_dAr {
    font-size: 14px;
    margin-bottom: 8px
}

.divider-2Ud0Ky {
    margin: 32px 0
}

.description-e7enlO {
    margin-bottom: 8px
}

.upsellContainer-2a5eMP {
    -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-2a5eMP,
.upsellContent-10YytV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.upsellContent-10YytV {
    border-radius: 8px 8px 0 0;
    padding: 16px 40px 16px 16px
}

.upsellFooter-3M1V33 {
    background-color: var(--background-secondary-alt);
    border-radius: 0 0 8px 8px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.upsellImage-KfUiqw {
    margin-right: 16px
}

.upsellHeader-foq41G {
    margin-bottom: 8px
}

.upsellButton-3Rq0bi {
    margin-right: 8px
}

.upsellClose-2rP5qE {
    position: absolute;
    top: 12px;
    right: 12px;
    color: var(--interactive-normal);
    opacity: .5;
    cursor: pointer
}

.upsellClose-2rP5qE:hover {
    opacity: 1;
    color: var(--interactive-hover)
}

.enableContainer-2MEsKV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 32px;
    padding: 16px;
    background-color: var(--background-tertiary);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.iconCircle-3kIuXo {
    margin-right: 16px;
    border-radius: 50%
}

@-webkit-keyframes enable-2pw980 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5);
        box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0);
        box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0)
    }
}

@keyframes enable-2pw980 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: var(--interactive-muted)
    }

    20% {
        -webkit-box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5);
        box-shadow: 0 0 0 0 hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, .5)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background-color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0);
        box-shadow: 0 0 0 8px hsla(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%, 0)
    }
}

.activeCircle-3yNg6t {
    padding: 4px;
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    color: #fff
}

.activeCircle-3yNg6t.animate-EMw2kR {
    -webkit-animation: enable-2pw980 .6s;
    animation: enable-2pw980 .6s
}

.editCircle-2k-Y6E {
    padding: 5px;
    background-color: var(--interactive-muted);
    color: var(--interactive-normal)
}

.enableDescription-1hHsbW {
    -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: 0 8px 0 0
}

.buttonContainer-SlLPE4,
.enableDescription-1hHsbW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buttonContainer-SlLPE4 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.previewButton-kYFg3Q {
    margin-right: 8px
}

.previewContainer-29oeA6 {
    padding: 16px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--background-secondary)
}

.icon-QrJiDO {
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 16px;
    background-color: var(--background-tertiary);
    margin: 16px
}

.welcomeHeader-1Sv05u {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.welcomeTitle-13oDgb {
    margin-bottom: 8px;
    color: var(--header-secondary)
}

.welcomeTitle-13oDgb strong {
    color: var(--header-primary)
}

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

.headerGuildBadge-2Zr3G4 {
    display: inline-block;
    margin: 0 4px 0 2px
}

.flowerStar-3UZpz7 {
    display: block
}

.descriptionWrapper-Maz2Cn {
    width: 100%;
    max-width: 440px;
    margin: 0 auto
}

.descriptionInput-2-jF56 {
    max-height: 64px;
    background-color: var(--background-tertiary)
}

.descriptionInput-2-jF56[placeholder] {
    text-align: center
}

.divider-2Bs-tN {
    margin: 32px 0
}

.addChannelButton-2TtQyi {
    margin-top: 16px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.addChannelSubtext-2TkOcP {
    margin-bottom: 8px
}

.welcomeChannel-_Q4qAA {
    -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
}

.dragging-2yK4Vl {
    opacity: .5
}

.channelIcon-2N5-5h {
    background-color: var(--background-tertiary);
    color: var(--header-secondary);
    padding: 4px
}

.channelIcon-2N5-5h,
.warningIcon-1OWXzB {
    border-radius: 4px
}

.channelDescriptionWrapper-1KcNXz {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 16px
}

.channelDescription-1zGnJs {
    font-weight: 600
}

.theme-dark .channelWarning-2LgnSR,
.theme-dark .warningIcon-1OWXzB {
    color: var(--text-warning)
}

.theme-light .channelWarning-2LgnSR,
.theme-light .warningIcon-1OWXzB {
    color: var(--status-danger)
}

.welcomeDescription-1hmNpB {
    margin-bottom: 56px
}

.exampleContainer-hz7EUM {
    position: relative;
    background-image: url(/assets/691cf187cd943ed81f043740606878e7.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: auto;
    background-color: var(--background-floating);
    border-radius: 8px
}

.header-1YJkP_ {
    color: var(--header-secondary)
}

.header-1YJkP_ strong {
    color: var(--header-primary)
}

.exampleModal-2fUA5X {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 440px;
    margin: 57px 80px 57px 120px;
    background-color: var(--background-primary);
    padding: 16px
}

.exampleModal-2fUA5X,
.optionContainer-32r7Dj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px
}

.optionContainer-32r7Dj {
    margin-top: 8px;
    background: var(--background-secondary);
    padding: 12px;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.exampleWumpus-3YwVCS {
    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-3xMal5 {
    -webkit-filter: drop-shadow(var(--elevation-high));
    filter: drop-shadow(var(--elevation-high))
}

.tooltip-20W1V0 {
    -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-1Rbku8 {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #000
}

.headerGuildName-3D4fzU {
    color: var(--header-primary)
}

.headerGuildBadge-2JPeTX {
    display: inline-block;
    margin: 0 4px 0 2px
}

.flowerStar-1a06os {
    display: block
}

.main-jX9p1r {
    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-6m8kzT {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0;
    height: 24px
}

.guildIcon-1cwo09 {
    margin-top: 16px;
    margin-bottom: 16px
}

.header-14DAzy {
    color: var(--header-secondary);
    text-align: center
}

.guildDescription-3rVNje {
    margin-top: 8px;
    text-align: center;
    padding: 0 8px
}

.choiceHeader-i-BNuj {
    margin-top: 32px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.options-3Wncp7 {
    width: 100%;
    margin-top: 8px
}

.optionContainer-yOpaLq {
    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-yOpaLq:hover {
    background: var(--background-secondary-alt);
    cursor: pointer
}

.optionTextContainer-28Yb8N {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 12px;
    margin-right: 16px
}

.optionArrow-1kVloh {
    color: var(--text-normal)
}

.channelIcon-QyaRxN,
.optionEmoji-2Rla3X {
    width: 24px;
    height: 24px
}

.channelIcon-QyaRxN {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--background-tertiary);
    color: var(--header-secondary);
    border-radius: 4px;
    padding: 4px
}

.channelDescription-3n9Tua {
    color: var(--interactive-active);
    font-weight: 600
}

.skip-3yoN6g {
    margin-top: 8px
}

.skipColor-3tgnFa {
    color: var(--interactive-normal)
}

.skipColor-3tgnFa:hover {
    color: var(--interactive-hover)
}

.skipColor-3tgnFa:active {
    color: var(--interactive-active)
}

.inputWrapper-3a4ywb {
    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-3a4ywb:hover {
    border-color: var(--deprecated-text-input-border-hover)
}

.inputWrapper-3a4ywb:focus-within {
    border-color: var(--brand-experiment)
}

.inputOuter-4uL_C1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.inputInner-3l9sxf {
    background: none;
    border: none;
    padding: 4px;
    height: unset;
    min-width: 100px
}

.tag-ijGVSm {
    -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-ijGVSm:hover {
    text-decoration: none
}

.closeWrapper-35C1BX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2px
}

.close-36Ojwe {
    color: var(--interactive-normal)
}

.close-36Ojwe:active,
.close-36Ojwe:hover {
    cursor: pointer;
    color: var(--interactive-active)
}

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

.disabled-27u1aB,
.disabled-27u1aB:hover {
    border-color: var(--deprecated-text-input-border-disabled)
}

.theme-light .tag-ijGVSm {
    background-color: var(--background-tertiary)
}

.card-WWLYDO {
    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-WWLYDO,
.iconMask-1EYGrv {
    background-color: var(--activity-card-background)
}

.iconMask-1EYGrv {
    padding: 4px
}

@-webkit-keyframes placeholderPulse-1cU0RP {
    0% {
        opacity: .6
    }

    50% {
        opacity: .8
    }

    to {
        opacity: .6
    }
}

@keyframes placeholderPulse-1cU0RP {
    0% {
        opacity: .6
    }

    50% {
        opacity: .8
    }

    to {
        opacity: .6
    }
}

.cardPlaceholder-8wWVLN {
    -webkit-animation: placeholderPulse-1cU0RP 1.8s ease-in-out infinite;
    animation: placeholderPulse-1cU0RP 1.8s ease-in-out infinite
}

.cardHeader-3sHuT1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 112px;
    flex: 0 0 112px;
    position: relative;
    display: block;
    overflow: visible;
    margin-bottom: 28px
}

.splash-hJOO9F {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
}

.splash-hJOO9F,
.splashImage-3ux7ws {
    width: 100%;
    height: 100%
}

.splashImage-3ux7ws {
    -o-object-fit: cover;
    object-fit: cover
}

.splashLoaded-NJ4ohb .splash-hJOO9F {
    opacity: 1
}

.guildIcon-1v6-m0 {
    position: absolute;
    bottom: -21px;
    left: 12px
}

.defaultIcon-1fIkoh {
    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-3tmQna {
    color: #fff
}

.avatar-2I9tp7 {
    width: 100%;
    height: 100%
}

.guildInfo-j_yOOn {
    -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-j_yOOn,
.title-1xkCwl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.title-1xkCwl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-weight: 600
}

.verifiedIcon-3Aw8Lu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-left: -2px
}

.guildName-w_bHBA {
    white-space: nowrap
}

.description-1dwFjU,
.guildName-w_bHBA {
    overflow: hidden;
    text-overflow: ellipsis
}

.description-1dwFjU {
    -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-y8_NV6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    justify-self: flex-end
}

.memberCount-2CqQIP,
.memberInfo-y8_NV6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.memberCount-2CqQIP {
    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-2CqQIP:last-child {
    margin-right: 0
}

.memberDot-2pNW83 {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dotOnline-cS7sxB {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.dotOffline-3gLYLy {
    background-color: var(--text-muted)
}

.cardDisabled-2em0dC {
    opacity: .4;
    pointer-events: none
}

.cardSmall-30cIFF {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.theme-dark .card-WWLYDO {
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.theme-dark .iconMask-1EYGrv {
    background-color: var(--background-secondary-alt)
}

.theme-light .card-WWLYDO {
    -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)
}

.subcategory-1zDTD3 {
    -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)
}

.subcategory-1zDTD3:hover {
    text-decoration: none
}

.closeWrapper-vzPt0Y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2px
}

.close-1vJqRL {
    color: var(--interactive-normal)
}

.close-1vJqRL:active,
.close-1vJqRL:hover {
    cursor: pointer;
    color: var(--interactive-active)
}

.theme-light .subcategory-1zDTD3 {
    background-color: var(--background-tertiary)
}

.theme-dark .subcategory-1zDTD3 {
    background-color: var(--background-accent)
}

.container-13pE3E {
    border-radius: 8px;
    background-color: var(--background-secondary);
    overflow: hidden
}

.loaderContainer-5yVo05 {
    padding: 64px 0
}

.loadingText-37moN5 {
    text-align: center;
    margin-bottom: 24px
}

.header-Wl8ec- {
    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-1_zzn9 {
    margin-right: 16px
}

.checklistItem-1gWPPD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px
}

.separator-1py8Bj {
    content: "";
    height: 1px;
    background-color: var(--background-modifier-accent);
    position: relative;
    border: none;
    margin: 0 16px;
    display: block
}

.checklistIcon-D7psvE {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    margin-right: 16px
}

.checklistText-3f8TMJ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.detailsButton-wtg3yb {
    padding: 0;
    font-weight: 400
}

.doesNot-21xPGK {
    color: var(--text-danger)
}

.healthPending-3HoPwq {
    color: var(--text-warning)
}

.healthFailingDescription-1G8ekK {
    margin-bottom: 8px
}

.indent-GYnWTs {
    margin-left: 16px
}

.background-3doZ2o {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/assets/dc170fee1d99b55abe1c4028f28659e8.svg);
    background-repeat: no-repeat;
    pointer-events: none
}

.discoverySettings-1O1Kz6 {
    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-33oh8u {
    height: 110px;
    width: 100%;
    background-image: url(/assets/3c32e44f20ad22e786aed0252582983c.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 64px 0 32px
}

.header-5oRkBD {
    text-align: center;
    margin-bottom: 8px
}

.description-1nCcqa {
    text-align: center;
    margin-bottom: 24px
}

.checklist-1Foqd_ {
    border-radius: 8px;
    background-color: var(--background-secondary);
    overflow: hidden;
    width: 100%
}

.divider--vQHMq {
    height: 1px;
    width: 100%;
    margin: 0 16px;
    background-color: var(--background-modifier-accent)
}

.container-26RXEg {
    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-1JOsCC {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 1
}

.header-13V1hq {
    margin-top: 32px
}

.header-13V1hq,
.valueProp-1SDHQS {
    margin-bottom: 8px
}

.byline-l0pdeg {
    margin-bottom: 16px
}

.discoverPreview-1VvmFz {
    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-2jZYky,
.previewCard-22p9UT {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.enableButton-2n5Mmf {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width: 210px;
    margin: auto;
    font-weight: 600
}

.checklist-Asy_56 {
    text-align: start;
    margin-top: 32px
}

.twoColumnFormSection-_erbAi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.formColumnLeft-3Hrn_d {
    width: 50%;
    margin-right: 8px
}

.formColumnRight-197vcw {
    width: 50%;
    margin-left: 8px
}

.noDividerFormSection-2CuUTY {
    margin-top: 32px
}

.formTitle-Xa9dih {
    font-size: 14px;
    margin-bottom: 8px
}

.formDescription-1L2zkk {
    margin-bottom: 16px;
    margin-right: 16px;
    max-width: 328px
}

.description-36Il0e {
    margin: 8px 0
}

.formSelect-2_g8fp {
    margin-left: 16px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.divider-36lXma {
    margin: 32px 0
}

.guildCard-2vt3bt {
    min-height: 256px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.imageUploaderInnerSquare-3D4B4d {
    border-radius: 4px;
    background-size: cover;
    width: 320px;
    height: 180px
}

.error-16X7QI {
    margin-top: 8px
}

.theme-light .imageUploaderInnerSquare-3D4B4d {
    background-image: url(/assets/6345e6aced36309efc7fe28a539383ab.svg)
}

.theme-dark .imageUploaderInnerSquare-3D4B4d {
    background-image: url(/assets/2366391afb15ed6c2a019a0c0caa0797.svg)
}

.container-CAihKp {
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px;
    padding: 16px
}

.headerBar-LY_89N {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.headerText-1smiY8 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-item-align: center;
    align-self: center
}

.headerCaret-xcWtaq {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px;
    color: var(--interactive-normal)
}

.categoryTitle-18yAai {
    margin-top: 16px
}

.button-2fCHBF {
    margin: 15px auto 0
}

.row-sQWsgd {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rowText-3Q7YVV {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.rowIcon-2Ch_oK {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px
}

.rowIconChecked-ndew_7 {
    width: 24px;
    height: 24px;
    color: var(--brand-experiment)
}

.rowIconEmpty-USArDK {
    border: 2px solid var(--background-accent);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px
}

.divider-3UY9yd {
    margin-top: 16px
}

.progressBarOuter-3vcpH7 {
    margin-top: 16px;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: var(--background-secondary-alt);
    overflow: hidden
}

.progressBarInner-1jBB8- {
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(hsl(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%)), to(hsl(198, calc(var(--saturation-factor, 1)*81.5%), 46.7%)));
    background: linear-gradient(90deg, hsl(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%), hsl(198, calc(var(--saturation-factor, 1)*81.5%), 46.7%))
}

.button-1yVL_7 {
    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-1yVL_7:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.default-1Tkeeg {
    background-image: url(/assets/b5ad3c52d0699af9b6987839875450d4.svg)
}

.filled-2zYazI {
    background-image: url(/assets/eb69ec9fdd30653a3ade1ab501a7cd3d.svg);
    background-color: var(--status-danger)
}

.filled-2zYazI:hover {
    background-color: null
}

.theme-light .button-1yVL_7 {
    -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-1yVL_7: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-1Tkeeg {
    background-color: #fff
}

.theme-light .default-1Tkeeg:hover {
    background-color: null
}

.theme-dark .button-1yVL_7 {
    -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-1yVL_7: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-1Tkeeg {
    background-color: #36393f
}

.theme-dark .default-1Tkeeg:hover {
    background-color: null
}

.button-3woVyH {
    width: 100%;
    padding: 8px 0;
    line-height: 18px;
    text-transform: uppercase;
    border-color: var(--brand-experiment-700);
    margin-top: 8px
}

.reasonContainer-2_HuOZ {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 10px 0;
    padding: 16px;
    border: 1px solid hsla(0, 0%, 100%, .06);
    border-radius: 8px
}

.background-1VboA7,
.reasonContainer-2_HuOZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.background-1VboA7 {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background-color: var(--background-secondary);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px
}

.reason-Dxh7UT {
    padding-right: 36px
}

.edit-25Yl2m {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.clearStatusIcon-1JbaV- {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    color: var(--interactive-normal)
}

.clearStatusButton-1n7TPn {
    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
}

.clearStatusButton-1n7TPn:focus,
.clearStatusButton-1n7TPn:hover {
    opacity: 1;
    color: var(--interactive-hover)
}

.inputContainer-1LmAvd {
    position: relative;
    width: 100%
}

.settingsColumn-1pdQTY {
    max-width: 905px
}

.settingsContent-1PDFtM {
    margin-right: 55px;
    padding-bottom: 60px
}

.container-1W2oo3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mainContent-2m17Xp {
    -ms-flex-preferred-size: 520px;
    flex-basis: 520px;
    -webkit-box-flex: 0.45;
    -ms-flex-positive: 0.45;
    flex-grow: 0.45
}

.betaTag-1UqCTm {
    display: inline-block
}

.twoColumnFormSection-crEcRA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.checklist-2k3Uld {
    position: sticky;
    top: 16px;
    margin-left: 40px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 248px;
    flex-basis: 248px
}

.textArea-3wwdn6 {
    height: 240px
}

.socialLinksContainer-3QGMuA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.validationButtonMin-1JrQJb {
    position: relative;
    top: 10px;
    left: 323px
}

.validationButtonMax-3J5VzB {
    position: relative;
    top: 10px;
    left: 362px
}

.deleteButtonMin-3Hq96t {
    position: relative;
    top: 7px;
    left: 336px
}

.deleteButtonMax-2ReSa4 {
    position: relative;
    top: 7px;
    left: 377px
}

.deleteButtonHiddenMin-3E6aG4 {
    opacity: 0;
    position: relative;
    top: 7px;
    left: 336px
}

.deleteButtonHiddenMax-wBcZor {
    opacity: 0;
    position: relative;
    top: 7px;
    left: 377px
}

.socialLinksDropdownMin-3XVPun {
    height: 40px;
    margin-right: 5px;
    width: 175px
}

.socialLinksDropdownMax-3k8kN7 {
    height: 40px;
    margin-right: 5px;
    width: 264px
}

.socialLinksMin-263S_M {
    position: absolute;
    width: 339px;
    left: 231px
}

.socialLinksMax-1JSU0J {
    position: absolute;
    width: 380px;
    left: 319px
}

.reasonToJoin-9OOv30 {
    width: 100%;
    border: 1px
}

.reasonEditButton-ovexnA {
    margin-left: auto
}

.formColumnLeft-ai6por {
    width: 50%;
    margin-right: 8px
}

.formColumnRight-2O2KK6 {
    width: 50%;
    margin-left: 8px
}

.noDividerFormSection-3c9eqH {
    margin-top: 32px
}

.formTitle-38vpFC {
    font-size: 12px;
    margin-bottom: 8px
}

.formDescription-20mLhR {
    margin-bottom: 16px;
    margin-right: 16px;
    max-width: 328px
}

.switchDescription-20kU-K {
    margin-right: 16px;
    margin-top: -15px
}

.description-2HUBQn,
.tabMainDescription-2b1zWt {
    margin: 8px 0 16px
}

.formSelect-1zFCLM {
    margin-left: 16px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.divider-3NJLxC {
    margin: 32px 0
}

.guildCard-1PMqYd {
    min-height: 256px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.viewPageButton-b7lGbC {
    margin-top: 16px
}

.imageUploaderInnerSquare-gHxn5x {
    border-radius: 4px;
    background-size: cover;
    width: 279px;
    height: 163px
}

.error-1KcX0D {
    margin-top: 8px
}

.theme-light .imageUploaderInnerSquare-gHxn5x {
    background-image: url(/assets/6345e6aced36309efc7fe28a539383ab.svg)
}

.theme-dark .imageUploaderInnerSquare-gHxn5x {
    background-image: url(/assets/2366391afb15ed6c2a019a0c0caa0797.svg)
}

.banner-3Uu4yV {
    position: relative;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -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: 16px;
    margin-bottom: 23px;
    max-width: 660px;
    height: 72px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%)), to(hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%)));
    background: linear-gradient(90deg, hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%), hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%))
}

.banner-3Uu4yV,
.ctaContainer-3knGRg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ctaContainer-3knGRg {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 40px
}

.button-3Juy9w {
    min-width: 120px;
    height: 40px
}

.content-36LwHx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 16px;
    width: 100%
}

.gem-2hl315 {
    height: 38px;
    width: 25px
}

.header-2Iw_Lc {
    width: 100%;
    padding-bottom: 4px
}

.emojiAliasPlaceholder-3oShSx {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    font-size: 16px;
    line-height: 16px;
    padding-top: 6px;
    padding-left: 8px;
    padding-right: 8px
}

.emojiAliasPlaceholder-3oShSx:after,
.emojiAliasPlaceholder-3oShSx:before {
    content: ":";
    position: absolute;
    font-weight: 500;
    opacity: .3
}

.emojiAliasPlaceholder-3oShSx:before {
    margin-left: -6px
}

.emojiAliasPlaceholder-3oShSx:after {
    margin-left: 3px
}

.title-P3e0Lp {
    margin-bottom: 20px
}

.content-17YpH6 {
    margin-bottom: 40px
}

.spinner-1IRzL5 {
    margin-top: 40px
}

.empty-1a8BU0 {
    margin-top: 20px
}

.emojiTable-17v9Y6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4px
}

.emojiColumn-2P3Fj1 {
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px
}

.columnLabel-2VUyzo {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.emojiAliasPlaceholderContent-12ybcH {
    max-width: 184px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

.emojiAliasInput-3ZhdKx {
    position: relative;
    z-index: 1;
    width: 200px
}

.emojiRow-1aPaM- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 64px
}

.emojiRow-1aPaM- .emojiAliasInput-3ZhdKx .emojiInput-B8MGXq {
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    opacity: 0
}

.emojiRow-1aPaM- .emojiAliasInput-3ZhdKx .emojiInput-B8MGXq:focus {
    opacity: 1
}

.emojiRow-1aPaM- .column-2uxjpN {
    position: relative;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.emojiRow-1aPaM- .emojiRemove-D9w3jo {
    position: absolute;
    top: -12px;
    right: -31px;
    opacity: 0
}

.emojiRow-1aPaM- .emojiImage-1sHmM- {
    width: 32px;
    height: 32px;
    background-size: contain;
    background-position: 0 50%;
    background-repeat: no-repeat
}

.emojiRow-1aPaM- .emojiAliasInput-3ZhdKx,
.emojiRow-1aPaM- .emojiImage-1sHmM- {
    position: relative
}

.emojiRow-1aPaM- .emojiRowText-3RQpJv {
    position: absolute;
    top: 0;
    left: 28px;
    right: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.emojiRow-1aPaM-:focus-within .emojiAliasInput-3ZhdKx .emojiInput-B8MGXq,
.emojiRow-1aPaM-:hover .emojiAliasInput-3ZhdKx .emojiInput-B8MGXq {
    opacity: 1
}

.emojiRow-1aPaM-:focus-within .emojiRemove-D9w3jo,
.emojiRow-1aPaM-:hover .emojiRemove-D9w3jo {
    opacity: 1
}

.emojiRow-1aPaM-:focus-within .emojiAliasPlaceholderContent-12ybcH,
.emojiRow-1aPaM-:hover .emojiAliasPlaceholderContent-12ybcH {
    color: transparent
}

.emojiDisabled-3DBNVg {
    opacity: .4
}

.uploader-24C2NJ {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px
}

.button-3rXdQ4 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.avatar-98occ- {
    width: 20px !important;
    height: 20px !important
}

.theme-dark .emojiAliasInput-3ZhdKx .emojiInput-B8MGXq {
    background-color: null
}

.theme-dark .emojiAliasPlaceholder-3oShSx:after,
.theme-dark .emojiAliasPlaceholder-3oShSx:before,
.theme-dark .emojiAliasPlaceholderContent-12ybcH {
    color: #fff
}

.theme-dark .emojiRow-1aPaM- {
    -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-3ZhdKx .emojiInput-B8MGXq {
    background-color: null
}

.theme-light .emojiAliasPlaceholder-3oShSx:after,
.theme-light .emojiAliasPlaceholder-3oShSx:before,
.theme-light .emojiAliasPlaceholderContent-12ybcH {
    color: #202225
}

.theme-light .emojiRow-1aPaM- {
    -webkit-box-shadow: 0 1px 0 0 rgba(79, 84, 92, .04);
    box-shadow: 0 1px 0 0 rgba(79, 84, 92, .04)
}

.emojiSettings-3OOCRk .emojiUploadContainer-1tS7L7 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.header-1pBg_6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    margin-bottom: 16px;
    width: 100%
}

.icon-1PAq_f {
    color: var(--interactive-normal);
    margin-right: 8px
}

.name-1FrPhF {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.name-1FrPhF,
.title-1Qi-qb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.title-1Qi-qb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iconBackground-2nYfye {
    fill: var(--background-secondary)
}

.icon-15laLx {
    color: var(--text-normal);
    margin-right: 8px
}

.identifier-14xGs5 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.identifier-14xGs5,
.item-2rTrrd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item-2rTrrd {
    cursor: pointer;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 16px
}

.item-2rTrrd:hover {
    background-color: var(--background-modifier-hover)
}

.syncIcon-3lhuwS {
    margin-left: 8px;
    margin-right: 4px
}

.syncStatus-2U5ob2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-2L21B2 {
    border-color: var(--background-secondary-alt);
    margin-bottom: 16px
}

.card-2L21B2.inModal-3SoQyx {
    background-color: unset;
    border: 0
}

.cardHeader-3d6H8N {
    -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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px
}

.cardHeader-3d6H8N.inModal-3SoQyx {
    background-color: unset;
    padding: 8px 0
}

.title-12X6LO {
    font-family: var(--font-display);
    text-transform: uppercase
}

.emptyCard-1GQ3mH {
    padding: 36px 16px;
    text-align: center;
    border-width: 0
}

.title-3tPXdw {
    text-transform: uppercase
}

.channelIcon-2hyBMH {
    color: var(--text-normal)
}

.identifier-1DZV0B {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.image-1Ku6D3 {
    margin-right: 8px;
    min-width: 24px
}


.shield-3jFT46 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.roleName-2F3WKf {
    font-weight: 500
}

.roleName-2F3WKf,
.tag-3B-z__ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tag-3B-z__ {
    cursor: text;
    margin-left: 6px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.group-1-kPpw {
    display: grid;
    grid-auto-flow: column;
    border: 1px solid var(--background-tertiary);
    border-radius: 4px;
    height: 24px;
    width: 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.group-1-kPpw:hover {
    cursor: pointer
}

.item-14XeNr {
    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-14XeNr:hover {
    background-color: var(--background-modifier-hover)
}

.allow-q9kwjz {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: var(--text-positive)
}

.allow-q9kwjz.selected-I4nkOo {
    background-color: var(--status-positive-background);
    color: var(--status-positive-text)
}

.deny-2VqAyZ {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: var(--text-danger)
}

.deny-2VqAyZ.selected-I4nkOo {
    background-color: var(--status-danger-background);
    color: var(--status-danger-text)
}

.defaultPermission-3jgRnf {
    margin-left: 4px
}

.divider-1loELr {
    margin: 12px 0
}

.entryActions-262_Jm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.entryActions-262_Jm,
.entryIcon-KSNKxk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.entryIcon-KSNKxk {
    margin-left: 4px;
    margin-right: 8px
}

.entryItem-1OwqoD {
    margin: 8px 0
}

.entryItem-1OwqoD,
.entryName-2uBBS_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.entryName-2uBBS_ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.listHeader-398wEt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 8px 0
}

.listHeader-398wEt,
.listHeaderName-3GvAZO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.listHeaderName-3GvAZO {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-transform: uppercase
}

.noItemsSelected-381Vb1 {
    text-align: center
}

.remove-3B2XdX {
    cursor: pointer;
    margin-left: 16px;
    margin-right: 16px;
    min-width: 16px
}

.remove-3B2XdX,
.removeContainer-2j31lQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.removeIcon-2XZASE {
    color: var(--interactive-normal)
}

.addButton-3nqwe9 {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px
}

.listContainer-_t9khV {
    padding: 0 16px
}

.modalSection-FFRiAW {
    margin: 28px 0
}

.modalSection-FFRiAW,
.section-38saDi {
    background-color: var(--background-secondary);
    border: 0
}

.section-38saDi {
    margin: 16px 0;
    padding: 8px 16px
}

.applicationPermissions-3bwpAg {
    margin-top: 32px
}

.card-ix7vk_ {
    margin-bottom: 16px;
    margin-top: 24px;
    border-color: var(--background-secondary-alt)
}

.cardHeader-2ZMOEc {
    background-color: var(--background-secondary-alt);
    padding: 16px
}

.headerDivider-7BfXRd {
    margin: 32px 0
}

.restrictionBody-1L-3_O {
    padding: 0 12px
}

.wrapper-1VaXif {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-1y5300 {
    word-break: break-word;
    margin-bottom: 8px
}

.secondaryHeader-1sJsuH {
    word-break: break-word;
    font-weight: 500
}

.icon-3TvnqF {
    color: var(--interactive-normal);
    width: 24px;
    height: 24px
}

.iconWrapper-1sOtkE {
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color: var(--background-floating);
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.detailsIcon-2NtTO9 {
    margin-right: 4px;
    color: var(--interactive-normal)
}

.detailsWrapper-1hquuf {
    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-1UbRIW {
    margin-right: 40px
}

.card-2b4UFN {
    padding: 20px 16px;
    margin-bottom: 16px
}

.iconWrapper-il75HH {
    background-color: var(--background-floating);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 8px
}

.tag-3LtU8B {
    margin-left: 4px
}

.divider-1BuXuh {
    margin-top: 16px;
    margin-bottom: -8px
}

.permissionHeader-REm2xU {
    margin-top: 24px;
    margin-bottom: 0
}

.permissionList-3BbqRp {
    padding: 8px 0 0;
    background-color: transparent
}

.theme-light .rolePills-lcM9EX {
    color: rgba(79, 84, 92, .8)
}

.theme-light .card-2b4UFN {
    border-color: var(--background-tertiary)
}

.theme-dark .rolePills-lcM9EX {
    color: hsla(0, 0%, 100%, .8)
}

.theme-dark .card-2b4UFN {
    border-color: var(--background-secondary-alt)
}

.card-1OD384 {
    padding: 0;
    margin-bottom: 16px
}

.header-mbTU3J {
    padding: 20px 16px;
    cursor: pointer
}

.body-i_FJJQ {
    padding: 0 16px 24px
}

.avatarWrapper-3ZBjkU {
    padding-right: 12px
}

.avatarUploaderInner-2m-Gtr {
    width: 100px;
    height: 100px
}

.topDivider-1rIH1U {
    margin-bottom: 24px
}

.bottomDivider-1Cr6T4 {
    margin: 24px 0
}

.copyButton-3El3Lb {
    margin-right: 16px
}

.expandIcon-2ncF1G {
    color: var(--interactive-normal)
}

.source-1KvGUw {
    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-2t64R0 {
    color: var(--text-normal);
    margin: 0 8px 0 4px
}

.sourceIcon-DZojrW {
    color: var(--interactive-normal)
}

.sourceGuildIcon-2LykXX {
    border-radius: 50%;
    width: 24px;
    height: 24px
}

.guildSource-c3m1MX {
    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-3sy2n1 {
    padding-left: 0;
    padding-right: 0
}

.theme-light .card-1OD384 {
    border-color: var(--background-tertiary)
}

.theme-dark .card-1OD384 {
    border-color: var(--background-secondary-alt)
}

.card-7AB4HE {
    padding: 0;
    margin-bottom: 16px
}

.pulse-3woDRg {
    border-width: 1px;
    border-color: transparent;
    -webkit-animation: pulseBorder-2aCzaI .8s alternate;
    animation: pulseBorder-2aCzaI .8s alternate
}

@-webkit-keyframes pulseBorder-2aCzaI {
    0% {
        border-color: transparent
    }

    50% {
        border-color: var(--brand-experiment)
    }

    to {
        border-color: transparent
    }
}

@keyframes pulseBorder-2aCzaI {
    0% {
        border-color: transparent
    }

    50% {
        border-color: var(--brand-experiment)
    }

    to {
        border-color: transparent
    }
}

.header-2WDlmg {
    padding: 20px 16px;
    cursor: pointer
}

.body-1rejdE {
    padding: 0 16px 24px
}

.avatarWrapper-1T5lVq {
    padding-right: 12px
}

.avatarUploaderInner-2n4VB6 {
    width: 100px;
    height: 100px
}

.topDivider-3h8X4f {
    margin-bottom: 24px
}

.bottomDivider-1VmqFK {
    margin: 24px 0
}

.copyButton-1QERab {
    margin-right: 16px
}

.expandIcon-kTQHvx {
    color: var(--interactive-normal)
}

.theme-light .card-7AB4HE {
    border-color: var(--background-tertiary)
}

.theme-dark .card-7AB4HE {
    border-color: var(--background-secondary-alt)
}

.groupHeader-2e8SOI {
    margin-top: 24px;
    margin-bottom: 16px
}

.channelName-3pdImQ {
    color: var(--header-primary)
}

.header-3W9rdk {
    margin-top: 20px
}

.headerDivider-3YOzy_ {
    margin: 32px 0
}

.headerDescription-2CuqyX {
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 24px
}

.section-13Mc8R {
    margin-bottom: 32px
}

.emptyCard-VX4hCk {
    padding: 36px 16px;
    text-align: center;
    border-width: 0
}

.updateAvailable-3JeyBT {
    -webkit-animation: spin-2wNkdY 2s linear infinite;
    animation: spin-2wNkdY 2s linear infinite
}

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

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

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

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

.card-3MjVNo {
    padding: 0;
    margin-bottom: 16px
}

.header-1SPWQ5 {
    padding: 20px 16px
}

.expandableHeader-97m81Q {
    cursor: pointer
}

.body-3KifYz {
    padding: 0 16px 16px
}

.topDivider-3xI-Xr {
    margin-bottom: 24px
}

.midDivider-3mTWSr {
    margin: 24px 0
}

.bottomDivider-8ap101 {
    margin: 24px 0 16px
}

.description-1upzdb>a {
    color: var(--header-secondary)
}

.syncedRole-GuFTAU>a {
    color: var(--header-primary)
}

.emoji-1QIjcp {
    color: var(--text-muted);
    min-height: 0 !important;
    max-width: 28px !important;
    max-height: 28px !important;
    margin: 8px 8px 0 0 !important
}

.switch-3gma77 {
    -ms-flex-item-align: center;
    align-self: center
}

.expandIcon-3jMaoJ {
    color: var(--interactive-normal)
}

.enabledBadge-Kto_77 {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.disableButton-1i_8x0 {
    padding-left: 0;
    padding-right: 0
}

.theme-light .card-3MjVNo {
    border-color: var(--background-tertiary)
}

.theme-dark .card-3MjVNo {
    border-color: var(--background-secondary-alt)
}

.header-CwXfvd {
    margin-top: 20px
}

.headerDivider-3DsDZY {
    margin: 32px 0
}

.platformIcon-2wpwRe {
    width: 28px;
    height: 28px
}

.iconWrapper-ZpPNbv {
    background-color: var(--background-floating);
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.helpText-298QJZ {
    margin-top: 16px
}

.headerDivider-2ksxlI {
    margin: 32px 0
}

.emptyStateImage-1LCkPK {
    width: 272px;
    height: 145px;
    margin-top: 32px;
    margin-bottom: 24px
}

.emptyStateButton-1ykHkc {
    margin-top: 12px
}

.sectionHeader-1puDwI {
    margin-top: 32px;
    margin-bottom: 16px;
    color: var(--text-muted);
    font-weight: 500
}

.channelName-39pd3z {
    color: var(--header-primary)
}

.card-3JmxsM {
    padding: 20px 16px;
    margin-bottom: 16px
}

.caret-3r4dUI {
    margin-left: 8px;
    color: var(--interactive-normal)
}

.feature-3VT8J9 {
    margin-right: 16px
}

.featureIcon-3rvFkz {
    color: var(--text-muted)
}

.clickable-djKT1x {
    cursor: pointer
}

.theme-light .card-3JmxsM {
    border-color: var(--background-tertiary)
}

.theme-dark .card-3JmxsM {
    border-color: var(--background-secondary-alt)
}

.divider-1mBcKC {
    margin: 32px 0
}

.sectionHeader-qme2DQ {
    margin-bottom: 24px
}

.emptyStateWrapper-L5fojW {
    -ms-flex-line-pack: center;
    align-content: center
}

.emptyStateImage-3OWgG1 {
    width: 256px;
    height: 72px;
    margin-bottom: -24px;
    z-index: 100
}

.emptyStateCard-281xOW {
    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-3Q2vc_ {
    padding-bottom: 228px
}

.footerImage-2WsqiE {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 188px;
    background-size: 660px 188px;
    background-position: 50%;
    background-repeat: no-repeat
}

.theme-dark .footerImage-2WsqiE {
    background-image: url(/assets/d89511b11686ab5c942b3ef900e3d0eb.svg)
}

.theme-light .footerImage-2WsqiE {
    background-image: url(/assets/552bbc1a21ccdc1778e72f30154593ef.svg)
}

.platformIcon-1LkY1c {
    width: 28px;
    height: 28px
}

.searchContainer-1cOciB {
    margin-bottom: 16px
}

.headerDivider-QSt6pD {
    margin: 32px 0
}

.createButton-3TvNKZ,
.emptyStateImage-1sSD_d {
    margin-bottom: 24px
}

.emptyStateImage-1sSD_d {
    width: 272px;
    height: 145px
}

.emptyStateButton-3OnMev {
    margin-top: 12px
}

.spinner-3PgVaQ {
    margin-top: 40px
}

.backButton-KHAYc5 {
    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-2cBVDI {
    color: var(--text-muted)
}

.breadcrumbs--Y6d8N {
    margin-bottom: 20px
}

.breadcrumbActive-ntZPQr {
    color: var(--header-primary)
}

.breadcrumbInactive-1gWeSM {
    cursor: pointer;
    color: var(--header-secondary)
}

.breadcrumbInactive-1gWeSM:hover {
    color: var(--header-primary)
}

.inviteSettingsInviteRow-1rZeIM {
    height: 62px;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-normal)
}

.headerSection-2X_FUZ {
    padding-bottom: 4px
}

.headerDivider-3bhHq9 {
    margin-bottom: 19px
}

.inviteSettingsInviteRow-1rZeIM:focus-within .revokeInvite-XuVwn4,
.inviteSettingsInviteRow-1rZeIM:hover .revokeInvite-XuVwn4 {
    opacity: 1
}

.text-3t4Eyu {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.revokeInvite-XuVwn4,
.text-3t4Eyu {
    z-index: 2
}

.username-MRMnpj {
    margin-left: 8px
}

.channelName-SXl-Mo {
    margin-left: 26px
}

.countdownColumn-1nTjwx {
    margin-right: 0
}

.revokeInvite-XuVwn4 {
    position: absolute;
    top: -12px;
    right: -31px;
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.inviteCode-3IYjBf {
    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-22pi1g {
    text-align: right
}

.countdown-305GRY,
.uses-28EKvR {
    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-32vk-K {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--header-primary)
}

.discriminator-3DuA9_ {
    color: var(--header-secondary)
}

.avatar-29vZjw {
    width: 20px !important;
    height: 20px !important
}

.marginBottom20-1SfBN7 {
    margin-bottom: 20px
}

.theme-dark .inviteSettingsInviteRow-1rZeIM {
    -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-1rZeIM {
    -webkit-box-shadow: 0 1px 0 0 rgba(79, 84, 92, .04);
    box-shadow: 0 1px 0 0 rgba(79, 84, 92, .04)
}

.searchBar-3joS_I {
    margin-left: 10px
}

.membersHeader-6GlAlu {
    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
}

.membersHeader-6GlAlu .ui-select-2FOEkB {
    width: 150px
}

.search-2KMv1o {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.divider-3K9_Hx {
    margin-top: 20px
}

.pruneLink-jE0uo7 {
    color: var(--text-danger)
}

.membersCount-1G86bs {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.membersFilterPopout-2bbQRK {
    width: 240px
}

.membersFilterPopout-2bbQRK .ui-scroller-wrap-3OLs9o {
    max-height: 280px
}

.member-2cj2PI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 16px 0
}

.member-2cj2PI.active-1_-Z4b .overflowIcon-863s2Z,
.member-2cj2PI:focus-within .overflowIcon-863s2Z,
.member-2cj2PI:focus .overflowIcon-863s2Z,
.member-2cj2PI:hover .overflowIcon-863s2Z {
    opacity: .6
}

.member-2cj2PI.active-1_-Z4b .overflowIcon-863s2Z:focus,
.member-2cj2PI.active-1_-Z4b .overflowIcon-863s2Z:focus-within,
.member-2cj2PI.active-1_-Z4b .overflowIcon-863s2Z:hover,
.member-2cj2PI:focus-within .overflowIcon-863s2Z:focus,
.member-2cj2PI:focus-within .overflowIcon-863s2Z:focus-within,
.member-2cj2PI:focus-within .overflowIcon-863s2Z:hover,
.member-2cj2PI:focus .overflowIcon-863s2Z:focus,
.member-2cj2PI:focus .overflowIcon-863s2Z:focus-within,
.member-2cj2PI:focus .overflowIcon-863s2Z:hover,
.member-2cj2PI:hover .overflowIcon-863s2Z:focus,
.member-2cj2PI:hover .overflowIcon-863s2Z:focus-within,
.member-2cj2PI:hover .overflowIcon-863s2Z:hover {
    opacity: 1
}

.member-2cj2PI .nameTag-1UsB6_ {
    min-width: 180px;
    max-width: 180px
}

.member-2cj2PI .nameTag-1UsB6_ .name-3IqW9M,
.member-2cj2PI .nameTag-1UsB6_ .tag-15nL6B {
    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-2cj2PI .username-31KZyA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.member-2cj2PI .ownerHelpIcon-ZVaFw4 {
    cursor: default;
    width: 14px;
    height: 14px
}

.member-2cj2PI .roleWrapper-2IhvNd {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.member-2cj2PI .overflowButton-19oxmH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px
}

.member-2cj2PI .overflowIcon-863s2Z {
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.member-2cj2PI .avatar-rUnPfv,
.member-2cj2PI .nameTag-1UsB6_,
.member-2cj2PI .overflowButton-19oxmH,
.member-2cj2PI .roleWrapper-2IhvNd {
    z-index: 1
}

.tag-15nL6B {
    color: var(--text-muted);
    font-size: 14px
}

.theme-light .member-2cj2PI {
    -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-2cj2PI .name-3IqW9M {
    color: #4f545c;
    font-weight: 500
}

.theme-light .member-2cj2PI .roleWrapper-2IhvNd {
    color: rgba(79, 84, 92, .8)
}

.theme-light .member-2cj2PI .overflowIconFg-29oz-o {
    fill: #4f545c
}

.theme-light .member-2cj2PI .ownerHelpIcon-ZVaFw4 {
    color: #4f545c
}

.theme-dark .member-2cj2PI {
    -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-2cj2PI .name-3IqW9M {
    color: #f6f6f7;
    font-weight: 500
}

.theme-dark .member-2cj2PI .roleWrapper-2IhvNd {
    color: hsla(0, 0%, 100%, .8)
}

.theme-dark .member-2cj2PI .overflowIconFg-29oz-o {
    fill: #fff
}

.theme-dark .member-2cj2PI .ownerHelpIcon-ZVaFw4 {
    color: #f6f6f7
}

.buttonWithTooltip-1nC6PQ {
    width: 100%
}

.guildIcon-1rpC1s {
    margin-bottom: 24px
}

.header-8FvXkH {
    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
}

.subtitleText-3uvcmx {
    text-align: center;
    margin-bottom: 16px
}

.guildBanner-21aztE {
    width: 320px;
    height: 180px;
    margin-bottom: 24px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.guildHeader-2uqjTb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .8));
    filter: drop-shadow(0 1px 1px hsla(0, 0%, 0%, .8))
}

.guildName-2Fdskm {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dropdown-bVdQlz {
    color: #fff
}

.avatarUploader-1ey_37 .avatarUploaderInner-3tVLK-,
.avatarUploaderDisabled-1Jn8P1 .avatarUploaderInner-3tVLK- {
    width: 100px;
    height: 100px;
    background-size: 100% 100%
}

.avatarUploaderInnerSquare-2J8lU8 {
    border-radius: 4px;
    background-image: linear-gradient(45deg, hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%), hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%));
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 180px
}

.avatarUploaderInnerSquareDisabled-3M9eJS {
    background-color: #4f545c;
    background-image: none
}

.avatarUploadIcon-34ohJq {
    top: 16px;
    right: 16px
}

.avatarUploaderDisabled-1Jn8P1 {
    cursor: not-allowed
}

.avatarUploader-1ey_37 .avatarUploaderInner-3tVLK-,
.avatarUploaderDisabled-1Jn8P1 .avatarUploaderInner-3tVLK- {
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.avatarUploader-1ey_37 .avatarUploaderInner-3tVLK-:hover {
    -webkit-box-shadow: var(--elevation-high), inset 0 0 120px rgba(0, 0, 0, .6);
    box-shadow: var(--elevation-high), inset 0 0 120px rgba(0, 0, 0, .6)
}

.avatarUploadIcon-34ohJq.hideDefaultIcon-Z9-iXK {
    background-image: none;
    background-color: #fff
}

.wrapper-38NYkc {
    position: relative;
    overflow: hidden
}

.icon-poPImO {
    opacity: .3;
    -ms-flex-item-align: center;
    align-self: center;
    min-width: 16px
}

.title-3DKv5a {
    margin: 0 4px
}

.subtitle-2SfoOV,
.title-3DKv5a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.subtitle-2SfoOV {
    margin-left: 8px;
    min-width: 48px;
    text-transform: uppercase;
    color: var(--input-placeholder-text)
}

.enable-forced-colors .lighten-1KubYe {
    opacity: 1
}

.enable-forced-colors .subtitle-2SfoOV,
.enable-forced-colors .title-3DKv5a {
    color: inherit
}

.avatarUploaderDisabled-1ewBlI {
    cursor: not-allowed
}

.iconError-3ysjjf {
    margin-top: 8px;
    text-align: center
}

.guildSettingsOverviewNotice-3MaR93 {
    border-radius: 4px
}

.divider--oiTeJ {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid transparent
}

.error-1_-AnI,
.iconError-3ysjjf {
    color: var(--status-danger)
}

.avatarUploader-2S1mwW .avatarUploaderInner-1Cp1oP,
.avatarUploaderDisabled-1ewBlI .avatarUploaderInner-1Cp1oP {
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.avatarUploader-2S1mwW .avatarUploaderInner-1Cp1oP:hover {
    -webkit-box-shadow: var(--elevation-high), inset 0 0 120px rgba(0, 0, 0, .6);
    box-shadow: var(--elevation-high), inset 0 0 120px rgba(0, 0, 0, .6)
}

.theme-dark .guildSettingsOverviewNotice-3MaR93 {
    background-color: rgba(32, 34, 37, .95)
}

.theme-dark .divider--oiTeJ {
    border-color: rgba(114, 118, 125, .3)
}

.theme-light .guildSettingsOverviewNotice-3MaR93 {
    background-color: rgba(246, 246, 247, .95)
}

.theme-light .divider--oiTeJ {
    border-color: rgba(185, 187, 190, .3)
}

.flexFormTitle-1S2kxR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.guildFeatureAvailabilityIndicator-34eQAP {
    background-color: var(--background-secondary-alt);
    padding: 1px 2px;
    border-radius: 16px;
    margin-left: 4px;
    height: 18px
}

.upsell-1VCYlD {
    cursor: pointer
}

.upsellButton-1H9bLw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.premiumUpsellBadge-33RbKu {
    margin-right: 4px
}

.progressBarHeader-sKybCH {
    width: 100%;
    margin: 8px 0
}

.progressBarImage-3lGAbU {
    width: 320px;
    height: 252px
}

.marginTop16-PIUUCG {
    margin-top: 16px
}

.healthFailingDescription-3ma0lW {
    margin-bottom: 8px
}

.detailsButton-1JOGHq {
    padding: 0;
    font-weight: 400
}

.healthPending-3dqcDy {
    color: var(--text-warning)
}

.doesNot-2udAuk {
    color: var(--status-danger)
}

.separator-2qVfIV {
    height: 1px;
    width: 100%;
    background-color: var(--header-primary);
    opacity: .06;
    border: none;
    margin: 0
}

.container-2mu_w0 {
    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-2VHeQm {
    width: 428px;
    margin-bottom: 40px
}

.featureCards-3kbM0o {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    margin-bottom: 32px
}

.body-35bJ0S {
    margin-top: 8px;
    margin-bottom: 32px
}

.separator-RaufQu {
    margin: 32px 0;
    height: 1px;
    width: 100%;
    background-color: var(--header-primary);
    opacity: .06;
    border: none
}

.pendingBar-2HEzzu {
    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-1d4irM {
    margin-bottom: -14px
}

.requirementsImage-B2ufg6 {
    margin-right: 16px
}

.loadingText-2DkVCO {
    margin-bottom: 16px
}

.info-aPENZ8 {
    color: hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%)
}

.warning-2DeIgm {
    color: var(--text-danger)
}

.button-1_qI1D {
    margin-bottom: 2px
}

.applicationPauseWarning-Wq2n1s {
    margin-bottom: 16px;
    text-align: start
}

.checklistContainer-12xGp5 {
    background-color: var(--background-secondary);
    border-radius: 8px;
    text-align: start;
    margin: 0 32px
}

.checklistHeader-3liG7E {
    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-224fUv {
    margin-top: 16px
}

.errorContainer-2hyUhX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary);
    padding: 8px;
    border: none;
    margin-bottom: 24px
}

.checklistLoadErrorWarningIcon-2U71WF {
    margin-right: 6px;
    height: 13px;
    width: 13px
}

.progressBar-1lNVWF {
    position: relative;
    width: 24px
}

.foreground-3_3Pgi {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.foregroundTooltipPosition-Ow9abH {
    position: absolute;
    left: 24px
}

.tier-8XCwAc {
    position: absolute;
    left: 4px;
    border-radius: 50%;
    width: 16px;
    height: 16px
}

.tierCurrent-2nowYi {
    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-23IR3F {
    width: 10px;
    height: 10px
}

.foregroundTooltip-3UlQkD {
    max-width: 280px
}

.theme-dark .background-3xJH_4 {
    color: #202225
}

.theme-dark .tierInProgress-1vFUnw {
    background-color: #202225
}

.theme-light .background-3xJH_4 {
    color: #ebedef
}

.theme-light .tierInProgress-1vFUnw {
    background-color: #ebedef
}

.theme-dark .tierAccomplished-1I5NaT,
.theme-dark .tierCurrent-2nowYi,
.theme-dark .tierDefault-39L2SF,
.theme-light .tierAccomplished-1I5NaT,
.theme-light .tierCurrent-2nowYi,
.theme-light .tierDefault-39L2SF {
    background: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.theme-dark .tierCurrent-2nowYi,
.theme-light .tierCurrent-2nowYi {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .24);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .24)
}

.theme-dark .currentTierIcon-23IR3F,
.theme-light .currentTierIcon-23IR3F {
    color: #fff
}

.theme-dark .tooltipMuted-ZFCXyH,
.theme-light .tooltipMuted-ZFCXyH {
    color: #72767d
}

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

.progress-dRvoIO {
    position: absolute
}

.progressWithSubscriptions-3BH9Rj {
    margin-top: 7px
}

.tiers-7TOtI7 {
    margin-left: 38px;
    width: 100%
}

.subscriberCount-3iRh_w {
    margin-top: 8px;
    margin-bottom: 24px
}

.subscriberCount-3iRh_w strong {
    font-weight: 500
}

.subscribers-1E4Ttt .subscriberMask-pExfOt {
    margin-right: -8px
}

.moreSubscribers-2FZuij {
    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-3lkZNO {
    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-3Az2Dc {
    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-3VVav0 {
    margin-left: 8px;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tierDefaultUnlocked-3WrGn5 {
    margin-bottom: 16px
}

.tierDefaultUnlockedDescription-3ocIJF {
    margin-top: 10px
}

.tier-3CS7-p {
    border-radius: 4px
}

.tierBottomMargin-15_Pdn {
    margin-bottom: 24px
}

.tierHeader-3q9jIw {
    border-radius: 4px 4px 0 0;
    position: relative
}

.tierHeaderWithoutCardBody-1iT8o_ {
    border-radius: 4px;
    margin-bottom: 16px
}

.tierHeaderContent-2SPBAA {
    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)
}

.tierHeaderUnlocked-1OpOLf {
    overflow: hidden
}

.tierHeaderUnlockedBackground-1hEhCD {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.tierIcon-3m8V16 {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%);
    width: 32px;
    height: 32px
}

.tierIconLocked-RGSkSl {
    color: #4f545c
}

.tierTitle-kGI87L {
    margin-left: 16px;
    font-size: 16px;
    line-height: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--interactive-normal)
}

.tierTitleActive-3ziKx5 {
    color: var(--interactive-active)
}

.tierRequirement-7q3_7- {
    font-size: 16px
}

.tierLock-1eabw6 {
    width: 30px;
    height: 30px;
    margin-left: 16px;
    color: var(--interactive-muted)
}

.tierUnlocked-ziudxO {
    background-image: -webkit-gradient(linear, left top, right top, from(hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%)), to(hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%)));
    background-image: linear-gradient(90deg, hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%), hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%));
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 8px;
    text-transform: uppercase
}

.tierClose-3xh47_ {
    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-iqo44I {
    height: 70px;
    width: 90px
}

.tierCloseHint-103-uf {
    position: relative;
    border-radius: 4px;
    padding: 8px 16px;
    max-width: 135px;
    font-size: 12px;
    line-height: 16px;
    margin-left: 16px
}

.tierCloseHint-103-uf:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: -16px;
    border: 8px solid transparent
}

.tierCloseClose-T256RA {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 4px;
    margin-left: 4px;
    cursor: pointer
}

.tierCloseCloseIcon-j6neqP {
    width: 16px;
    height: 16px
}

.hidden-1pyqv0 {
    opacity: 0;
    pointer-events: none
}

.tierBody-1d3UiS {
    padding: 16px;
    border-radius: 0 0 4px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500
}

.previousPerks-2h1eyr {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px
}

.perks-36lD43 {
    -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-1IYfXj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.perkIcon-Gk7aLS {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.perkText-3nOGp0 {
    margin-left: 10px;
    font-size: 12px;
    line-height: 16px
}

.perkTitle-1GQnag {
    text-transform: uppercase;
    font-weight: 600
}

.perkDescription--074QX {
    margin-top: 4px
}

.avatar-3Jh3en {
    width: 30px !important;
    height: 30px !important
}

.theme-dark .moreSubscribers-2FZuij {
    background-color: #202225;
    color: #fff
}

.theme-dark .subscriberCount-3iRh_w {
    color: #b9bbbe
}

.theme-dark .subscriberCount-3iRh_w strong {
    font-weight: 500;
    color: #dcddde
}

.theme-dark .subscribersPopout-3lkZNO {
    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-3Az2Dc {
    color: #b9bbbe
}

.theme-dark .tierHeaderLocked-30MLlO {
    background-color: #202225;
    color: #b9bbbe
}

.theme-dark .tierHeaderUnlocked-1OpOLf {
    background-color: #202225
}

.theme-dark .tierCloseClose-T256RA {
    color: #fff
}

.theme-dark .tierBody-1d3UiS {
    background-color: #2f3136;
    color: #b9bbbe
}

.theme-light .moreSubscribers-2FZuij {
    background-color: #202225;
    color: #fff
}

.theme-light .subscriberCount-3iRh_w {
    color: #9099a4
}

.theme-light .subscriberCount-3iRh_w strong {
    color: #4f5660
}

.theme-light .subscribersPopout-3lkZNO {
    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-3Az2Dc {
    color: #747f8d
}

.theme-light .tierHeaderLocked-30MLlO {
    background-color: #f8f9f9;
    color: #9099a4
}

.theme-light .tierHeaderUnlocked-1OpOLf {
    background-color: #f8f9f9
}

.theme-light .tierCloseClose-T256RA {
    color: #747f8d
}

.theme-light .tierBody-1d3UiS {
    background-color: #fff;
    color: #2e3338;
    border: 1px solid #ebedef
}

.theme-dark .tierCloseHint-103-uf,
.theme-light .tierCloseHint-103-uf {
    color: #fff;
    background-color: var(--brand-experiment)
}

.theme-dark .tierCloseHint-103-uf:before,
.theme-light .tierCloseHint-103-uf:before {
    border-right-color: var(--brand-experiment)
}

.theme-dark .tierHeaderUnlocked-1OpOLf,
.theme-light .tierHeaderUnlocked-1OpOLf {
    color: #fff
}

.theme-dark .tierHeaderUnlockedBackground-1hEhCD,
.theme-light .tierHeaderUnlockedBackground-1hEhCD {
    background-image: -webkit-gradient(linear, left top, right top, from(hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%)), to(hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%)));
    background-image: linear-gradient(90deg, hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%), hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%))
}

.newBadge-21FpJv {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 4px;
    vertical-align: bottom
}

.crossfade-3PcvKX {
    position: relative
}

.icon-1KbmwI {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.animation-1yAqFn {
    position: relative
}

.image-3Y2bJ_ {
    background-repeat: no-repeat;
    background-size: 100%
}

.wumpus-E4gTG1 {
    position: relative;
    background-image: url(/assets/cabae264554f285fceed705e2585c439.svg);
    width: 100%;
    height: 100%
}

.fireWrapper-2OxYhV {
    position: absolute;
    width: 30%;
    height: 20%
}

.fireTopWrapper-2mO7lp {
    -webkit-transform: rotate(348deg);
    transform: rotate(348deg);
    top: 70%;
    left: 0
}

.fireBottomWrapper-3OFDj3 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    top: 92%;
    left: 8%
}

.fire-FTcvn1 {
    background-image: url(/assets/2c8eb55866004b9c01f87018f19011e9.svg);
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.titleBlurb-2kLrFO {
    margin-bottom: 40px;
    margin-right: 20px
}

.guildBoostingGracePeriodTitle-3_qgIs {
    text-transform: uppercase
}

.divider-2UxUgG {
    height: 1px;
    background: var(--background-modifier-accent);
    margin: 32px 0
}

.row-1lgfJq {
    position: relative;
    display: grid;
    grid-column: 1/span 2;
    grid-template-columns: repeat(2, 50%);
    padding: 16px 0;
    cursor: pointer;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.row-1lgfJq.active-3SCabj .soundPreviewIcon-1Oa5YE,
.row-1lgfJq:hover .soundPreviewIcon-1Oa5YE,
.row-1lgfJq:hover .soundRemove-2N9byT {
    display: block
}

.soundName-1WJpi1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.requirements-ZkxAwP {
    padding: 1rem 0;
    list-style: disc inside
}

.headerSection-rufZHj,
.helpText-2dfaSg {
    margin-bottom: 24px
}

.headerSection-rufZHj {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.soundTable-2ti1yU {
    display: grid;
    grid-template-columns: repeat(2, 50%)
}

.tableHeader-OoljKX {
    font-weight: 600;
    text-transform: uppercase
}

.soundRemove-2N9byT {
    display: none;
    position: absolute;
    top: 0;
    right: 0
}

.soundPreviewIcon-1Oa5YE {
    display: none;
    width: 16px;
    height: 16px;
    margin-left: 8px
}

.uploaderAvatar-1d2g7R {
    margin-right: 4px
}

.uploaderName-F4_hTV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper-24fR1R {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-secondary);
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px;
    position: relative;
    -webkit-transition: background-color .125s;
    transition: background-color .125s
}

.wrapper-24fR1R:focus-within,
.wrapper-24fR1R:hover {
    background-color: var(--background-secondary-alt)
}

.wrapper-24fR1R:focus-within .actions-1aMD1r,
.wrapper-24fR1R:hover .actions-1aMD1r {
    opacity: 1;
    visibility: visible
}

.content-1YNCKm {
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

.contentRemoving-tuliAd {
    opacity: .25
}

.sticker-pNm_z_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 8px
}

.stickerName-z8Tk0I {
    font-weight: 500;
    text-align: center
}

.relatedEmoji-3oYDS- {
    height: 16px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 16px
}

.wrapperDisabled-3r6fsz .relatedEmoji-3oYDS-,
.wrapperDisabled-3r6fsz .sticker-pNm_z_ {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.user-1YiZLc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4px
}

.userAvatar-36EnEA {
    margin-right: 4px
}

.actions-1aMD1r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    position: absolute;
    right: -10px;
    top: -11px;
    -webkit-transition: opacity .25s, visibility .25s;
    transition: opacity .25s, visibility .25s;
    z-index: 1;
    visibility: hidden
}

.action-2YPPom,
.actions-1aMD1r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.action-2YPPom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-primary);
    border-radius: 24px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3), 0 0 0 1px rgba(32, 34, 37, .6);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3), 0 0 0 1px rgba(32, 34, 37, .6);
    color: var(--interactive-normal);
    cursor: pointer;
    height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: color .125s;
    transition: color .125s;
    width: 24px
}

.action-2YPPom:focus,
.action-2YPPom:hover {
    color: var(--interactive-active)
}

.action-2YPPom+.action-2YPPom {
    margin-top: 8px
}

.actionRemove-3T3Nw3,
.actionRemove-3T3Nw3:focus,
.actionRemove-3T3Nw3:hover {
    color: var(--text-danger)
}

.icon-1GbPE7 {
    height: 16px;
    width: 16px
}

.spinner-1NogOd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

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

.grid-5BH14o {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: repeat(4, minmax(146px, 160px));
    grid-template-rows: 160px
}

.uploadCard-36s2wI {
    cursor: pointer
}

.iconWrapper-3mOhDI {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, right top, from(hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%)), to(hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%)));
    background-image: linear-gradient(90deg, hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%), hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%));
    border-radius: 48px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    margin-bottom: 10px;
    width: 48px
}

.icon-8udJUP {
    height: 24px;
    width: 24px
}

.emptyTierWrapper-V5c-R7 {
    -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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 0
}

.unusedTierWrapper-2279dK {
    padding: 4px 0
}

.emptyTierImage-2bJjxU {
    width: 88px;
    height: 60px
}

.emptyTierImage-2bJjxU,
.unlockTierCtaHeading-18Nq1u {
    margin-bottom: 16px
}

.tierCardSubheading-14rFEu {
    font-weight: 400
}

.uploadCardLabel-OzMish {
    font-weight: 500
}

.upsellContainer-22N_CL {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(/assets/421e9ec77829ec1e4b1dd492dfad2f8a.svg), -webkit-gradient(linear, left top, right top, from(hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%)), to(hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%)));
    background: url(/assets/421e9ec77829ec1e4b1dd492dfad2f8a.svg), linear-gradient(90deg, hsl(235, calc(var(--saturation-factor, 1)*68.5%), 52.7%), hsl(269, calc(var(--saturation-factor, 1)*91.8%), 61.8%));
    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;
    padding: 40px 0
}

.upsellHeader-3707cG {
    color: #fff;
    margin-bottom: 4px
}

.upsellDescription-2O_p3B {
    color: #fff;
    margin-bottom: 24px;
    max-width: 400px;
    text-align: center
}

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

.upsellButtonPrimary-1OnWlC {
    margin-right: 16px
}

.upsellButton-36YQ7c {
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.uploadRequirementsList-3F_faA {
    list-style: disc;
    padding: 8px 0 8px 24px
}

.divider-wz_a_k {
    margin: 24px 0
}

.descriptionBox-SKGNgB {
    background-color: var(--background-secondary);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding: 16px
}

.descriptionSection-2uY1K5 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.descriptionRow-1UPN0d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--text-normal);
    font-size: 14px;
    line-height: 18px;
    margin-top: 16px
}

.descriptionIcon-3nDZrK {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 20px;
    margin-right: 16px;
    vertical-align: text-bottom;
    width: 20px
}

.divider-1oci_7 {
    margin: 20px 0
}

.button-W1FZ-k:first-of-type {
    margin-right: 16px
}

.rightButtonContainer-2xxmIz {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lastSync-1TPXrk {
    color: var(--text-normal);
    font-size: 12px;
    margin-top: 8px
}

.buttonContainer-3_Ea_n {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dot-e8DTw_ {
    content: "";
    background: var(--brand-experiment);
    height: 12px;
    width: 12px;
    border-radius: 12px
}

.container-3sYrXC {
    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-w72mM6 {
    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-yS14_1,
.prefixInputPrefix-20KCc9 {
    font-size: 16px
}

.prefixInputInput-yS14_1 {
    width: 100%;
    border: 0;
    background: transparent
}

.theme-light .prefixInput-w72mM6 {
    background-color: rgba(79, 84, 92, .02);
    border-color: rgba(79, 84, 92, .3)
}

.theme-light .prefixInput-w72mM6:hover {
    border-color: rgba(79, 84, 92, .6)
}

.theme-light .prefixInput-w72mM6.focused-2JC6KT {
    border-color: var(--brand-experiment)
}

.theme-light .prefixInput-w72mM6.error-UVCAd2 {
    border-color: var(--status-danger)
}

.theme-light .prefixInputInput-yS14_1 {
    color: #4f545c
}

.theme-light .prefixInputInput-yS14_1::-webkit-input-placeholder {
    color: #b9bbbe
}

.theme-light .prefixInputInput-yS14_1::-moz-placeholder {
    color: #b9bbbe
}

.theme-light .prefixInputInput-yS14_1:-ms-input-placeholder {
    color: #b9bbbe
}

.theme-light .prefixInputInput-yS14_1::placeholder {
    color: #b9bbbe
}

.theme-light .prefixInputPrefix-20KCc9 {
    color: rgba(114, 118, 125, .6)
}

.theme-dark .prefixInput-w72mM6 {
    background-color: rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .3)
}

.theme-dark .prefixInput-w72mM6:hover {
    border-color: rgba(0, 0, 0, .6)
}

.theme-dark .prefixInput-w72mM6.focused-2JC6KT {
    border-color: var(--brand-experiment)
}

.theme-dark .prefixInput-w72mM6.error-UVCAd2 {
    border-color: var(--status-danger)
}

.theme-dark .prefixInputInput-yS14_1 {
    color: #f6f6f7
}

.theme-dark .prefixInputInput-yS14_1::-webkit-input-placeholder {
    color: #72767d
}

.theme-dark .prefixInputInput-yS14_1::-moz-placeholder {
    color: #72767d
}

.theme-dark .prefixInputInput-yS14_1:-ms-input-placeholder {
    color: #72767d
}

.theme-dark .prefixInputInput-yS14_1::placeholder {
    color: #72767d
}

.theme-dark .prefixInputPrefix-20KCc9 {
    color: #72767d
}

.editVanityUrlCard-22awew {
    padding: 20px
}

.removeVanityUrlButton-1z67ND {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0
}

.formTitleField-2OZJTN {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flexFormTitle-2Cls9M {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guildFeatureAvailabilityIndicator-1-B8Jv {
    background-color: var(--background-secondary-alt);
    padding: 1px 2px;
    border-radius: 16px;
    margin-left: 4px;
    height: 18px
}

.upsell-2IECf_ {
    cursor: pointer
}

.upsellButton-3ulc3W {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.premiumUpsellBadge-Nu-cVN {
    margin-right: 4px
}

.marginTop16-3ATVLR {
    margin-top: 16px
}

.infoWrapper-1HtsGy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.infoItem-Q4HWUe {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.divider-3OYEdB {
    margin: 40px 0
}

.spacing-1S4NZs {
    margin-bottom: 20px
}

.serverBoostTabItem-3QwA3W[aria-selected=true] {
    color: #fff !important;
    background-color: var(--brand-experiment) !important
}

.serverBoostTabItem-3QwA3W[aria-selected=true] .icon-3FU6Ir {
    fill: #fff !important
}

.landingPageTabLink-1dhCqV {
    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
}

.layers-OrUESM {
    position: relative;
    overflow: hidden
}

.layers-OrUESM>.layer-86YKbF {
    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-OrUESM>.layer-86YKbF.animating-1rIrGV {
    pointer-events: none;
    will-change: transform, opacity
}

.layers-OrUESM>.layer-86YKbF.animating-1rIrGV * {
    pointer-events: none !important
}

.bg-1QIAus {
    background-color: var(--background-tertiary);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.platform-win .layer-86YKbF {
    top: -22px;
    padding-top: 22px
}

.platform-win .bg-1QIAus {
    top: -22px
}

.stop-animations * {
    -webkit-transition-property: none !important;
    transition-property: none !important;
    -webkit-animation: none !important;
    animation: none !important
}

.layer-86YKbF {
    background-color: var(--background-primary)
}

.layer-86YKbF.baseLayer-W6S8cY {
    background-color: transparent
}

.videoHeight-3XhdTL {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.videoHeight-3XhdTL.animated-bWeJ4R {
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.videoHeight-3XhdTL.normal-1O1dfs {
    height: 50vh
}

.videoHeight-3XhdTL.minimum-1n7zHF {
    height: 275px
}

.videoHeight-3XhdTL.noChat-3QkBOE {
    height: 100vh
}

.videoHeight-3XhdTL.fullScreen-3Qv7-0 {
    -webkit-transition: none;
    transition: none;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100
}

.platform-win .videoHeight-3XhdTL.normal-1O1dfs {
    height: calc(50vh - 22px)
}

.platform-win .videoHeight-3XhdTL.noChat-3QkBOE {
    height: calc(100vh - 22px)
}

.video-eAcneW {
    width: 100%;
    height: 100%;
    min-height: 275px;
    overflow: hidden;
    background-size: 100%;
    background-position: 50%;
    position: relative;
    cursor: default;
    background-color: #18191c
}

.video-eAcneW.idle-2AwMnm {
    cursor: none
}

.video-eAcneW.fullScreen-3Qv7-0 .videoCenter-3X8Npl,
.video-eAcneW.noChat-3QkBOE .videoCenter-3X8Npl,
.video-eAcneW.normal-1O1dfs .videoCenter-3X8Npl {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.video-eAcneW.fullScreen-3Qv7-0 .videoBottom-3r-BDH,
.video-eAcneW.noChat-3QkBOE .videoBottom-3r-BDH,
.video-eAcneW.normal-1O1dfs .videoBottom-3r-BDH {
    -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-eAcneW.fullScreen-3Qv7-0:not(.idle-2AwMnm) .videoWrapper-puUP5B.focused-3SzCnB .videoBottom-3r-BDH,
.video-eAcneW.fullScreen-3Qv7-0:not(.idle-2AwMnm) .videoWrapper-puUP5B:hover .videoBottom-3r-BDH,
.video-eAcneW.noChat-3QkBOE:not(.idle-2AwMnm) .videoWrapper-puUP5B.focused-3SzCnB .videoBottom-3r-BDH,
.video-eAcneW.noChat-3QkBOE:not(.idle-2AwMnm) .videoWrapper-puUP5B:hover .videoBottom-3r-BDH,
.video-eAcneW.normal-1O1dfs:not(.idle-2AwMnm) .videoWrapper-puUP5B.focused-3SzCnB .videoBottom-3r-BDH,
.video-eAcneW.normal-1O1dfs:not(.idle-2AwMnm) .videoWrapper-puUP5B:hover .videoBottom-3r-BDH {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.videoWrapper-puUP5B {
    position: relative;
    border-radius: 3px
}

.videoInner-1yJNUe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    pointer-events: none
}

.videoBottom-3r-BDH,
.videoCenter-3X8Npl,
.videoTop-18vrXm {
    pointer-events: all
}

.videoBackground-3No02W,
.videoBackgroundTransition-Pn9nCS {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.videoBackgroundTransition-Pn9nCS {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.theme-light .video-eAcneW.minimum-1n7zHF {
    background-color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 #e3e5e8;
    box-shadow: inset 0 -1px 0 #e3e5e8
}

.theme-light .video-eAcneW.noChat-3QkBOE .videoBackgroundTransition-Pn9nCS {
    -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-eAcneW.noChat-3QkBOE .videoTop-18vrXm,
.theme-light .video-eAcneW.normal-1O1dfs .videoTop-18vrXm {
    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-eAcneW.noChat-3QkBOE .videoBackgroundTransition-Pn9nCS {
    -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-eAcneW.noChat-3QkBOE .videoTop-18vrXm,
.theme-dark .video-eAcneW.normal-1O1dfs .videoTop-18vrXm {
    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-2puO2Q {
    width: 320px;
    height: 180px;
    background: #18191c;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.videoControls-e2Ogs3 {
    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-34xgN7,
.topControls-93Lu-m {
    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-34xgN7 {
    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;
    color: #fff
}

.bottomLeftControls-vcZYkU {
    min-width: 0
}

.idle-1brB89 .videoControls-e2Ogs3 {
    opacity: 0
}

.idle-1brB89 .topControls-93Lu-m {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0)
}

.idle-1brB89 .bottomControls-34xgN7 {
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0)
}

.backButton-1uN-4- {
    margin-right: 2px;
    color: #b9bbbe;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.headerBar-3f_Hgj {
    padding: 4px 0 0;
    height: auto
}

.topControls-93Lu-m .headerBar-3f_Hgj {
    -webkit-app-region: no-drag
}

.headerIdleContainer-3ckCaT {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.headerIdleContainer-3ckCaT,
.headerTitle-iz6vaZ {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerTitle-iz6vaZ {
    -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-iz6vaZ:hover {
    border-bottom: 1px solid #fff;
    cursor: pointer
}

.headerTitle-iz6vaZ:hover .backButton-1uN-4- {
    color: #fff
}

.headerText-2cy0o5 {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.menuIcon-2W0umL {
    cursor: pointer
}

.keyboard-mode .videoControls-e2Ogs3 {
    opacity: 1
}

.arrowIcon-2TmNrs {
    height: 24px;
    width: 24px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.arrowIconExpanded-2hFBUt {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.rightPipIcon-2lhla7 {
    margin-left: 16px
}

.leftPipIcon-3WIyOO {
    margin-right: 16px
}

.participantsButton-3jZ8nS {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pipHeader-hPGXCY {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 12px
}

.pipHeaderContent-2OgSHo {
    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-1Kyqhq {
    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-2qPG_i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.menuIcon-n0j6ut {
    color: #fff
}

.leaveActivityIcon-1ZYET_ {
    margin-left: 6px;
    height: 24px;
    width: 24px
}

.root-2w15VN {
    width: 100%;
    height: 100%
}

.root-2w15VN.pipMode-_uBhXq {
    width: 320px;
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out
}

.root-2w15VN.pipModeShort-2NBL3P {
    height: 180px
}

.root-2w15VN.pipModeTall-1cnlfN {
    height: 410px
}

.root-2w15VN.hidden-2gI5HH {
    width: 0;
    max-height: 0;
    -webkit-transition: none;
    transition: none
}

.iframe-2GuF98 {
    width: 100%;
    height: 100%
}

.iframe-2GuF98.pipModeShort-2NBL3P {
    height: 180px
}

.iframe-2GuF98.pipModeTall-1cnlfN {
    height: 410px
}

.pipNonInteractive-H1RjSN {
    pointer-events: none
}

.clickShield-3YjF1f {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.button-28qZiI {
    line-height: 0
}

.badgeUpgrade-36x1Io {
    position: absolute;
    right: 2px;
    bottom: 2px;
    color: var(--brand-experiment)
}

.mirror-1zCRf6 {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.video-NaTj2S {
    position: relative;
    background-color: #000
}

.media-OcqfvM,
.video-NaTj2S {
    width: 100%;
    height: 100%
}

.media-OcqfvM {
    -o-object-fit: contain;
    object-fit: contain
}

.leftTrayIcon-KRCvV7 {
    margin-right: 16px
}

.rightTrayIcon-2HfcYA {
    margin-left: 16px
}

.embedTarget-2FxMoG {
    width: 100%;
    height: 100%
}

.embedTargetHidden-2aKEOL {
    width: 0;
    height: 0;
    visibility: hidden
}

.participantName-1xQQfc {
    margin-left: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.firefoxFixScrollFlex-3iXpkl {
    min-height: 0
}

.fixClipping-3GOd_d {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.container-2RRFHK {
    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-2RRFHK img,
.container-2RRFHK video {
    width: 200px;
    height: 200px
}

.container-2RRFHK video {
    visibility: hidden
}

.container-2RRFHK video.ready-3BZNWT {
    visibility: visible
}

.platform-win .container-2RRFHK {
    padding-top: 22px;
    top: -22px
}

.content-3AIQZv {
    text-align: center
}

.problems-CvGwpb {
    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-CvGwpb.slideIn-VAD-dp {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.problemsText-1DBHh5 {
    font-size: 14px;
    color: var(--header-secondary);
    margin-bottom: 8px
}

.links-30fqF9 {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px
}

.links-30fqF9:hover {
    opacity: .8
}

.links-30fqF9:before {
    display: inline-block;
    content: "";
    margin-right: 6px;
    vertical-align: bottom
}

.statusLink-TySQmC {
    margin-left: 20px
}

.icon-2qL2MI {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: auto;
    color: var(--text-link);
    margin-right: 4px
}

.contentBase-3iXUX9 {
    color: var(--header-secondary);
    font-size: 14px;
    font-weight: 500;
    max-width: 600px;
    line-height: 16px
}

.text-2bYgPB {
    position: relative;
    top: -20px
}

.tipTitle-3FYEQp {
    color: var(--header-primary);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 16px;
    margin-bottom: 8px
}

.tip-1AwED_,
.tipTitle-3FYEQp {
    max-width: 300px
}

.tip-1AwED_ {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px
}

.keybind-2rkdVo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: -2px;
    margin-bottom: 0;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.title-dTGO6I {
    margin-bottom: 10px;
    color: var(--header-primary);
    font-style: italic;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase
}

.gamepadButtonText-JgQEt_ {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-right: 30px
}

.gamepadButtonContainer-KDWA5h {
    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-2J98cR {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 100px;
    width: 40%;
    max-width: 650px;
    padding-top: 36px;
    margin: auto 0
}

.sectionTitle-353qVZ {
    font-size: 48px;
    font-weight: 700;
    color: #fff
}

.sectionSubtitle-1V452O {
    font-size: 32px;
    margin-top: 32px;
    font-weight: 300;
    line-height: 1.25;
    color: #fff
}

@media (max-height:720px) {
    .sectionTitle-353qVZ {
        font-size: 32px
    }

    .sectionSubtitle-1V452O {
        font-size: 24px;
        margin-top: 20px
    }
}

.pageWrapper-Nsjifk {
    width: 100vw;
    height: 100vh;
    background-image: linear-gradient(114deg, hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%), #9295e2);
    overflow: auto
}

.container-2fBxZP {
    height: 100%;
    width: 100%
}

.logo-2hpnqg {
    height: 80px;
    margin-left: 94px;
    margin-top: 40px;
    position: absolute
}

.linkButton-2PbjMF {
    height: auto;
    font-size: 20px;
    margin-top: 20px;
    padding: 16px 40px
}

.rightPanel-1BycUd {
    position: relative;
    width: 60%;
    overflow: hidden;
    padding-top: 15%
}

.image-3hgh1Q {
    width: 70%;
    height: auto;
    position: fixed;
    right: -11%;
    z-index: 0;
    pointer-events: none
}

.xboxButtonContainer-1MCNkW {
    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-2AUxUt {
    margin-right: 8px;
    width: 30px;
    height: 30px
}

.errorMessageContainer-2Jile0 {
    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-hpqk2Z {
    color: #4f545c
}

.errorMessageIcon-1L8m18 {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    width: 24px;
    height: 24px;
    margin-right: 8px
}

@media (max-height:720px) {
    .logo-2hpnqg {
        height: 46px
    }

    .linkButton-2PbjMF {
        font-size: 16px;
        padding: 2px 24px
    }

    .gamepadButton-2AUxUt {
        width: 30px;
        height: 30px
    }

    .errorMessageIcon-1L8m18 {
        width: 24px;
        height: 24px
    }
}

.leftPanel-2JsDSS {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 100px;
    width: 40%;
    margin: auto 0
}

.sectionTitle-2SlIi4 {
    font-size: 32px;
    margin-bottom: 20px;
    margin-top: 48px;
    color: #fff
}

.sectionSubheader-3hywgH {
    margin-bottom: 4px
}

.sectionSubheader-3hywgH,
.sectionSubtitle-3PdriD {
    font-size: 24px;
    line-height: 1.25;
    color: #fff
}

.sectionSubtitle-3PdriD {
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 300
}

.pinNumber-1FsNnN {
    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-1bsq1z {
    font-size: 20px;
    margin-top: 13px;
    color: #fff
}

@media (max-height:720px) {
    .pinNumber-1FsNnN {
        font-size: 60px;
        margin-top: 60px
    }

    .pinExpiresText-1bsq1z {
        font-size: 16px;
        margin-top: 12px
    }

    .sectionTitle-2SlIi4 {
        font-size: 24px;
        margin-bottom: 16px;
        margin-top: 24px
    }

    .sectionSubheader-3hywgH {
        font-size: 20px;
        line-height: 1.25;
        margin-bottom: 4px
    }

    .sectionSubtitle-3PdriD {
        font-size: 18px;
        margin-bottom: 4px
    }

    .linkButton-3rMWSO {
        font-size: 16px;
        padding: 2px 24px
    }
}

.image-y2vgKP {
    height: 100px
}

.image-y2vgKP,
.subtitle-1yRUGt,
.title-1orF05 {
    margin-bottom: 8px
}

.spacedButton-1tOmFk {
    margin-top: 24px
}

.image-3RZhT1 {
    height: 100px
}

.image-3RZhT1,
.subtitle-1bdJT7,
.title-1urvpi {
    margin-bottom: 8px
}

.spacedButton-2sp6rZ {
    margin-top: 24px
}

.elevated-30YFqg {
    -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-l_95QH {
    margin: 12px auto 20px;
    width: 85%
}

.buttonTitle-Svt1Jh {
    text-align: center;
    margin: 20px 20px 0
}

.text-hKdqN7 {
    text-align: left
}

.buttonLogin-ZQT3Om {
    font-weight: 600;
    font-size: 12px
}

.card-3TBhx9 {
    margin: 16px;
    background: #202225;
    border-color: #202225
}

.cardContents-1JzBq0 {
    max-width: 400px;
    margin: 0 auto
}

.cardAccentLeft-u1D8G4 {
    left: 0
}

.cardAccentLeft-u1D8G4,
.cardAccentRight-7zEoGP {
    position: absolute;
    bottom: 0;
    opacity: .3
}

.cardAccentRight-7zEoGP {
    right: 0
}

.clock-140ea1 {
    margin-right: 8px
}

.container-2jjfyg {
    margin-top: 16px
}

.container-2jjfyg,
.expirationContainer-lyCBTN {
    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-lyCBTN {
    -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)
}

.container-QyFpud {
    -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-3VxXlY {
    position: relative;
    margin-right: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25px;
    height: 25px
}

.appIcon-TMknef {
    display: inline-block
}

.appIconSize-H2DwFS {
    width: 100px;
    height: 100px
}

.appIcon-TMknef,
.avatar-EbHB32,
.guildIcon-1oYPAO {
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 16px
}

.title-3GIL9H {
    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-3GIL9H {
        margin-top: 8px
    }
}

.activityCount-1VMVRq {
    margin-top: 4px
}

@media (min-height:640px) {
    .activityCount-1VMVRq {
        margin-top: 8px
    }
}

.directInviteSubTitle-1UxUyu {
    margin-top: 8px
}

.guildContainer-mnXkIr {
    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-2eZSn8 {
    margin: 4px 0
}

.appGuildName-2OObDy {
    color: var(--header-primary)
}

.inviteJoinContainer-1MnDh0 {
    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-2hlLbv {
    padding-right: 8px
}

.inviteJoinText-Icp9Zw {
    color: var(--header-secondary)
}

.guildInfoCard-1YcM9R {
    width: 100%;
    text-align: left
}

.presentedBy-1l3Ibc {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: var(--header-secondary)
}

.guildContainer-tYwtCR {
    padding-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.guildDetailsContanier-3fpfoB {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 12px
}

.guildName-3DO1wi {
    font-family: var(--font-display);
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.guildBadge-1NEtFC {
    margin-left: 4px
}

.guildInfoMemberCount-1xMxBS {
    margin: 0;
    padding: 2px 0 0
}

.guildInfoMemberCountText-1twh21 {
    font-size: 12px
}

.guildDescriptionContainer-2CwkCg {
    padding-top: 12px
}

.guildEventCard-3SEtSN {
    width: 100%;
    text-align: left
}

.channelInfo-13jdV- {
    padding-top: 4px
}

.acceptButton-3gnpS- {
    margin-top: 12px;
    width: 100%
}

.container-xDMMTy {
    -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
}

.acceptButton-1_hsxy {
    margin-top: 28px;
    width: 100%
}

.splashBackground-bJjjj1 {
    --background-mobile-primary: #202225 center/cover no-repeat url(/assets/4680228d0a03d95dd5f928d62cdda206.png);
    width: 100%;
    height: 100%;
    -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
}

.splashBackground-bJjjj1 .inviteRegisterAuthBox-1pLsd7 {
    overflow: unset;
    position: relative;
    border-radius: 5px;
    padding: 0
}

.splashBackground-bJjjj1 .inviteRegisterAuthBox-1pLsd7:before {
    content: "";
    background: none
}

.downloadAppTitle-3rtt1N {
    margin-bottom: 8px
}

.downloadAppImage-2ADF51 {
    margin: 24px 0
}

.centerFlex-1WPvuy {
    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
}

.centerAuthBoxContent-1LqzvP {
    margin-top: -50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.inviteCard-2PH3DL {
    border-radius: 8px;
    background: var(--background-primary);
    width: calc(100vw - 72px);
    max-width: 480px;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, .2);
    padding: 20px;
    margin: 8px
}

@media (max-height:640px) {
    .inviteCard-2PH3DL {
        width: calc(100vw - 64px);
        padding: 16px;
        margin: 0
    }
}

.inviteChildContainer-3PotQO {
    overflow: hidden
}

.inviteCardInner-yr-YJC {
    min-height: 100px
}

.guildInfoInner-2V7Ulq,
.inviteCardInner-yr-YJC {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.guildInfoInner-2V7Ulq {
    overflow: hidden
}

.inviteCardInnerError-3u6T5x {
    -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;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 -4px;
    padding-bottom: 0;
    padding-top: 24px;
    min-height: 200px
}

@media (max-height:640px) {
    .inviteCardInnerError-3u6T5x {
        padding: 0;
        margin: 0 -12px
    }
}

.inviteCardInnerLoading-CAaL9W {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    min-height: 200px;
    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-2bcFcq {
    margin-top: 32px
}

.iconContainer-GFfNaA {
    height: 80px;
    position: relative;
    width: 80px
}

.filledIcon-2TG9HI {
    background-color: var(--background-secondary-alt);
    border-radius: 80px;
    height: 80px;
    width: 80px
}

.icon-2lruu6 {
    -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-3b0z3f {
    margin: 8px 0
}

.divider-2LDPMF {
    border: 1px solid var(--background-modifier-accent);
    margin: 24px 0
}

.previewSection-3zLNUF {
    margin-bottom: 32px
}

.channelsWrapper-51IUFR,
.rolesWrapper-1LLZrU {
    background-color: var(--background-secondary);
    border-radius: 8px
}

.protip-3cvJsv {
    margin-top: 8px
}

.protipText-w-yHWc {
    color: var(--text-positive);
    font-weight: 600;
    text-transform: uppercase
}

.sectionHeader-V7fS5q {
    color: var(--header-primary);
    font-size: 20px;
    padding-bottom: 8px;
    text-align: left
}

.channelsWrapper-51IUFR {
    padding: 16px
}

.channel-cYcEdL {
    -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-2ZGeAu {
    font-size: 12px;
    font-weight: 700;
    margin-left: -13px;
    text-transform: uppercase
}

.category-2ZGeAu .channelIcon-2Cm2vR {
    height: 14px;
    margin-right: 1px;
    width: 14px
}

.channelIcon-2Cm2vR {
    margin-right: 8px;
    width: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.channelText-VHXKLi {
    overflow: hidden;
    text-overflow: ellipsis
}

.rolesWrapper-1LLZrU {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px
}

.role-2mCo-N,
.rolesWrapper-1LLZrU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.role-2mCo-N {
    -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-1ER2zO {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin-right: 4px
}

.roleName-3kJr77 {
    color: var(--channels-default);
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 4px
}

.authBox-3vB4SV {
    width: 960px
}

.createButton-1yHqY0 {
    margin-top: 12px
}

.header-3Uk6hC {
    text-align: center;
    margin-bottom: 32px
}

.formContainer-2kU7Zy {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: start
}

.image-1q15YX {
    height: 100px
}

.wrapper-1A7AHQ {
    background: repeat 108% 103% url(/assets/8eba753f8b6d02be1013c5e659b0fc2f.png);
    width: 100vw;
    height: 100vh;
    background-color: #202225;
    overflow: auto
}

.key-ZgTTn1 {
    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-1lhXDl {
    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-1lhXDl+.container-1lhXDl {
    margin-top: 8px
}

.clickBlocker-3fcxN9 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    cursor: auto
}

.content-2HTkJn {
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top
}

.content-2HTkJn,
.details-1kXTh6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.details-1kXTh6 {
    -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-1EKoES {
    font-weight: 500;
    text-align: center
}

.clickable-3Po8Th {
    cursor: pointer
}

.dismissButton-3M5dFF {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 5px;
    right: 5px;
    line-height: 0;
    visibility: hidden;
    cursor: pointer
}

.dismissButton-3M5dFF .dismissIcon-1YYCRF {
    opacity: .5
}

.dismissButton-3M5dFF:hover .dismissIcon-1YYCRF {
    opacity: 1
}

.container-1lhXDl:hover .dismissButton-3M5dFF,
.dismissButton-3M5dFF:hover {
    visibility: visible
}

.buttonContainer-3jgEbj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -5px;
    margin-right: -5px
}

.button-6FJZpX {
    margin-left: 5px;
    margin-right: 5px
}

.avatar-Is6P00 {
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.title-1NQwdv {
    font-size: 16px;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.body-3ZiyFB,
.title-1NQwdv {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.body-3ZiyFB {
    overflow-wrap: break-word
}

.divider-10AUbi {
    width: 100%;
    height: 1px;
    margin-top: 12px;
    margin-bottom: 12px;
    position: relative
}

.footer-2LPZEU {
    color: #b9bbbe
}

.keybindMessage-2kbim9 {
    font-weight: 500
}

.keybindMessage-2kbim9 .keybind-2OdrgH {
    font-size: 13px;
    line-height: 14px;
    font-weight: 500;
    margin-left: 6px;
    margin-right: 6px
}

.hintSubtleText-3o8C4x {
    text-align: center;
    font-size: 12px
}

.themePrimary-UZl0kD.container-1lhXDl {
    background-color: rgba(54, 57, 63, .95)
}

.themePrimary-UZl0kD.container-1lhXDl.clickable-3Po8Th:hover {
    background-color: #36393f
}

.themePrimary-UZl0kD.container-1lhXDl.clickable-3Po8Th:hover .hintText-1EKoES {
    color: #fff
}

.themePrimary-UZl0kD .body-3ZiyFB,
.themePrimary-UZl0kD .hintSubtleText-3o8C4x,
.themePrimary-UZl0kD .hintText-1EKoES,
.themePrimary-UZl0kD .keybindMessage-2kbim9 {
    color: #b9bbbe
}

.themePrimary-UZl0kD .divider-10AUbi {
    background-color: #4f545c
}

.themePrimary-UZl0kD .dismissButton-3M5dFF {
    background-color: #36393f;
    -webkit-box-shadow: 0 0 7px 3px #36393f;
    box-shadow: 0 0 7px 3px #36393f
}

.themeBrand-1CDQx7.container-1lhXDl {
    background-color: var(--brand-experiment-95a)
}

.themeBrand-1CDQx7.container-1lhXDl.clickable-3Po8Th:hover {
    background-color: var(--brand-experiment-500)
}

.themeBrand-1CDQx7.container-1lhXDl.clickable-3Po8Th:hover .hintText-1EKoES {
    color: #fff
}

.themeBrand-1CDQx7 .body-3ZiyFB,
.themeBrand-1CDQx7 .hintText-1EKoES,
.themeBrand-1CDQx7 .keybindMessage-2kbim9 {
    color: var(--brand-experiment-200)
}

.themeBrand-1CDQx7 .footer-2LPZEU {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.themeBrand-1CDQx7 .divider-10AUbi {
    background-color: hsla(0, 0%, 100%, .15)
}

.themeBrand-1CDQx7 .dismissButton-3M5dFF {
    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-1CDQx7 .keybind-2OdrgH {
    background-color: #fff;
    border-bottom-color: var(--brand-experiment-300)
}

.themeBrand-1CDQx7 .button-6FJZpX .innerText-3d6KtA,
.themeBrand-1CDQx7 .keybind-2OdrgH {
    color: var(--brand-experiment-500)
}

.themeDanger-28iXf_.container-1lhXDl {
    background-color: hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .95)
}

.themeDanger-28iXf_.container-1lhXDl.clickable-3Po8Th:hover {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.themeDanger-28iXf_.container-1lhXDl.clickable-3Po8Th:hover .hintText-1EKoES {
    color: #fff
}

.themeDanger-28iXf_ .body-3ZiyFB,
.themeDanger-28iXf_ .hintText-1EKoES,
.themeDanger-28iXf_ .keybindMessage-2kbim9 {
    color: hsl(358, calc(var(--saturation-factor, 1)*81%), 91.8%)
}

.themeDanger-28iXf_ .footer-2LPZEU {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.themeDanger-28iXf_ .divider-10AUbi {
    background-color: hsl(359, calc(var(--saturation-factor, 1)*83%), 67.6%)
}

.themeDanger-28iXf_ .dismissButton-3M5dFF {
    background-color: hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .8);
    -webkit-box-shadow: 0 0 7px 3px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .8);
    box-shadow: 0 0 7px 3px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .8)
}

.themeDanger-28iXf_ .dismissButton-3M5dFF .dismissIcon-1YYCRF {
    opacity: .8;
    color: #fff
}

.themeDanger-28iXf_ .dismissButton-3M5dFF:hover .dismissIcon-1YYCRF {
    opacity: 1
}

.themeDanger-28iXf_ .keybind-2OdrgH {
    background-color: #fff;
    border-bottom-color: hsl(358, calc(var(--saturation-factor, 1)*83.1%), 83.7%)
}

.themeDanger-28iXf_ .button-6FJZpX .innerText-3d6KtA,
.themeDanger-28iXf_ .keybind-2OdrgH {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.content-2AwRZg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.staticSize-2tGcxm {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.widget-3mz0ba {
    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-3mz0ba.inGame-KBqkqm,
.widget-3mz0ba.inGameActive-1op72L,
.widget-3mz0ba.inGameText-24hJLy {
    -webkit-box-shadow: none;
    box-shadow: none
}

.widget-3mz0ba.default-3rULiw {
    background-color: #2f3136
}

.widget-3mz0ba.unpinned-11Qt6W {
    background-color: #36393f
}

.bar-25hQVN {
    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-25hQVN,
.bar-25hQVN .content-2AwRZg {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.bar-25hQVN .content-2AwRZg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600
}

.bar-25hQVN: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-25hQVN: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-25hQVN: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-25hQVN:last-child.inGame-KBqkqm,
.bar-25hQVN:last-child.inGameActive-1op72L,
.bar-25hQVN:last-child.inGameText-24hJLy {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bar-25hQVN.default-3rULiw {
    background-color: #282b30
}

.bar-25hQVN.unpinned-11Qt6W {
    background-color: #36393f
}

.body-1M8OO- {
    font-size: 16px;
    line-height: 1.25;
    padding: 4px 0 4px 4px;
    color: #fff
}

.body-1M8OO-:first-child {
    border-radius: 5px 5px 0 0
}

.body-1M8OO-:last-child {
    border-radius: 0 0 5px 5px
}

.body-1M8OO-.default-3rULiw {
    background-color: #2f3136
}

.body-1M8OO-.unpinned-11Qt6W {
    background-color: #36393f
}

.body-1M8OO-.pinned-3dyaD6 {
    background-color: rgba(54, 57, 63, .75)
}

.body-1M8OO-.inGame-KBqkqm {
    background-color: hsla(0, 0%, 100%, 0)
}

.icon-1dX6vz {
    color: #fff;
    opacity: .6;
    margin-left: 8px;
    cursor: pointer
}

.icon-1dX6vz.toggledIconOn-1TyGcD,
.icon-1dX6vz:hover {
    opacity: 1
}

.tutorialTip-Ns2Yok {
    text-align: center
}

.container-8OkBp9 {
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px
}

.stackTrace-y49yF7 {
    position: absolute;
    left: 10px;
    top: 140px
}

.stackTraceCode-lzhahT {
    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-WDtvwS {
    padding: 15px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.errorMessage-136VHH {
    font-weight: 600;
    margin-left: 30px;
    font-size: 18px
}

.notificationButton-2theWv {
    border: 1px solid #fff
}

.notificationIcon-3LXUrS {
    fill: #fff
}

.footer-A_NrEF {
    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-3hsttT {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.animationContainer-UdOcqg {
    position: absolute;
    padding: 10px
}

.container-14kfse {
    position: absolute;
    z-index: 100
}

.topLeft-29vqmn {
    top: 0;
    left: 0
}

.topRight-1SUJmS {
    top: 0;
    right: 0
}

.bottomLeft-1ymjTo {
    bottom: 0;
    left: 0
}

.bottomRight-mXQqz- {
    bottom: 0;
    right: 0
}

.wrapper-soxLlF {
    position: absolute
}

.wrapper-soxLlF,
.wrapper-soxLlF>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wrapper-soxLlF>* {
    position: relative;
    width: 100%;
    height: 100%
}

.operation-2-PIqA>* {
    pointer-events: none
}

.handle-22Yhb0 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.resizeNorth-LNaBzr {
    top: 2px - 8px;
    bottom: auto
}

.resizeNorth-LNaBzr,
.resizeSouth-1BEnN8 {
    height: 8px
}

.resizeSouth-1BEnN8 {
    bottom: 2px - 8px;
    top: auto
}

.resizeNSCursor-2pkscZ {
    cursor: ns-resize
}

.resizeWest-2ipWaU {
    left: 2px - 8px;
    right: auto
}

.resizeEast-2JpXp9,
.resizeWest-2ipWaU {
    width: 8px;
    cursor: ew-resize
}

.resizeEast-2JpXp9 {
    right: 2px - 8px;
    left: auto
}

.resizeEWCursor-2JsK0M {
    cursor: ew-resize
}

.resizeNorthWest-33FbJY {
    left: 2px - 8px;
    right: auto;
    cursor: nwse-resize
}

.resizeNorthEast-2-VLQi,
.resizeNorthWest-33FbJY {
    width: 16px;
    height: 16px;
    top: 2px - 8px;
    bottom: auto
}

.resizeNorthEast-2-VLQi {
    right: 2px - 8px;
    left: auto;
    cursor: nesw-resize
}

.resizeSouthWest-DtAqN- {
    left: 2px - 8px;
    right: auto;
    cursor: nesw-resize
}

.resizeSouthEast-1dC1WX,
.resizeSouthWest-DtAqN- {
    width: 16px;
    height: 16px;
    bottom: 2px - 8px;
    top: auto
}

.resizeSouthEast-1dC1WX {
    right: 2px - 8px;
    left: auto
}

.resizeNWSECursor-15DdCW,
.resizeSouthEast-1dC1WX {
    cursor: nwse-resize
}

.resizeNESWCursor-3wp6GW {
    cursor: nesw-resize
}

.wrapper-SdcMKg {
    -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-SdcMKg.disabledSelected-1jqfsw {
    border: 2px solid hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.option-1QI4c9 {
    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-1QI4c9: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-1So2L5 {
    opacity: 0;
    position: absolute;
    top: 0;
    cursor: pointer
}

.topRight-wM_dsL {
    top: 0;
    right: 0
}

.topLeft-2inNCc {
    top: 0;
    left: 0
}

.bottomRight-2N4MaX {
    bottom: 0;
    right: 0
}

.bottomLeft-1GrX76 {
    bottom: 0;
    left: 0
}

.disabled-35mc5w {
    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-35mc5w:hover {
    opacity: .8;
    color: var(--status-danger)
}

.disabledIcon-1rpL82 {
    display: block;
    width: 100%;
    height: 100%
}

.selected-18Wszc.option-1QI4c9 {
    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-18Wszc.disabled-35mc5w {
    opacity: 1;
    color: var(--status-danger)
}

.header-320K0i {
    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-2KnEbu {
    font-size: 14px
}

.headerClose-2pZrIx {
    right: -7px
}

.tabBarItem-1kGOIe {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.2px;
    padding: 13px 0
}

.tabBarItem-1kGOIe+.tabBarItem-1kGOIe {
    margin-left: 12px
}

.content-2KQ_CJ {
    padding-top: 20px
}

.sidebar-1bLNNK {
    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-2VFXNI,
.sidebar-1bLNNK {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    min-height: 0
}

.children-2VFXNI {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-zg-juE {
    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-1bLNNK .header-zg-juE {
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.draggableStartArea-XkBuuq {
    cursor: move
}

.headerTitle-1aAZWC {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.guildHeader-27DEip {
    cursor: move
}

.guildHeaderInner-14SVst {
    padding: 12px
}

.panels-13cocS {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: var(--background-secondary-alt)
}

.privateChannels-X241Wz {
    -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-X241Wz,
.searchBar-2p5MMw {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.searchBar-2p5MMw {
    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-2p5MMw .searchBarComponent-hPXtZk {
    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-39nWrB {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: var(--background-secondary-alt)
}

.base-2tnLhi {
    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-2Coftx {
    border-radius: 5px !important;
    overflow: hidden
}

.container-156pUM {
    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-3elPq0 {
    margin-right: 10px;
    margin-left: 2px
}

.sliderContainer-2TUGaY {
    width: 200px;
    padding-right: 10px;
    position: relative;
    top: -12px
}

.contained-3s7LN8 {
    -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-3s7LN8,
.header-3_qOdL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-3_qOdL {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.headerDefault-gNvdvZ {
    background-color: #36393f
}

.activateContainer-NgvX-E {
    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-1lpAst {
    padding: 10px 16px;
    border-radius: 5px;
    line-height: 20px;
    font-weight: 600;
    text-shadow: 0 0 1px #4f545c, 1px 1px 0 #4f545c
}

.inGame-261rO5 .headerDefault-gNvdvZ {
    background-color: rgba(54, 57, 63, .2)
}

.inGameActive-10fph7 {
    pointer-events: auto
}

.inGameActive-10fph7 .footerContent-1SiSFM {
    visibility: visible
}

.inGameActive-10fph7 .messages-1pcYMs {
    border-radius: 5px 5px 0 0
}

.headerPinned-1OMTtN {
    background-color: rgba(54, 57, 63, .3)
}

.widget-3X0xzg {
    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-3X0xzg:after {
    border: none
}

.draggableStartArea-2Q-nLm {
    cursor: move
}

.footer-3eQxi_ {
    height: auto
}

.typingWrapper-1-xO98 {
    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-vATlQt,
.typingWrapper-1-xO98 {
    height: 24px;
    overflow: hidden
}

.typing-vATlQt {
    background: none
}

.messagesContainer-23JYe5 {
    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-23JYe5.disableHoverStates-ZTmQ3m {
    pointer-events: none
}

.background-opacity-low .isDragging-1uCRh- {
    -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-3V2rTE:not(.locked-2AEwfP) .footerContent-1SiSFM,
.theme-dark .pinned-3V2rTE:not(.locked-2AEwfP) .messages-1pcYMs,
.theme-dark .pinned-3V2rTE:not(.locked-2AEwfP) .typing-vATlQt {
    background-color: transparent
}

.theme-dark .pinned-3V2rTE:not(.locked-2AEwfP) .footerContent-1SiSFM,
.theme-dark .pinned-3V2rTE:not(.locked-2AEwfP) .messagesContainer-23JYe5 {
    background-color: rgba(54, 57, 63, .8)
}

.theme-dark .scroller-1GcoIw::-webkit-scrollbar {
    width: 0;
    height: 0
}

.theme-dark .inGame-261rO5 .footerContentPinned-s8aKzV {
    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-261rO5:not(.inGameActive-10fph7) .messages-1pcYMs,
.theme-dark .inGame-261rO5:not(.inGameActive-10fph7) .messages-1pcYMs .scroller-1GcoIw {
    background-color: transparent
}

.theme-dark .inGame-261rO5:not(.inGameActive-10fph7) .footerContent-1SiSFM {
    background-color: transparent;
    padding: 0;
    border-radius: 5px
}

.theme-dark .inGame-261rO5:not(.inGameActive-10fph7) .draggableStartArea-2Q-nLm {
    cursor: default
}

.theme-dark .inGame-261rO5:not(.inGameActive-10fph7) .messagesContainer-23JYe5:not(.looksLocked-nbWNmj) {
    border-radius: 0 0 5px 5px
}

.theme-dark .inGame-261rO5:not(.inGameActive-10fph7) .footer-3eQxi_:before,
.theme-dark .inGame-261rO5:not(.inGameActive-10fph7) .footerContent-1SiSFM:before,
.theme-dark .inGame-261rO5:not(.inGameActive-10fph7) .typing-vATlQt:before {
    content: none
}

.theme-dark .inGameActive-10fph7 .messagesContainer-23JYe5 {
    background-color: rgba(54, 57, 63, .4)
}

.theme-dark .inGameActive-10fph7 .messages-1pcYMs .scroller-1GcoIw::-webkit-scrollbar-thumb {
    background-color: #36393f;
    border-color: transparent
}

.theme-dark .inGameActive-10fph7 .messages-1pcYMs .scroller-1GcoIw::-webkit-scrollbar-track-piece {
    background-color: rgba(47, 49, 54, .3);
    border-color: transparent
}

.footer-3eQxi_ {
    -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-3eQxi_,
.footerContent-1SiSFM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footerContent-1SiSFM {
    background-color: #36393f;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0
}

.resizeIcon-1iR9Ll {
    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.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    cursor: nwse-resize;
    z-index: 1
}

.headerContainer-3ROFOy {
    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-3ROFOy {
    -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-3ROFOy {
    -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-3ROFOy {
    -webkit-box-shadow: 0 1px 0 rgba(32, 34, 37, .05);
    box-shadow: 0 1px 0 rgba(32, 34, 37, .05)
}

.opacityHeader-3oJcVC {
    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-2GsMTx {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.status-1m30W9 {
    margin-left: 4px
}

.dragIcon-M0pVwo {
    color: #b9bbbe;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.wrapper-17l4Mi {
    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-3tobYG {
    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-3tobYG.unpinned-3VTfbD {
    background: #202225
}

.content-2TFeko {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.strikethrough-2o8kvM {
    color: var(--status-danger)
}

.icon-tyZi8C {
    width: 16px;
    height: 16px;
    padding: 2px 0;
    margin-left: 3px
}

.icon-tyZi8C,
.voiceIcon-2uleZg {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.voiceIcon-2uleZg {
    color: var(--interactive-hover);
    padding: 2px
}

.voiceList-1X28Ss {
    padding: 4px 0 4px 4px
}

.dragIcon-zUoBq_ {
    margin-right: 4px;
    margin-left: -4px
}

.draggableStartArea-nNntTY {
    cursor: move
}

.content-1yV2mo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.speakerIcon-_g9PgM {
    margin-right: 3px
}

.interactive-3NgQ-d:hover {
    opacity: 1
}

.username-15vHRe {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    padding: 2px 4px;
    max-width: 158px
}

.voiceUserWrapper-2pPRDR .username-15vHRe {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.locked-2HhfM8 {
    border-radius: 4px
}

.theme-dark .username-15vHRe,
.theme-light .username-15vHRe {
    color: #fff
}

.theme-dark .locked-2HhfM8,
.theme-light .locked-2HhfM8 {
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

.faded-3Xd9xA {
    opacity: .6
}

.draggingHeader-1tJ9Nd {
    opacity: .4
}

.preview-2wg46i {
    opacity: .3
}

.hidden-20fgVr {
    display: none
}

.priority-3QsVAH {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #72767d;
    margin-top: 3px;
    margin-left: 3px
}

.prioritySpeaking-2c-gLK {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.topMargin-3ZqJhB {
    margin-top: 20px + 24px
}

.bottomMargin-1BUCoy {
    margin-bottom: 52px
}

.title-16lZv1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.voiceUserList-21ENld {
    width: 272px
}

.streamerControls-3-XM5H {
    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-3-XM5H.hidden-20fgVr {
    display: none
}

.streamerControls-3-XM5H.unpinned-2fabEL {
    background: #202225
}

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

.streamerInner-gevizJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.gameIcon-KCZeAd {
    width: 30px;
    height: 30px
}

.streamerInfo-1hbox0 {
    margin-left: 8px;
    overflow: hidden
}

.streaming-3aIKJu {
    font-size: 14px;
    line-height: 16px;
    color: #f6f6f7
}

.streamerIconWrapper-1S0lnA {
    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-1L0jIz,
.streamerIconWrapper-1S0lnA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.streamerIcon-1L0jIz {
    width: 20px;
    height: 20px;
    color: #b9bbbe;
    opacity: .9
}

.streamerIcon-1L0jIz:hover {
    color: #fff
}

.widget-2wZpnS {
    width: 100%;
    height: 100%
}

.videoDev-23Y3Y9 {
    position: absolute;
    z-index: -1
}

.overlay-3R7o_L,
.videoDev-23Y3Y9 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.overlay-3R7o_L {
    position: fixed;
    cursor: auto;
    color: #fff
}

.overlayBackground-3plYx6 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.overlayActive-1GlJKG {
    background-color: hsla(215, calc(var(--saturation-factor, 1)*9.7%), 34.3%, .8)
}

.overlayLocked-O8s17t {
    z-index: 1
}

.previewMode-11gI31 {
    opacity: 0
}

.closeContainer-1UnqCB {
    position: absolute;
    top: 26px;
    right: 26px;
    z-index: 1
}

.invalidContainer-dS3Xjl {
    background-color: hsla(215, calc(var(--saturation-factor, 1)*9.7%), 34.3%, .8);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.inactiveContainer-33Ae3W {
    text-align: center;
    width: 300px;
    background-color: #202225;
    border-radius: 5px;
    padding: 20px 20px 25px;
    font-size: 18px;
    line-height: 30px
}

.layoutLocked-2ZzAbq {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.layoutLocked-2ZzAbq>* {
    pointer-events: auto
}

.layoutUnlocked-3X27Aa {
    pointer-events: none
}

.layoutUnlocked-3X27Aa>* {
    pointer-events: auto
}

.previewingInGameHeader-2ZhATC {
    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
}

.portal-3gkrQw {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999
}

.card-33Kw-A,
.cardList-2UcUyL {
    display: grid;
    gap: 4px
}

.card-33Kw-A {
    background-color: var(--background-floating);
    max-width: 384px;
    padding: 16px;
    border-radius: 8px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.header-3-0fVS {
    display: grid;
    grid-template-columns: 1fr auto
}

.footer-1k5vcd,
.header-3-0fVS {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-1k5vcd {
    background-color: var(--background-floating);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px;
    border-radius: 8px
}

.ruleHelp-1jjErK {
    padding-top: 4px;
    padding-bottom: 8px
}

.list-3NqGFU {
    list-style: none;
    display: grid;
    gap: 8px;
    margin-top: 8px
}

.pre--cnF9i {
    white-space: normal
}

.instanceList-1XRkVg {
    display: grid;
    gap: 12px
}

.instance-1h9vrb {
    background-color: var(--background-tertiary);
    border-radius: 8px
}

.instanceTitle-3Zrxzn {
    background: var(--background-secondary-alt);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.summary-2M2uPF {
    color: var(--text-normal);
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 600
}

[data-accessibility-violation] {
    -webkit-filter: url(#violation-overlay);
    filter: url(#violation-overlay)
}

.modal-1sv_ED {
    width: 432px
}

.content-2srYAa {
    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-evtO2_ {
    width: 148px;
    height: 82px;
    background-image: url(/assets/d5f72aff96864249408bb1023ce606c4.svg);
    -ms-flex-item-align: center;
    align-self: center
}

.title-1oeLA1 {
    margin-top: 20px;
    text-align: center
}

.description-2dNgPv {
    margin-top: 8px;
    text-align: center
}

.description-2dNgPv,
.formItem-2ttr3C {
    margin-bottom: 16px
}

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

.formContent-lOuJHy {
    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-11UuDh {
    position: absolute;
    width: 88px;
    height: 80px;
    background-image: url(/assets/9ad7e2f1ba2b687392a451866e8c1e9e.svg)
}

.formTitle-224Iqe {
    margin-bottom: 8px;
    margin-top: 95px
}

.formBody-3nEn-J {
    text-align: center
}

.formBody-3nEn-J,
.formItem-K03CYB {
    margin-bottom: 16px
}

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

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

.successContent-2f_jZT {
    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-1vgN77 {
    margin-bottom: 12px;
    text-align: center;
    font-weight: 600;
    color: var(--header-primary)
}

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

.successImage-1Ld6xy {
    margin-top: 16px;
    margin-bottom: 16px;
    width: 104px;
    height: 80px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/assets/ccd6653e4b9cedf670a9cb04cf266668.svg)
}

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

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

.form-1w6wLg {
    height: 100%
}

.form-1w6wLg,
.modalContent-1tIiAx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modalContent-1tIiAx {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content-3ZIr6p {
    height: 100%
}

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

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

.minorAction--9RV7a:hover {
    text-decoration: underline
}

.title-52A5H3 {
    margin-bottom: 4px
}

.description-2JCCIh,
.title-52A5H3 {
    text-align: center
}

.primaryButton-10DXaO {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%
}

.gutter-2b295C {
    margin-left: 10px
}

.hero-1EVzao {
    margin-bottom: 20px
}

.art-1bAcVF {
    width: 220px;
    height: 110px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 16px auto
}

.theme-dark .art-1bAcVF {
    background-image: url(/assets/f0fd53980da8cde41a97db3cf20de65d.svg)
}

.theme-light .art-1bAcVF {
    background-image: url(/assets/cbaf9a2a8548c4aae2fc177de072d5d2.svg)
}

.paypalLogo-3-CG5y {
    background-image: url(/assets/c2d2c156e14ebe83f4bb52c184f2a3a4.svg)
}

.sofortLogo-2wTHRZ {
    background-image: url(/assets/7c41ddc1348f9dbdb3fb1be4bf92f0e4.svg)
}

.paysafeCardLogo-1AQ2s9 {
    background-image: url(/assets/3633d3f53044ef4e496fa370813c5905.svg)
}

.message-2Bl5tJ {
    font-size: 24px;
    text-align: center
}

.title-2xi6Ka {
    font-weight: 700;
    margin-top: 11px;
    margin-bottom: 8px
}

.body-1oUQrZ,
.title-2xi6Ka {
    text-align: center
}

.body-1oUQrZ {
    margin-bottom: 16px
}

.art-3sVxAs {
    height: 105px;
    margin-top: -88px
}

.title-7K5pop {
    font-weight: 700;
    margin-top: 11px;
    margin-bottom: 8px
}

.body-E4jDoM,
.title-7K5pop {
    text-align: center
}

.body-E4jDoM {
    margin-bottom: 16px
}

.art-35LKZ_ {
    height: 105px;
    margin-top: -88px
}

.modalContent-Irmksm {
    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
}

.image-vBhlRu {
    margin: 20px auto;
    background-repeat: no-repeat;
    background-size: cover
}

.imageUpgrade-14Nm12 {
    width: 267px;
    height: 120px
}

.imageCancel-JCYzge {
    width: 166px;
    height: 144px
}

.imageUnclaimed-3oCGjd,
.imageUnverified-3XUZP7 {
    width: 162px;
    height: 100px
}

.message-p-n0vK {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.44
}

.theme-dark .message-p-n0vK {
    color: #b9bbbe
}

.theme-dark .secondaryButton-b2iEgd {
    color: #fff
}

.theme-dark .imageUpgrade-14Nm12 {
    background-image: url(/assets/d8371709428ae18e72c92a419931f43f.svg)
}

.theme-dark .imageCancel-JCYzge {
    background: url(/assets/40c7bc64839852a875c69b4bf2182676.svg)
}

.theme-dark .imageUnclaimed-3oCGjd {
    background-image: url(/assets/eb38bedd2469cc0ee75d038314b808de.svg)
}

.theme-dark .imageUnverified-3XUZP7 {
    background-image: url(/assets/9ee155142daa13a74e603cc1c1bad485.svg)
}

.theme-light .message-p-n0vK {
    color: #72767d
}

.theme-light .secondaryButton-b2iEgd {
    color: #4f545c
}

.theme-light .imageUpgrade-14Nm12 {
    background-image: url(/assets/6b6db1ab88f06c54d63c553b09822749.svg)
}

.theme-light .imageCancel-JCYzge {
    background: url(/assets/9aab26efad30d10d2a457e25b816bd76.svg)
}

.theme-light .imageUnclaimed-3oCGjd {
    background-image: url(/assets/bd04383ff5def04b9a03fd70f545ae34.svg)
}

.theme-light .imageUnverified-3XUZP7 {
    background-image: url(/assets/6f6d652ea8bb11a8acde40a2916d2328.svg)
}

.labelWrapper-3UdjdF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 4px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.label-PHHyZb {
    text-overflow: ellipsis;
    overflow: hidden
}

.newBadge-1bHewI {
    display: inline-block;
    vertical-align: middle
}

.badgeSpacing-2uYkGw {
    margin-left: 8px
}

.roleRow-3HnunM {
    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-2gCDg5 {
    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
}

.root-1DvBsn {
    text-align: center
}

.root-1DvBsn p {
    margin: 0 0 16px
}

.header-3aaXHi {
    margin-bottom: 8px
}

.content-3562Do {
    margin-bottom: 32px
}

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

.primaryActions-F8pgS7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.secondaryAction-2F_AUr {
    margin-right: 8px
}

.artContainer-1yaXct {
    position: relative;
    margin: -48px auto 24px;
    width: 225px;
    border-radius: 8px
}

.artContainerBoxShadow-2PjEg_ {
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium)
}

.art-3-BV8m {
    width: 225px
}

.sparkleBadge-mPdAgc {
    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 hsla(0, 0%, 0%, .3))
}

.newBadge-2r8BkJ {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px
}

.learnMoreLink-wjmX7V {
    cursor: pointer;
    color: var(--text-link)
}

.image-39E-vF {
    width: 156px;
    height: 137px
}

.theme-dark .image-39E-vF {
    background-image: url(/assets/1e3eefd7b16f4e6b59faa3e3d48f582f.svg)
}

.theme-light .image-39E-vF {
    background-image: url(/assets/f448e486ed9792938c6dcec4c476734b.svg)
}

.notice-120vIO {
    padding: 16px
}

.body-3VyS0D {
    margin: 12px auto
}

.refundErrorTitle-1FHaDx {
    padding-bottom: 4px
}

.refundErrorSupport-3NtxXQ {
    padding-top: 4px
}

.spinner-3EV2j1 {
    margin-top: 20px
}

.markdown-3NiSvb {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 30px
}

.body-4kdo6l {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 16px
}

.body-4kdo6l .title-2U3LqT {
    margin-top: 16px;
    font-weight: 600
}

.body-4kdo6l .subtitle-2oSmon {
    margin-top: 10px
}

.clickable-3Sd9hu {
    cursor: pointer
}

.whatYouLoseItemContainer-55jIqC {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
    margin-top: 16px;
    margin-bottom: 16px
}

.whatYouLoseItem-3tqvMO,
.whatYouLoseItemContainer-55jIqC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.whatYouLoseItem-3tqvMO {
    min-height: 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px;
    background: var(--background-tertiary)
}

.whatYouLoseItemLeftColumn-2X0CFP {
    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;
    width: 100%;
    padding-right: 16px
}

.whatYouLoseItemLearnMore-2Y5-Py {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    padding: 0
}

.whatYouLoseItemRightColumn-3YbwK1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 180px;
    max-width: 180px
}

.textSingleLineEllipsis-3PQ3v4 {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.profileCard-3N3DEP {
    background-color: var(--background-primary);
    border-radius: 8px;
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 96px
}

.profileBanner-S2JDJX {
    height: 42px;
    overflow: hidden
}

.profileAvatar-3Zzzns {
    position: absolute;
    top: 16px;
    left: 16px
}

.profileAvatarTier1-1EAufz {
    position: relative;
    top: 16px;
    left: 60px
}

.profileUserInfo-139DFx {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 36px;
    padding-left: 16px;
    padding-right: 16px
}

.profileUserInfo-139DFx,
.profileUserInfoTier1-3rXMqR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profileUserInfoTier1-3rXMqR {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 16px
}

.profileNameTag-3OPYR3 {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    max-width: 118px
}

.profileNameTagUsername-3H_ZTZ {
    text-overflow: ellipsis
}

.profilePremiumIcon-nnKSE6 {
    margin-left: 6px
}

.emojiStickersPersonalizedContainer-3AV37d {
    width: 100%;
    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
}

.emojiStickersPersonalizedContainer-3AV37d :not(:last-child) {
    margin-right: 2px
}

.personalizedEmoji-2JIAfK {
    width: 58px;
    height: 58px
}

.boostCardContainer-3gdqMU {
    overflow: hidden;
    width: 100%
}

.boostCard-2wuYO5 {
    height: 100%;
    background-color: var(--background-primary);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

.boostCardIcon-2zFwEg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 4px
}

.boostCardInfo-1zkqdI {
    overflow: hidden
}

.boostCardTitle-1TVYeA {
    color: var(--header-primary)
}

.boostCardSubtitle-3VlT-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2px
}

.boostCardGem-3uXqTa {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%);
    width: auto;
    height: 16px;
    margin-right: 4px
}

.boostCardCount-2ucwpp {
    color: var(--header-primary);
    opacity: .5
}

.nonPersonalizedGraphic-Q43bnt {
    width: 100%;
    max-width: 168px
}

.body-3lgQR9 {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 16px
}

.invoiceTable-DwXRxZ {
    margin: 16px 0
}

.errorBlock-22d8Lt {
    margin-bottom: 16px
}

.cancelImage-T807tN {
    width: 166px;
    height: 144px;
    margin: 0 auto 24px
}

.previewStep-TuCQul {
    padding-top: 16px
}

.loading-3PohWy {
    height: 200px
}

.renewalInvoiceDate-8x16Mj {
    margin-bottom: 16px
}

html .invoiceCancelRow-3s2UuC {
    color: var(--status-danger)
}

.theme-dark .cancelImage-T807tN {
    background: url(/assets/40c7bc64839852a875c69b4bf2182676.svg)
}

.theme-light .cancelImage-T807tN {
    background: url(/assets/9aab26efad30d10d2a457e25b816bd76.svg)
}

.cancellationHeader-1E2vvt {
    margin-bottom: -4px
}

.whatYouLoseButtonContainer-2wlHM_ {
    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
}

.header-1R3myj {
    padding-top: 24px;
    padding-bottom: 24px
}

.confirmStartHeader-34wA-K,
.header-1R3myj {
    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
}

.confirmStartHeader-34wA-K {
    padding-top: 75px
}

.headerImage-2osrlm {
    position: absolute;
    top: -68px;
    left: 140px
}

.title-3VYtQS {
    font-weight: 700
}

.subtitle-3Kkhfr,
.title-3VYtQS {
    text-align: center
}

.subtitle-3Kkhfr {
    color: var(--header-secondary)
}

.description-3_efmf {
    color: var(--text-normal);
    text-align: center;
    margin-top: 8px
}

.modalCloseButton-18g96W {
    position: absolute;
    top: 16px;
    right: 16px
}

.content-1fUgiE {
    padding-bottom: 16px
}

.help-FuVQQ9 {
    margin-top: 8px
}

.password-kQw-j_ {
    margin-top: 16px
}

.buttons-1TBWBN {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-2SWORc {
    width: 440px;
    max-height: 600px;
    min-height: 360px
}

.container-1SWVIG {
    background-color: var(--background-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.close-25zl0f {
    position: absolute;
    top: 16px;
    right: 12px
}

.content-1ijuZ8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 300px;
    color: var(--text-normal)
}

.content-1ijuZ8>:not(:last-child) {
    margin-bottom: 8px
}

.title-3t5FBr {
    color: var(--header-primary);
    font-size: 24px;
    line-height: 30px;
    font-weight: 700
}

.captchaContainer-3OckBV,
.title-3t5FBr {
    margin-top: 16px
}

.card-8UsK4b {
    background-color: var(--background-secondary);
    padding: 16px 16px 12px;
    border-radius: 8px;
    border: 1px solid var(--background-secondary);
    -webkit-transition: border-color .5s;
    transition: border-color .5s;
    cursor: pointer
}

.card-8UsK4b:hover {
    background-color: var(--background-secondary-alt)
}

.lurking-1Ll8h7 {
    cursor: default
}

.joined-Mu0Ynl {
    border-color: var(--status-positive-background)
}

.inline-1QmgL- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.guildIcon-2qi8j7 {
    margin-right: 8px;
    color: #fff;
    background-color: var(--brand-experiment)
}

.channelContainer-7uiQGJ {
    color: var(--header-secondary)
}

.channelContainerEnabled-3up91e {
    cursor: pointer
}

.channelContainerEnabled-3up91e:hover {
    color: var(--interactive-active);
    text-decoration: underline
}

.channelContainerDisabled-3YMFs1 {
    cursor: not-allowed
}

.live-35RYoy {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%);
    margin-bottom: 16px
}

.icon-1YRytD {
    min-width: 20px
}

.label-3XICZC {
    margin-left: 8px;
    margin-right: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.spacing-5ejTQO {
    margin-top: 16px
}

.dot-1PVNP1 {
    border-radius: 50%;
    background-color: hsl(359, calc(var(--saturation-factor, 1)*83%), 67.6%);
    width: 8px;
    height: 8px
}

.divider-2zyEHJ {
    height: 1px;
    background-color: var(--background-modifier-accent);
    border: none;
    margin: 16px -16px 12px
}

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

.channelLocation-1p_1ae {
    cursor: pointer
}

.channelLocation-1p_1ae:hover {
    text-decoration: underline
}

.externalLocation-1Pa18K {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.content-2gE8yW {
    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: 24px
}

.previewCard-3eu8Mq {
    width: 100%;
    margin-bottom: 24px
}

.inline-2gEg1t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-pcr0I1 {
    margin-top: 8px;
    text-align: center;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.icon-1e94i3 {
    background-color: var(--background-tertiary);
    color: var(--interactive-normal);
    padding: 8px;
    border-radius: 50%;
    margin-bottom: 24px
}

.privacyLevel-3Yx9Sa {
    margin: 0 4px
}

.buttons-3BiVCY {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.button-22GNrh {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.publicIcon-Bg9lHg {
    margin-right: 4px
}

.spacing-zCHzgV {
    margin-right: 8px
}

.verticalSpacing-1zandZ {
    margin-top: 24px
}

.errorMessage-28x6Dh {
    margin-top: 8px
}

.wrapper-3ByaVZ {
    min-height: 385px
}

.scroller-3nFW5p {
    max-height: 200px;
    padding-top: 8px;
    padding-left: 12px
}

.modal-atz_3z {
    max-height: 645px;
    min-height: 144px
}

.closeButton-2RO-ed {
    height: 12px;
    width: 12px;
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3
}

.headerCloseButtonSpacing-2X5tpL {
    margin-right: 28px
}

.header-1J9IaL {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-3BkGQD;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.headerText-2XASja {
    text-transform: none;
    font-weight: 500
}

.headerChannelContainer-3y1A0P {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-3BkGQD;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px
}

.channelIcon-2x-GOw {
    margin-right: 8px;
    margin-top: 4px;
    height: 20px;
    width: 20px;
    color: var(--interactive-normal)
}

.searchBar-20o6Cf {
    margin-top: 8px;
    padding: 4px
}

.hubHeader-1JUrvp {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-3BkGQD;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.hubInviteTitle-3eNrmY {
    font-weight: 700;
    padding: 4px 12px 8px
}

.hubFriendSearch-OEqj5F {
    margin-top: 8px
}

.inviteRow-3vmB7i {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    margin-right: -10px;
    padding: 7px 16px 7px 8px;
    height: 44px
}

.inviteRowAvatar-3ETE3i {
    margin-top: 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 10px
}

.inviteRowInfo-3Sskcq {
    overflow: hidden;
    margin-right: 4px
}

.inviteRowName-3H4s_c {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.inviteRowButton-3hcOhY {
    height: 32px;
    -webkit-transition: unset;
    transition: unset;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 72px
}

.warningContainer-1iWUVH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-3BkGQD;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.warningIcon-1nwz5q {
    margin-right: 8px
}

.noBorder-2p63tM {
    border: none
}

.noPadding-153MkT {
    padding-top: 0
}

.content-3nJg0c {
    width: 100%
}

.content-3nJg0c:before {
    content: "";
    width: 412px;
    height: 1px;
    margin-left: -6px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.copyInput-1dXbXE {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.copyButton-2k4drX {
    margin-right: 4px;
    width: 75px
}

.subText-1CcYgq {
    margin-bottom: 12px
}

.noScroll-2CNHyF {
    overflow: visible !important
}

.settingsContent-FljNi7 {
    z-index: 1
}

.settingsFooter-saDqHZ,
.switch-19k3xE {
    z-index: 0
}

.switch-19k3xE {
    position: relative
}

.theme-light .inviteRow-3vmB7i:hover {
    background-color: #f6f6f7
}

.theme-light .footer-1hTRRZ {
    background-color: #fff
}

.theme-light .content-3nJg0c:before {
    background-color: rgba(54, 57, 63, .1)
}

.theme-light .copied-9XtBOd {
    border-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.theme-light .checkBoxLabel-16BK2g,
.theme-light .inviteRowName-3H4s_c,
.theme-light .subText-1CcYgq {
    color: #4f545c
}

.theme-dark .inviteRow-3vmB7i:hover {
    background-color: rgba(79, 84, 92, .3)
}

.theme-dark .inviteRowName-3H4s_c {
    color: #f6f6f7
}

.theme-dark .footer-1hTRRZ {
    background-color: #36393f
}

.theme-dark .content-3nJg0c:before {
    background-color: hsla(0, 0%, 100%, .1)
}

.theme-dark .copied-9XtBOd {
    border-color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.theme-dark .checkBoxLabel-16BK2g,
.theme-dark .footerText-2QLGHU,
.theme-dark .subText-1CcYgq {
    color: #b9bbbe
}

.headerContainer-ADqGkJ {
    width: 100%
}

.welcomeImage-1dnCV7 {
    display: block;
    width: auto;
    height: 148px;
    margin: 8px auto 16px
}

.welcomeHeading-1QfOYX {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    color: var(--header-primary)
}

.welcomeSubheading-1xiWRm {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    color: var(--text-muted)
}

.errorMessage-3Q1ofr {
    margin-top: 8px
}

.inviteBannerUpsell-1t_LYM {
    background-color: #2f3136;
    border-radius: 4px;
    margin-top: 16px;
    padding: 14px 0
}

.inviteBannerUpsell-1t_LYM .inviteLink-7rsBY3 {
    font-size: 12px;
    margin-left: 16px
}

.premiumIcon-3qxLdX {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    margin: 0 12px;
    top: 1px;
    width: 16px;
    height: 24px
}

.error-wztNtc {
    color: var(--status-danger);
    font-size: 14px;
    font-weight: 500;
    margin-top: 4px
}

.splash-18F8o3 {
    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-Da9bsV {
    margin-right: 20px
}

.gameName-2emMU_ {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 600
}

.installSize-3az1nt {
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 8px;
    white-space: nowrap
}

.divider-2L-ojc {
    height: 1px;
    margin: 20px 0
}

.selector-1o6BM4 {
    margin-bottom: 20px
}

.installButton-2JWrK7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.premiumIcon-rM2l-X {
    margin-right: 4px
}

.terms-1qTmLE {
    margin-bottom: 20px
}

.theme-dark .gameName-2emMU_ {
    color: #dcddde
}

.theme-dark .installSize-3az1nt {
    background-color: #4f545c;
    color: #f6f6f7
}

.theme-dark .divider-2L-ojc {
    background-color: rgba(47, 49, 54, .6)
}

.theme-dark .premiumTerms-2Xoh9K {
    color: #dcddde
}

.learnMoreLink-39KFEr {
    cursor: pointer;
    color: var(--text-link)
}

.wrapper-3qcNgR {
    width: 500px;
    z-index: 1
}

.header-3Rnkof {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-3BkGQD;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.closeButton-3jqelc {
    position: absolute;
    top: 10px;
    right: 8px;
    z-index: 3
}

.resultWrapper-3ra6t7 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    margin-right: 2px;
    margin-left: 8px;
    padding: 8px;
    height: 44px;
    color: #b9bbbe;
    font-size: 16px
}

.resultWrapperSelected-3trExS {
    color: #fff;
    background-color: rgba(79, 84, 92, .3)
}

.result-2NVfgj {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.resultAvatar-2eow6c {
    margin-right: 10px;
    width: 30px !important;
    height: 30px !important
}

.resultIcon-lTYTcD {
    -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-3BkGQD;
    opacity: .6
}

.resultIconBackground-1tFR7R {
    opacity: .6
}

.resultText-2DgDGN {
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 16px
}

.resultUsername-3SGvYt {
    margin-left: 4px;
    opacity: .5;
    font-weight: 300
}

.resultCategoryName-jOE6cj {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 16px
}

.resultCategoryName-jOE6cj,
.resultGuildName-14rtEj {
    margin-left: 4px;
    opacity: .5;
    font-weight: 500
}

.resultGuildName-14rtEj {
    font-size: 14px;
    margin-right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.inviteButton-1IBklf {
    width: 72px;
    height: 32px;
    -webkit-transition: unset;
    transition: unset;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.results-wQkw9Q {
    height: 300px
}

.noResults-1nD_92 {
    width: 100%;
    background: url(/assets/e61baf173edfbd88037ecdd2c793834e.svg) no-repeat 50% 40%
}

.container-ZVwU7G {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px
}

.title-2ivT2Y {
    margin-bottom: 8px
}

.img-Ihltyq {
    width: 149px;
    height: 83px
}

.birthday-24I0ff,
.confirmContainer-11mA_O,
.img-Ihltyq {
    margin-bottom: 16px
}

.confirmContainer-11mA_O {
    text-align: center;
    margin-top: 24px
}

.confirmTitle-3zJhfc {
    margin-bottom: 8px
}

.confirmFooter-1l2eQT {
    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
}

.header-1nOFye {
    padding: 24px 16px 0
}

.channelPrompt-2BOZjI {
    padding: 16px;
    margin-top: 8px;
    margin-bottom: 16px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.closeButton-1Syg5C {
    position: absolute;
    top: 12px;
    right: 12px
}

.guildName-DZzeUD {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

.title-2LPi0B {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700
}

.subtitle-3FIbQ9 {
    margin-top: 8px;
    font-size: 16px;
    line-height: 20px
}

.skipButton-2EXt2a {
    margin-right: 16px
}

.container-x8Y1ix {
    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-x8Y1ix:hover {
    background-color: var(--background-modifier-hover)
}

.keyboard-mode .container-x8Y1ix:focus {
    background-color: var(--background-modifier-selected)
}

.container-x8Y1ix:active {
    background-color: var(--background-modifier-active)
}

.icon-AynerZ {
    margin: 8px 8px 8px 16px
}

.text-PdAsFQ {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis
}

.arrow-2yY1Tm {
    margin-left: auto;
    margin-right: 16px
}

.header-12n7su {
    padding: 24px 16px 0
}

.closeButton-3wDOHY {
    position: absolute;
    top: 12px;
    right: 12px
}

.title-OdeD-o {
    font-weight: 700
}

.subtitle-1cc8Nz,
.title-OdeD-o {
    text-align: center
}

.subtitle-1cc8Nz {
    margin-top: 8px
}

.optionsList-dmHy1l {
    margin-top: 24px;
    padding: 0 16px 8px
}

.backButton-2Ps-B8 {
    height: 38px;
    margin-right: auto
}

.skip-2hTIXL {
    text-align: center;
    margin-top: 18px;
    margin-bottom: 16px
}

.header-1AP5SJ {
    padding: 24px 24px 0
}

.closeButton-1diDVp {
    position: absolute;
    top: 12px;
    right: 12px
}

.title-2Giw-4 {
    font-weight: 700
}

.subtitle-bIoUVX,
.title-2Giw-4 {
    text-align: center
}

.subtitle-bIoUVX {
    margin-top: 8px
}

.createGuild-2m1V10 {
    margin: 16px 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.uploadIcon-2wV7s_ {
    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-ph8KMi {
    margin-top: 24px
}

.descriptionInput-QqKeIp {
    margin-top: 16px
}

.guidelines-FvqqF2 {
    margin-top: 8px;
    padding-bottom: 4px
}

.creationIntentCheckbox-13gQ8m {
    margin-top: 18px
}

.creationIntentText-OH-CFI {
    color: var(--interactive-normal)
}

.formItemSpaced-2-XXa_ {
    margin-top: 16px
}

.header-1c1AhF {
    padding: 24px 16px 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.closeButton-2ygCkj {
    position: absolute;
    top: 12px;
    right: 12px
}

.templatesList-uohY49 {
    margin-top: 24px;
    padding: 0 8px 8px 16px;
    height: 330px
}

.title-1_TkpU {
    font-weight: 700
}

.subtitle-3m-md1,
.title-1_TkpU {
    text-align: center
}

.subtitle-3m-md1 {
    margin-top: 8px
}

.optionHeader-27AHfD {
    margin-top: 16px;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: uppercase
}

.footer-3ie9JP {
    -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-3Bslxi {
    margin-bottom: 8px
}

.footerButton-24QPis {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.header-oub2Vc {
    position: relative;
    text-align: center
}

.title-1LqMUp {
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 24px
}

.closeButton-15_aIJ {
    position: absolute;
    top: 12px;
    right: 12px
}

.inputForm-3RoxXV {
    margin-bottom: 16px
}

.formTitle-2YQyhj {
    color: var(--interactive-normal);
    margin-bottom: 8px
}

.formTitle-2YQyhj.error-30KkHs {
    color: var(--status-danger)
}

.input-m1-Y7Q {
    background-color: var(--background-tertiary);
    border-radius: 4px
}

.inputInner-1Z3Tui {
    border: none
}

.examplesForm-N_P087 {
    margin-bottom: 16px
}

.sampleLink-5BWNy9 {
    font-size: 14px;
    line-height: 18px;
    color: var(--header-primary)
}

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

.rowTextContainer-1XsAdQ {
    margin: 38px auto 16px;
    text-align: center
}

.rowContainer-3t7486 {
    border-radius: 8px;
    background-color: var(--background-secondary);
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 12px;
    text-align: left
}

.rowContainer-3t7486:hover {
    background-color: var(--background-modifier-hover)
}

.keyboard-mode .rowContainer-3t7486:focus {
    background-color: var(--background-modifier-selected)
}

.rowContainer-3t7486:active {
    background-color: var(--background-modifier-active)
}

.rowIcon-1mRvtM {
    margin-right: 12px
}

.rowText-3MQqQi {
    overflow: hidden;
    text-overflow: ellipsis
}

.rowArrow-TIwwIc {
    margin-left: auto;
    margin-right: 16px
}

.container-1Lk8p7 {
    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
}

.root-cw9rWQ {
    border-radius: 8px;
    background: var(--background-secondary);
    overflow: hidden
}

.option-1O-Hwt {
    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-1O-Hwt:hover {
    background: var(--background-modifier-hover);
    border-bottom-color: transparent
}

.option-1O-Hwt:last-child {
    border-bottom: none
}

.text-3MkjKY {
    padding-right: 5px
}

.caret-2qZrqJ {
    color: var(--interactive-normal);
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px
}

.headerContainer-qKC1wd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modalCloseButton-2FHpaB {
    position: absolute;
    top: 12px;
    right: 12px
}

.helpdeskLink-3FUl68 {
    margin-top: 8px
}

.header-C83U_D {
    font-weight: 700
}

.header-C83U_D,
.ratingBody-1GrX6N {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.ratingBody-1GrX6N {
    margin-top: 8px;
    color: var(--text-normal)
}

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

.emojis-2ZPdTX {
    width: 240px;
    margin: 16px auto 8px
}

.problemInfo-1QppuA {
    margin-bottom: 24px
}

.emoji-1pQ5Lb {
    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-1pQ5Lb.selected-2ydMSu,
.emoji-1pQ5Lb:hover {
    -webkit-filter: none;
    filter: none
}

.emoji-1pQ5Lb:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

.emojiSad-3LNJSS {
    background-image: url(/assets/53a7243150bf05759b81a208b87d3dc5.svg)
}

.emojiNeutral-2bmgFi {
    background-image: url(/assets/887423e438a9b6dcb31a73d597c11a84.svg)
}

.emojiHappy-1XST7V {
    background-image: url(/assets/d3bb5f3e5859cc8735a9d87121efb72a.svg)
}

.hidden-3N1n4x {
    visibility: hidden
}

.theme-dark .emoji-1pQ5Lb {
    opacity: .4
}

.theme-dark .emoji-1pQ5Lb.selected-2ydMSu,
.theme-dark .emoji-1pQ5Lb:hover {
    opacity: 1
}

.theme-dark .header-C83U_D {
    color: #fff
}

.theme-light .emoji-1pQ5Lb {
    opacity: .6
}

.theme-light .emoji-1pQ5Lb.selected-2ydMSu,
.theme-light .emoji-1pQ5Lb:hover {
    opacity: 1
}

.theme-light .header-C83U_D {
    color: #23262a
}

.fullArt-1g45Zi {
    margin: 38px 0 20px;
    background: url(/assets/335c097a216b2d5a3d1e2660f54139e6.svg);
    width: 100%;
    height: 93px;
    background-position: 50%;
    background-repeat: no-repeat
}

.header-3K0xvf {
    margin: 0
}

.content-1GNxzL {
    font-weight: 500
}

.modalCloseButton-7teqMb {
    margin: -4px
}

.closeButton-2hG2zL {
    position: absolute;
    top: 16px;
    right: 16px
}

.applicationIcon-2Ee6RA {
    margin-right: .5em
}

.submissionWarning-rMGTpY {
    margin-bottom: 16px
}

.container-2H60Zb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 300px
}

.circle-2tR2Qh,
.container-2H60Zb {
    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
}

.circle-2tR2Qh {
    background-color: var(--background-tertiary);
    border-radius: 50%;
    height: 64px;
    width: 64px
}

.icon-1DBCvl {
    color: var(--interactive-active)
}

.title-1vflJU {
    margin: 32px 0 8px
}

.roleTip-2o2f1b,
.subtitle-Tt5u5m {
    text-align: center
}

.roleTip-2o2f1b {
    margin-top: 4px
}

.header-1sd0RU {
    background-color: var(--background-tertiary);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-GYGe57,
.header-1sd0RU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content-GYGe57 {
    padding-top: 16px;
    padding-bottom: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.icon-3DnmvF {
    color: var(--interactive-normal);
    margin-right: 8px
}

.divider-2_8P_2 {
    margin: 0 16px;
    color: var(--background-modifier-accent)
}

.button-3tENlF {
    padding: 2px 4px
}

.eventCard-2ZL9GD+.eventCard-2ZL9GD {
    margin-top: 16px
}

.iconButton-2rHy7x {
    position: absolute;
    right: 16px
}

.iconButton-2rHy7x .icon-3DnmvF {
    margin: 0
}

.iconButton-2rHy7x:hover {
    cursor: pointer
}

.iconButton-2rHy7x:hover .icon-3DnmvF {
    color: var(--interactive-active)
}

.header-3R079E {
    font-size: 20px;
    margin-top: 20px
}

.backSplash-j3LJ9O {
    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/83e99dbc7c072587a2f096e0bf526dd7.png)
}

.content-3Bg3Tx {
    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-1nvNGT {
    margin-top: 8px;
    margin-bottom: 20px;
    text-align: center
}

.closeButton-3bSkeS {
    position: absolute;
    top: 20px;
    right: 20px
}

.theme-dark .header-3R079E {
    color: #fff
}

.theme-dark .body-1nvNGT {
    color: #b9bbbe
}

.theme-light .header-3R079E {
    color: #202225
}

.theme-light .body-1nvNGT {
    color: #36393f
}

.seasonalGiftIcon-1tNJBl {
    position: absolute;
    width: 260px;
    top: -170px;
    z-index: 2;
    left: 92px
}

.cannon-23mqz8 {
    position: absolute;
    width: 100vw;
    height: 130vh;
    top: -30vh;
    left: 0;
    z-index: 1
}

.modal-1JzJ5y {
    z-index: 0
}

.splashBackground-3eP9Nk {
    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/dda3b174d159c95f4531c4384d153edd.png)
}

.modalSize-29eD-- {
    max-height: 100%
}

.headerContent-2vICjA {
    margin-top: 20px
}

.headerContent-2vICjA,
.headerHeader-1SDPGO {
    width: 100%;
    position: relative
}

.applicationName-1iS9zb {
    margin-left: 20px;
    font-size: 16px;
    font-weight: 600
}

.price-1PvQ0u {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.71;
    border-radius: 3px
}

.priceSpinner-36bNtt {
    height: 23px
}

.breadcrumbs-1Vymlu,
.errorBlock-jm9_jn {
    margin-top: 20px
}

.errorBlock-jm9_jn {
    position: relative
}

.confirmContent-2tuGMt {
    padding: 20px 0 30px
}

.confirmCloseButton-MmA8E- {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.theme-dark .applicationName-1iS9zb {
    color: #dcddde
}

.theme-dark .price-1PvQ0u {
    background-color: #4f545c;
    color: #f6f6f7
}

.theme-light .applicationName-1iS9zb {
    color: #36393f
}

.theme-light .price-1PvQ0u {
    background-color: #4f545c;
    color: #f6f6f7
}

.modalContainer-2wqdQW,
.modalSection-1Rsofh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modalSection-1Rsofh {
    width: 440px
}

.ctaSection-3LqbxQ {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--background-secondary);
    border-top-left-radius: 5px;
    min-height: 450px
}

.ctaContainer-3IRqg8 {
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    padding: 32px
}

.formSection-23ecNl {
    background: var(--background-primary);
    border-top-right-radius: 5px;
    position: relative
}

.formContainer-3VIOqr {
    position: absolute;
    width: 440px;
    padding: 0 16px;
    height: 100%
}

.modalRoot-2fww1y {
    border-radius: 5px
}

.modalRoot-2fww1y .modalFooter-2gsctU {
    -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-3JdFIh {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 24px
}

.wrapper-2YQzXK {
    padding-top: 32px
}

.heroImage-riueiD {
    display: block;
    margin: 0 auto 24px;
    width: 250px
}

.closeButton-2Ui8e7 {
    position: absolute;
    right: 4px;
    top: 12px
}

.heading-1yJ4S- {
    margin-bottom: 16px
}

.perks-3hjAFW {
    background-color: var(--background-secondary);
    border-radius: 8px
}

.icon-1SwP3i {
    height: 20px;
    width: 20px
}

.iconColorLightBlue-3_z8sy {
    color: hsl(221, calc(var(--saturation-factor, 1)*100%), 84.1%)
}

.iconColorGreen-3QtFuk {
    color: hsl(164, calc(var(--saturation-factor, 1)*55.1%), 69.4%)
}

.iconColorOrange-2AAJiM {
    color: hsl(25, calc(var(--saturation-factor, 1)*96.7%), 64.1%)
}

.iconColorYellow-3v4EjD {
    color: hsl(47, calc(var(--saturation-factor, 1)*98.9%), 63.9%)
}

.iconColorPink-3JaNnM {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.iconColorPurple-3Q-0Za {
    color: hsl(272, calc(var(--saturation-factor, 1)*100%), 80.2%)
}

.iconColorDarkBlue-AUBQuo {
    color: hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%)
}

.iconColorBlue-1P_yug {
    color: hsl(222, calc(var(--saturation-factor, 1)*100%), 75.1%)
}

.footer-1e1EVh {
    -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
}

.header-3paygz {
    -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-3paygz,
.title-2JrWjN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.title-2JrWjN {
    -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-1o4Z0- {
    -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-2d2fQ1 {
    color: var(--header-secondary);
    font-size: 14px;
    line-height: 18px
}

.monospace-1fiEsT {
    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-2jrSfu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.featuresTooltip-3YCbOg {
    max-width: 260px
}

.feature-1nRVr5 {
    color: var(--interactive-normal);
    background-color: var(--background-modifier-accent);
    border-radius: 10px;
    margin-left: 4px
}

.featureFlushRight-3KEgDX {
    margin-left: auto
}

.featureText-1vIRRj {
    padding: 0 4px
}

.featureTextIcon-2x-tpy {
    position: relative;
    top: 1px;
    height: 10px;
    width: 10px
}

.featureIcon-34uFg2 {
    height: 12px;
    width: 12px;
    padding: 2px
}

.newTag-2R6YFS {
    background-color: var(--status-danger);
    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-2IdR7O {
    color: #fbb848
}

.theme-light .timerIcon-2IdR7O {
    color: #ff8a00
}

.description-2Rwq0z {
    padding-bottom: 4px
}

.headerWithImage-12X-4g {
    min-height: 100px;
    overflow: visible;
    padding: 0
}

.backgroundImage-1Ttxcq {
    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-3uffeR {
    height: 18px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 18px;
    line-height: 0;
    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
}

.closeButton-3uffeR:hover {
    background: rgba(0, 0, 0, .8);
    color: #fff
}

.footer-2Ijdvs {
    -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-3Kbdfj {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.skuPreviewFooterCloseButton-C192Jq {
    color: var(--interactive-active);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.header-GUEUeN {
    height: auto
}

.container-h2zZAm {
    padding: 12px 0 0
}

.containerWithHeader-2-Ryub {
    padding-top: 4px
}

.premiumButtonNitroWheel-dHTDbt {
    margin-right: 4px
}

.premiumButtonInner-3I-fOD {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.subscription-1wJwQk {
    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-2W0COT {
    margin-left: 16px
}

.tierInfo-2VmQOo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierInfo-2VmQOo,
.tierPill-l7DvKo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tierPill-l7DvKo {
    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-37tKUV {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.guildIcon-3_i5d_ {
    background-color: var(--background-primary)
}

.guildName-31s6aW {
    -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-31BY-g {
    width: 16px;
    height: 16px;
    margin: 0 4px
}

.levelDownIcon-28v5ot {
    color: var(--status-danger)
}

.levelUpIcon-ZhIGXq {
    color: hsl(139, calc(var(--saturation-factor, 1)*47.3%), 43.9%)
}

.theme-dark .tierPill-l7DvKo {
    background-color: #36393f;
    color: #fff
}

.theme-dark .tierPillStar-37tKUV {
    color: #fff
}

.theme-dark .tierPillGem-2TtiBF {
    color: #4f545c
}

.theme-light .boost-22Zv1W {
    background-color: #e3e5e8
}

.theme-light .guildName-31s6aW {
    color: #4f5660
}

.theme-light .tierPill-l7DvKo {
    background-color: #fff;
    color: #4f5660
}

.theme-light .tierPillStar-37tKUV {
    color: #747f8d
}

.theme-light .tierPillGem-2TtiBF {
    color: #fff
}

.content-12GY3Q {
    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-u7HSAA {
    margin: 16px 0
}

.image-18n-sD {
    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-3MBJoD {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 16px
}

.activeTransferGuildCardBorder-W0fHiR {
    background: -webkit-gradient(linear, right top, left top, from(hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%)), to(hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%)));
    background: linear-gradient(270deg, hsl(269, calc(var(--saturation-factor, 1)*83.8%), 71%), hsl(221, calc(var(--saturation-factor, 1)*70%), 55.5%));
    padding: 2px
}

.activeTransferGuildCardBorder-W0fHiR,
.transferFromGuildCard-QWOFXv {
    margin-top: 8px;
    border-radius: 8px
}

.transferToGuildCard-1gIED6 {
    border-radius: 8px
}

.error-Eh-3Nh {
    margin: 16px
}

.pendingCancellation-28qgol {
    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-YHYSdd {
    color: var(--text-warning);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pendingCancellationMessage-3enzQe {
    color: var(--text-normal);
    margin-left: 10px
}

.modal-1wRCGu {
    overflow: hidden
}

.selectHeaderContainer-2twH4A {
    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-17y6xK {
    margin-bottom: 16px
}

.selectSearch-1DrZig {
    width: 100%
}

.selectContent-2kmV6g {
    padding: 8px 0
}

.selectGuild-2A4oJC {
    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-2A4oJC:hover {
    background-color: var(--background-secondary-alt)
}

.selectGuildName-1GfrWa {
    margin-left: 12px
}

.confirmImage-e5jLwI {
    width: 264px;
    height: 134px
}

.transferConfirmImage-2h-wby {
    width: 216px;
    height: 128px
}

.successBody-3Yo4Ga {
    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-1-CCVT {
    width: 300px;
    height: 200px
}

.quantitySelectorBody-3KPgzZ {
    margin-top: 20px
}

.quantitySelectorDescription-8SnENe,
.quantitySelectorHeader-ZHu-2a {
    margin-bottom: 16px
}

.quantitySelectorWrapper-1xXWgJ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 32px auto
}

.quantitySelectorLabel-3KeHgD {
    line-height: 20px;
    margin-left: 16px
}

.modalCloseButton-2EMGsy {
    position: absolute;
    right: 12px;
    top: 12px;
    opacity: .8
}

.modalCloseButton-2EMGsy:hover {
    opacity: 1
}

.theme-dark .confirmImage-e5jLwI {
    background-image: url(/assets/192d6baea83c7c91a2d07c81f7fb141a.svg)
}

.theme-dark .transferConfirmImage-2h-wby {
    background-image: url(/assets/208ed87ce5401340f7f0107a37b5d3d4.svg)
}

.theme-dark .tierPill-31r1LF {
    background-color: #36393f;
    color: #fff
}

.theme-light .confirmImage-e5jLwI {
    background-image: url(/assets/192d6baea83c7c91a2d07c81f7fb141a.svg)
}

.theme-light .transferConfirmImage-2h-wby {
    background-image: url(/assets/caca0f65f52140e03fba15fc666b6500.svg)
}

.theme-light .tierPill-31r1LF {
    background-color: #fff;
    color: #4f5660
}

.modal-ZdazA8 {
    background-color: var(--background-secondary) !important;
    border-radius: 8px;
    min-height: 400px;
    height: 60vh;
    width: 600px
}

.browser-SOGsFd {
    overflow: hidden
}

.actionContentContainer-fUgAy- {
    padding: 16px
}

.channelSelector-kqa96N {
    margin-top: 16px
}

.channelSelector-kqa96N,
.header-1sfymH {
    margin-bottom: 8px
}

.radioGroup-X0rBmV {
    padding-top: 8px;
    padding-bottom: 4px
}

.button-bRqsFG {
    padding-left: 16px
}

.wrapper--nA0oy {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    justify-items: center;
    padding: 4px 0 6px 2px
}

.button-1zW0-r,
.wrapper--nA0oy {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button-1zW0-r {
    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-1zW0-r:hover,
.keyboard-mode .button-1zW0-r.focused-H4w81f {
    background-color: var(--background-secondary-alt)
}

.keyboard-mode .button-1zW0-r.focused-H4w81f {
    -webkit-box-shadow: 0 0 0 2px var(--focus-primary);
    box-shadow: 0 0 0 2px var(--focus-primary)
}

.icon-Yl4xbA {
    width: 20px;
    height: 20px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.content--PpnxZ {
    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-3DNr4i {
    -ms-flex-item-align: center;
    align-self: center
}

.title-2FggbB {
    font-weight: 700;
    margin-top: 20px;
    text-align: center
}

.description-3msbrQ {
    margin-top: 8px;
    margin-bottom: 24px;
    text-align: center
}

.formItem-2OND-3 {
    margin-bottom: 16px
}

.footer-3VMrvt {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.buttonWrapper-FEE6GC {
    padding: 16px
}

.container-3Oj1hc {
    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/42c2c7c4e9cc8342b3d5c34d0211ad69.svg);
    background-size: cover
}

.title-1oYlrI {
    font-weight: 700;
    color: #fff;
    z-index: 2
}

.subtitle-2sHOAF {
    margin-bottom: 16px
}

.header-gJE1Nw {
    position: relative;
    text-align: center;
    margin-top: 84px
}

.title-2X7fMW {
    font-weight: 700;
    margin-bottom: 8px
}

.inputForm-3_vwEM {
    margin: 8px 0
}

.formTitle-2fzABs {
    color: var(--interactive-normal);
    margin-bottom: 8px
}

.formTitle-2fzABs.error-n2sUOY {
    color: var(--status-danger)
}

.input-3gROg1 {
    background-color: var(--background-secondary);
    border-radius: 4px
}

.inputInner-2I73d6 {
    border: 1px solid var(--background-tertiary);
    border-radius: 4px
}

.connectCTA-2kpCsf {
    margin-top: 8px
}

.sidebar-2MOV-j {
    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-1l0MMj {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%
}

.step12Animation-9yjKBd {
    -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-9yjKBd.show-1be-x2 {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.step24Animation-3P7kDF {
    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-3P7kDF.show-1be-x2 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.step1-Tzgix3 {
    background-image: url(/assets/30b0855344a020eac6b0ca6eac7032ec.svg);
    -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-Tzgix3.show-1be-x2 {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.step24Clouds-3YdnEH {
    background-image: url(/assets/e3312dc8d97775870f1da4bc1ff61483.svg)
}

.step24Base-2d7y1b {
    background-image: url(/assets/3639bb4c56bed95e6f94afc559c43d47.svg)
}

.step24Ground-3wtfRs {
    background-image: url(/assets/5d8ca78c2104a69c181ded43b78e079f.svg)
}

.step2Character-ERsJEC {
    background-image: url(/assets/11bb4ac0e9948234f1aeb60ec214570c.svg)
}

.step2Character-ERsJEC.show-1be-x2 {
    -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-2AYAOK {
    background-image: url(/assets/912c7488630bf6d0da905e3b9293f9eb.svg)
}

.step34Base-2c8a12 {
    background-image: url(/assets/54b294382d96f7ab297288717b354713.svg)
}


.step34Flag-hQl3Jq {
    background-image: url(/assets/c82a338481fab7f7e335bda505e3f345.svg)
}

.step3Character-1YijNc {
    background-image: url(/assets/e5556addb7978d2ae5e26c2ccaba2452.svg)
}

.step4Character-1LhczU {
    background-image: url(/assets/accc8b41fc38a312f8279b963469033d.svg)
}

.step24Foreground-2aWJUq {
    background-image: url(/assets/f57fff65eb6427350304edd446efbc6d.svg)
}

.modal-3BwHH2 {
    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-3BwHH2.completed-22zymW {
    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-22zymW .3s ease-in;
    animation: completed-22zymW .3s ease-in
}

@-webkit-keyframes completed-22zymW {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes completed-22zymW {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.completedTitle-1353yS {
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px
}

.sidebar-2VDDXt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px 0 0 5px;
    background-color: #fff;
    overflow: hidden
}

.content-rR1mSS {
    padding: 0;
    height: 464px;
    border-radius: 0;
    background-color: var(--background-primary)
}

.closeButton-3nyHNb {
    position: absolute;
    top: 12px;
    right: 8px
}

.container-1dhHuV {
    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-1dhHuV.shortFooter-2MNEOx {
    height: 414px
}

.container-1dhHuV.standardFooter-2LtMwu {
    height: 394px
}

.templates-gfci2z {
    padding: 16px;
    margin-top: 8px;
    height: auto
}

.footer-1bRyji {
    position: absolute;
    width: 408px;
    bottom: 0;
    -webkit-animation: footer-1bRyji .3s ease-in-out;
    animation: footer-1bRyji .3s ease-in-out
}

.footer-1bRyji.join-3GsLBF {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.customizeGuildTitle-3h-jMG {
    margin-top: 48px
}

@-webkit-keyframes footer-1bRyji {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes footer-1bRyji {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.joinCTA-3KUwZ9 {
    color: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%);
    font-weight: 500
}

.premiumProfilePreviewModal-2my5tu {
    width: 300px;
    border-radius: 5px;
    overflow: hidden
}

.premiumProfilePreviewModal-2my5tu .premiumProfilePreviewContent-2-LU6m {
    padding: 0;
    background-color: var(--background-floating)
}

.upsellSection-3eFCD4 {
    background-color: var(--background-secondary);
    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
}

.joinText-1aMaCi {
    margin-bottom: 16px;
    text-align: center
}

.premiumSubscribeButton-2AC9Or {
    margin-bottom: 8px
}

.popoutProfileText-1uX9VA {
    padding: 0 16px
}

.missingEntitlementImage-112ztW {
    margin: 0 auto 20px;
    width: 400px;
    height: 200px;
    background-size: contain
}

.text-3iJzMQ {
    margin-bottom: 20px
}

.theme-dark .missingEntitlementImage-112ztW {
    background-image: url(/assets/e0989b9d43cd9ca4417b49f4f8fbebc6.svg)
}

.theme-light .missingEntitlementImage-112ztW {
    background-image: url(/assets/10883f4297b061ad31a056bcf2191699.svg)
}

.container-30qY7E {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border: 1px solid;
    cursor: pointer;
    border-radius: 3px;
    height: 40px
}

.layout-1XOMLV {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.base-ddxxyL {
    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-RfqxwZ {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.input-3K7d_z {
    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-3K7d_z::-webkit-input-placeholder {
    color: var(--text-muted)
}

.input-3K7d_z::-moz-placeholder {
    color: var(--text-muted)
}

.input-3K7d_z:-ms-input-placeholder {
    color: var(--text-muted)
}

.input-3K7d_z::placeholder {
    color: var(--text-muted)
}

.button-3og7GZ {
    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-ZpdQzO {
    opacity: .3;
    cursor: not-allowed
}

.disabled-ZpdQzO .button-3og7GZ {
    opacity: 1
}

.theme-light .container-30qY7E {
    background-color: rgba(79, 84, 92, .02);
    border-color: rgba(79, 84, 92, .3)
}

.theme-dark .container-30qY7E {
    background-color: rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .3)
}

.container-1_EVMa {
    -webkit-transition: border .15s ease;
    transition: border .15s ease
}

.container-1_EVMa * {
    cursor: pointer
}

.container-1_EVMa.hasValue-2CTSKI .button-ZJ9ZzX {
    width: 34px
}

.container-1_EVMa.hasValue-2CTSKI:not(.disabled-3S7pz8):focus-within .button-ZJ9ZzX,
.container-1_EVMa.hasValue-2CTSKI:not(.disabled-3S7pz8):hover .button-ZJ9ZzX {
    width: 128px
}

.container-1_EVMa:not(.disabled-3S7pz8):focus-within,
.container-1_EVMa:not(.disabled-3S7pz8):hover {
    border-color: hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .3)
}

.disabled-3S7pz8,
.disabled-3S7pz8 * {
    cursor: not-allowed
}

.button-ZJ9ZzX {
    width: 136px;
    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-1_EVMa.recording-3ny5_E {
    color: var(--status-danger);
    border-color: hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .6);
    -webkit-box-shadow: 0 0 6px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .3);
    box-shadow: 0 0 6px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .3);
    -webkit-animation: shadowPulse-3-iHTS 1s ease-in infinite;
    animation: shadowPulse-3-iHTS 1s ease-in infinite
}

.container-1_EVMa.recording-3ny5_E .button-ZJ9ZzX {
    color: var(--status-danger);
    background-color: hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .1)
}

.container-1_EVMa.recording-3ny5_E .input-3MU9bJ {
    color: var(--status-danger)
}

.container-1_EVMa.recording-3ny5_E .input-3MU9bJ::-webkit-input-placeholder {
    color: transparent
}

.container-1_EVMa.recording-3ny5_E .input-3MU9bJ::-moz-placeholder {
    color: transparent
}

.container-1_EVMa.recording-3ny5_E .input-3MU9bJ:-ms-input-placeholder {
    color: transparent
}

.container-1_EVMa.recording-3ny5_E .input-3MU9bJ::placeholder {
    color: transparent
}

.input-3MU9bJ {
    font-weight: 600;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.editIcon-e7sZ3b {
    background-image: url(/assets/3086e999053d564a340193ef2f0e3dcd.svg);
    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-2CTSKI .editIcon-e7sZ3b {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hasValue-2CTSKI:not(.disabled-3S7pz8):focus-within .editIcon-e7sZ3b,
.hasValue-2CTSKI:not(.disabled-3S7pz8):hover .editIcon-e7sZ3b {
    opacity: 0;
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0)
}

.text-1SHFy0 {
    -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-2CTSKI .text-1SHFy0 {
    opacity: 0;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.hasValue-2CTSKI:not(.disabled-3S7pz8):focus-within .text-1SHFy0,
.hasValue-2CTSKI:not(.disabled-3S7pz8):hover .text-1SHFy0 {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes shadowPulse-3-iHTS {
    0% {
        -webkit-box-shadow: 0 0 6px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .3);
        box-shadow: 0 0 6px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .3)
    }

    50% {
        -webkit-box-shadow: 0 0 10px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .6);
        box-shadow: 0 0 10px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .6)
    }

    to {
        -webkit-box-shadow: 0 0 6px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .3);
        box-shadow: 0 0 6px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .3)
    }
}

@keyframes shadowPulse-3-iHTS {
    0% {
        -webkit-box-shadow: 0 0 6px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .3);
        box-shadow: 0 0 6px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .3)
    }

    50% {
        -webkit-box-shadow: 0 0 10px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .6);
        box-shadow: 0 0 10px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .6)
    }

    to {
        -webkit-box-shadow: 0 0 6px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .3);
        box-shadow: 0 0 6px hsla(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%, .3)
    }
}

.theme-dark .title-3XlmeX {
    color: #b9bbbe
}

.theme-light .title-3XlmeX {
    color: #72767d
}

.container-14MMFg {
    border-radius: 8px;
    width: 240px
}

.content-3EIQ7b {
    background-color: var(--background-floating);
    border-radius: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 16px 16px
}

.content-3EIQ7b,
.iconBackground-F3MGnK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iconBackground-F3MGnK {
    border-radius: 50%;
    width: 64px;
    height: 64px;
    background-color: var(--background-secondary);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon-Nlyuag {
    color: var(--header-primary)
}

.header-2Ut3Vv {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 4px
}

.description-2uejEu {
    text-align: center;
    margin-bottom: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.channel-3jDh1K,
.description-2uejEu {
    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
}

.channel-3jDh1K {
    width: 208px
}

.channelIcon-1aJdMJ {
    margin: 2px 4px 0 0
}

.channelName-kY4zYD {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.button-1aohpj {
    margin-bottom: 8px
}

.userProfileActivity-sal5no {
    position: relative;
    padding: 16px
}

.listRow-2nO1T6 {
    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;
    color: var(--text-normal);
    border-radius: 4px;
    margin: 1px 0 1px 8px
}

.listRow-2nO1T6:hover {
    background-color: var(--background-modifier-hover)
}

.listRowContent-PEmSWj {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.listName-PwbeHL {
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.listAvatar-2bU5Uh {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.listDiscriminator-1HAKWY {
    font-size: 12px;
    opacity: .6
}

.empty-2zcusz {
    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-uKVxYR {
    width: 240px;
    height: 130px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.emptyText-mZZyQk {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-top: 12px;
    text-transform: uppercase;
    color: var(--header-secondary)
}

.listScroller-entkMk {
    padding: 8px 0;
    height: 100%
}

.theme-dark .emptyIconStreamerMode-3P4I-V {
    background-image: url(/assets/16cbaa97e5daa42bbc69cf064011be69.svg)
}

.theme-dark .emptyIconGuilds-2NNSTU {
    background-image: url(/assets/3ba82b28fba53cc606486b5cf48c3c30.svg)
}

.theme-dark .emptyIconFriends-2LNxTX {
    background-image: url(/assets/7fcb750721a08b543ba49fb04bd04158.svg)
}

.theme-light .emptyIconStreamerMode-3P4I-V {
    background-image: url(/assets/a6e2e9dd83ec6c968d42f004d96e5907.svg)
}

.theme-light .emptyIconGuilds-2NNSTU {
    background-image: url(/assets/b43b723336cb382bc2eb8c484abf2160.svg)
}

.theme-light .emptyIconFriends-2LNxTX {
    background-image: url(/assets/c32a6f214c276af4b954c27871de54b4.svg)
}

.userInfoSection-2u2hir {
    padding: 16px 0
}

.userInfoSection-2u2hir+.userInfoSection-2u2hir {
    border-top: 1px solid var(--background-modifier-accent)
}

.userInfoSectionHeader-2mYYun {
    font-weight: 700;
    color: var(--header-secondary);
    margin-bottom: 8px
}

.userBio-2-tr00 {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px
}

.note-3M15gE {
    margin: -4px
}

.note-3M15gE textarea {
    border-radius: 3px;
    padding: 4px;
    font-size: 14px;
    line-height: 18px
}

.connectedAccounts-1YaT2t {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -20px
}

.connectedAccount-1xKpli,
.connectedAccounts-1YaT2t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.connectedAccount-1xKpli {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    margin-top: 20px;
    padding: 8px 14px 8px 8px;
    width: 240px;
    border: 1px solid;
    border-color: var(--background-modifier-accent)
}

.connectedAccountIcon-2vls0t {
    width: 30px;
    height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.connectedAccountNameInner-t24B11 {
    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-j0meX4,
.connectedAccountNameInner-t24B11 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.connectedAccountName-j0meX4 {
    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-3XCxT8 {
    margin: 0 5px
}

.connectedAccountOpenIcon-1yfBsb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: var(--interactive-normal);
    display: block
}

.connectedAccountOpenIcon-1yfBsb:hover {
    color: var(--interactive-hover)
}

.connectedAccountOpenIcon-1yfBsb:active {
    color: var(--interactive-active)
}

.infoScroller-1QMpon {
    padding: 0 20px;
    height: 100%
}

.guildAvatar-28MI9x {
    margin-right: 4px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.guildAvatarWithoutIcon-6EjPQF {
    background-color: var(--brand-experiment);
    color: #fff
}

.guildNick-fe8oPN {
    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-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-muted)
}

.actionButton-iarQTd {
    min-height: 32px
}

.actionRightButton-1oVkpk {
    margin-left: 10px
}

.pendingIncoming-3g05VP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.header-S26rhB {
    position: relative
}

.headerTop-1PNKck {
    position: absolute;
    top: 16px;
    right: 16px;
    left: 160px;
    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
}

.badgeList-2aoHPw {
    padding-right: 12px
}

.warningCircleIcon-1YXIHu {
    -ms-flex-item-align: start;
    align-self: flex-start;
    height: 20px;
    width: 20px
}

.avatar-3QF_VA {
    position: absolute;
    top: -68px;
    left: 16px;
    border: 8px solid var(--background-floating);
    background-color: var(--background-floating)
}

.relationshipButtons-3ByBpj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nameTag-2Nlmsy {
    position: relative;
    display: block;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: normal;
    word-break: break-word;
    line-height: 24px;
    font-size: 20px;
    margin-top: 76px;
    margin-left: 16px;
    margin-right: 16px;
    font-weight: 600;
    font-family: var(--font-display)
}

.nameTagNoCustomStatus-3ocqoK {
    margin-bottom: 20px
}

.nameTagWithCustomStatus-5c-v3- {
    margin-bottom: 12px
}

.customStatusActivity-WKWGD- {
    padding: 0 0 16px 16px
}

.customStatus-kFfkj5 .customStatusEmoji-3Oq9Rm {
    width: 20px;
    height: 20px
}

.customStatus-kFfkj5 .customStatusEmoji-3Oq9Rm:not(:last-child) {
    margin-right: 8px
}

.customStatus-kFfkj5 .customStatusEmoji-3Oq9Rm.customStatusSoloEmoji-3m_35_ {
    width: 48px;
    height: 48px
}

.customStatusText-_4TbWr {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.username-1g6Iq1 {
    display: inline;
    vertical-align: top;
    color: var(--header-primary)
}

.discriminator-1bqsd3 {
    display: inline-block;
    vertical-align: top;
    color: var(--header-secondary)
}

.botTag-2Mlq3u {
    vertical-align: top;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    top: 4px
}

.nameTag-2Nlmsy .botTag-2Mlq3u,
.nameTag-2Nlmsy .discriminator-1bqsd3,
.nameTag-2Nlmsy .username-1g6Iq1 {
    white-space: normal
}

.additionalActionsIcon-3Cy8UU {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    opacity: 1;
    color: var(--interactive-normal)
}

.additionalActionsIcon-3Cy8UU:hover {
    color: var(--interactive-hover)
}

.additionalActionsIcon-3Cy8UU:active {
    color: var(--interactive-active)
}

.applicationInstallButton-1-58qm {
    margin-right: 8px
}

.applicationInstallButtonContent-2GoIj7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.applicationInstallButtonText-28e06z {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.launchIcon-RTf7He {
    margin-left: 8px
}

.root-8LYsGj {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    width: 600px;
    background-color: var(--background-floating);
    max-height: unset;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.tabBarContainer-sCZC4w {
    border-bottom: 1px solid var(--background-modifier-accent);
    padding-left: 20px
}

.tabBar-2hXqzU {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 55px
}

.tabBar-2hXqzU,
.tabBarItem-30Te4- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabBarItem-30Te4- {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid transparent;
    margin-right: 40px;
    font-size: 14px
}

.body-1Ukv50,
.topSection-13QKHs {
    background-color: var(--background-floating)
}

.body-1Ukv50 {
    height: 240px
}

.noTabBar-2Q-iE_ {
    border-top: 1px solid var(--background-modifier-accent)
}

.neverShow-3iWowt,
.options-21Lked {
    margin-top: 20px
}

.neverShow-3iWowt {
    margin-bottom: 8px;
    padding: 0;
    color: var(--text-link)
}

.cancelButton-30e0cf {
    margin-right: 20px
}

.modal-2YbHyY {
    overflow: hidden
}

.closeIcon-YNqYa4 {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    color: var(--interactive-normal)
}

.cancelButton-1L_H_H {
    padding: 0;
    margin: 0 24px
}

.content-5OzlAy {
    padding-bottom: 16px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.authenticationFailImage-3DXXvB,
.authenticationRequiredImage-2E6TQE,
.authenticationSuccessImage-tBBeV0 {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 115px;
    margin-bottom: 32px
}

.theme-dark .authenticationRequiredImage-2E6TQE {
    background-image: url(/assets/ad66c2b1e739060afe74de24f7cc4f97.svg)
}

.theme-dark .authenticationSuccessImage-tBBeV0 {
    background-image: url(/assets/369e96a61ac2a37279f81ba839f3b9b2.svg)
}

.theme-dark .authenticationFailImage-3DXXvB {
    background-image: url(/assets/f057d122337814596b28b4640cfc5671.svg)
}

.theme-light .authenticationRequiredImage-2E6TQE {
    background-image: url(/assets/1172f342cd026cc5e76d117747c63a32.svg)
}

.theme-light .authenticationSuccessImage-tBBeV0 {
    background-image: url(/assets/57ab3aa7de95fc120eb7460789a1e2a7.svg)
}

.theme-light .authenticationFailImage-3DXXvB {
    background-image: url(/assets/05634c67dd717b851ce0599ac9997812.svg)
}

.subHeader-2XPj0v {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase
}

.preview-3GfI5V {
    border: 1px solid;
    pointer-events: none
}

.theme-dark .subHeader-2XPj0v {
    color: #72767d
}

.theme-dark .preview-3GfI5V {
    border-color: #202225
}

.theme-light .subHeader-2XPj0v {
    color: #72767d
}

.theme-light .preview-3GfI5V {
    border-color: #dcddde
}

.fileUploadButton-2zOQcO {
    margin: 6px;
    padding: 4px 8px
}

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

.fileUploadInput-3Y6j6T {
    cursor: default
}

.modal-1AKFww {
    width: 600px;
    max-height: 100%
}

.modalHeader-2KRhe7 {
    padding: 32px 0 16px
}

.modalHeaderTitle-25Urbd {
    margin-bottom: 8px
}

.modalClose-2-XsSN {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1
}

.formItem-1Vab1c {
    margin-bottom: 16px
}

.formItemRow-1N-tlF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.formItemRow-1N-tlF .formItemRowChild-1f-zeb {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.formItemRow-1N-tlF .formItemRowChild-1f-zeb:first-child {
    margin-right: 16px
}

.preview-x-26h- {
    height: 214px;
    border-radius: 8px;
    border: 1px solid var(--background-modifier-accent);
    overflow: hidden
}

.preview-x-26h-,
.previewDark-3Xp3UB,
.previewLight-IOzFhi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.previewDark-3Xp3UB,
.previewLight-IOzFhi {
    -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: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.previewDark-3Xp3UB {
    background: #36393f;
    color: #72767d
}

.previewLight-IOzFhi {
    background: #fff;
    color: #747f8d
}

.infoIcon-2dmxXD {
    margin-left: 4px;
    vertical-align: bottom
}

.emojiInputContainer-iEFcAP {
    position: relative
}

.emojiButton-2pmTD2 {
    height: 100%;
    left: 0;
    margin: 0 10px;
    position: absolute;
    top: 0
}

.emoji-1Ze3Ga {
    height: 22px;
    width: 22px
}

.emojiText-R_5fDP {
    padding-left: 42px;
    cursor: pointer
}

.form-QIWuKf {
    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%
}

.modalContent-3QWW0I {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.modalFooter-yPopJd {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0
}

.bottomMargin-LcI_r3 {
    margin-bottom: 16px
}

.topMargin-26Qk0V {
    margin-top: 8px
}

.body-30cVLd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.body-30cVLd,
.header-13P3fr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-13P3fr {
    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-vZeOtF {
    margin-bottom: 24px
}

.noScroll-JAVNX5 {
    overflow: visible !important
}

.content-3GTswX {
    z-index: 2;
    padding-top: 32px;
    font-weight: 500
}

.guildOption-3waYgU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500
}

.icon-H1S_Nh {
    display: block
}

.channelContainer-3YAhb_ {
    background-color: var(--background-secondary);
    border-radius: 4px;
    margin-left: 16px;
    max-width: 320px;
    overflow: hidden
}

.channel-k2TVLQ {
    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-2P3bqL {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500
}

.channelIcon-2nDkaM {
    margin-right: 8px;
    margin-left: 2px;
    min-width: 16px;
    color: var(--text-muted)
}

.theme-dark .header-13P3fr {
    background-image: url(/assets/579816de0b3fa8045cb75173f0ce1c90.svg)
}

.theme-light .header-13P3fr {
    background-image: url(/assets/eb160ae7fd249c898814e56872de0fcb.svg)
}

.modalRoot-2aWsym {
    width: 720px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.modalContent-2ult9R {
    padding: 0
}

.sidebarContainer-2FOCm_ {
    width: 240px;
    padding: 24px;
    background-color: var(--background-tertiary)
}

.contentContainer-1p6GTt,
.sidebarContainer-2FOCm_ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.contentContainer-1p6GTt {
    width: 480px;
    height: 100%;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contentIcon-241_lb {
    width: 80;
    margin: 20px
}

.form-2BNB82 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 20px 20px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 100px
}

.formInput-1Yh3cA {
    margin-top: 24px
}

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

.formPriorityTitleContainer-wew_xk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.formPriorityTitle-2w9i1R {
    margin-top: 10px;
    margin-left: 10px
}

.formPriorityDescription-2RmQG7 {
    margin-top: 10px;
    margin-bottom: 10px
}

.formPriorityImage-1xXJfp {
    width: 24px;
    height: 24px
}

.container-1--_qa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.formButton-qZ0Xb_ {
    margin-left: 24px
}

.imageOptionsContainer-3yvPRx {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.imageOptionsRemove-26fQ2k:hover {
    text-decoration: underline;
    cursor: pointer
}

.imageContainer-2HoP8C {
    margin-top: 12px;
    margin-bottom: 12px;
    width: 100%;
    height: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--background-tertiary);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px
}

.image-3Ll78W {
    width: auto;
    height: 100%
}

.attachment-2eE6eV,
.uploadButton-2pEGPB {
    margin: 24px auto
}

.submitContainer-1XG9-p {
    width: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 24px 16px;
    background-color: var(--background-secondary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 8px
}

.modalContent-3nEUDf {
    padding: 0 16px 20px
}

.warningText-1PGF_D {
    margin-top: 8px
}

.header-28q8Lf {
    padding: 16px 24px 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.closeButton-53eCKx {
    position: absolute;
    top: 12px;
    right: 9px
}

.tabBar-PcFEG6 {
    width: calc(100% + 12px);
    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-top: 20px;
    border-bottom: 2px solid var(--background-modifier-accent)
}

.tabBarItem-2NYbSB {
    padding: 0 0 12px;
    margin: 0 16px -2px
}

.selectedTab-2rG5Mf {
    font-weight: 600
}

.guildList-fqH9qO {
    margin-top: 20px;
    padding: 0 8px 8px 16px;
    height: 276px
}

.title-3emmG3 {
    font-weight: 700
}

.subtitle-1j5Ccs,
.title-3emmG3 {
    margin-top: 8px;
    text-align: center
}

.guildRow-3fJnG6 {
    margin-bottom: 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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid var(--background-modifier-accent);
    background-color: var(--background-primary);
    padding: 12px 16px 12px 12px
}

.clickableGuildRow-Sbm21E {
    cursor: pointer
}

.clickableGuildRow-Sbm21E:hover {
    background-color: var(--background-modifier-hover)
}

.clickableGuildRow-Sbm21E:active {
    background-color: var(--background-modifier-active)
}

.guildName-3RzJ_H {
    margin-left: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600
}

.footer-3lxcwn {
    -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-2N2Hrb {
    margin-bottom: 8px
}

.footerButton-35ezmL {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.emptyContainer-Tlkyv5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.emptyImage-3_YWLT {
    height: 96px
}

.emptyText-2Ipr-m {
    margin: 24px 0
}

.overflowIcon-3U2nML,
.trashIcon-3Qk_yu {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--interactive-normal)
}

.overflowIcon-3U2nML:hover,
.trashIcon-3Qk_yu:hover {
    color: var(--interactive-hover)
}

.overflowIcon-3U2nML:active,
.trashIcon-3Qk_yu:active {
    color: var(--interactive-active)
}

.header-NKYORB {
    padding: 32px;
    text-align: center
}

.closeButton-3kFOig {
    position: absolute;
    top: 12px;
    right: 9px
}

.title-19eRr5 {
    font-weight: 700;
    margin-top: 24px
}

.subTitle-3jCWWG {
    margin-top: 8px
}

.buttonRow-Ycesbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.addConfirmButton-2OJoxV {
    width: 100%
}

.createConfirmButton-2gY03h,
.createSecondaryButton-112IGi {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.createSecondaryButton-112IGi {
    margin-right: 8px
}

.header-2OEKBw {
    padding: 16px 24px 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.closeButton-3aosNc {
    position: absolute;
    top: 12px;
    right: 9px
}

.templatesList-2AWi6Z {
    margin-top: 16px;
    padding: 0 8px 8px 16px;
    height: 330px
}

.title-1Q7t3H {
    font-weight: 700
}

.subtitle-37yLNR,
.title-1Q7t3H {
    margin-top: 8px;
    text-align: center
}

.optionHeader-2NCKZu {
    margin-top: 16px;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: uppercase
}

.footer-37O4s6 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 24px 16px
}

.container-2FjuQ5 {
    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
}

.modal-3fnj3y {
    background-color: var(--background-secondary);
    border-radius: 8px;
    min-height: 400px;
    height: 60vh;
    width: 600px
}

.container-3GP6AV {
    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;
    overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.container-3GP6AV,
.header-3cSJjT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-3cSJjT {
    background-color: var(--background-tertiary);
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48px;
    padding: 0 16px
}

.spacer-1QvSfQ {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.threadIcon-2GVPrZ {
    margin-right: 8px
}

.closeIcon-2shGNU,
.threadIcon-2GVPrZ {
    color: var(--interactive-normal)
}

.closeIcon-2shGNU {
    cursor: pointer
}

.closeIcon-2shGNU:hover {
    color: var(--interactive-hover)
}

.modalRoot-2JTZ9d {
    height: 478px
}

.header-ToBrwe {
    margin-top: 16px
}

.headerSubtitle-2pp4mi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerSubtitleIcon-29RWxo {
    padding-right: 4px
}

.error-3i6cRh {
    margin-left: 16px;
    margin-right: 16px
}

.modal-1Kmy_E {
    width: 440px
}

.modalContent-33IoUE {
    max-height: 480px
}

.footer-3Qw_YA {
    padding: 20px
}

.icon-1ykL9s {
    opacity: .6;
    margin-right: 6px;
    fill: #b9bbbe
}

.header-o8wV_s {
    margin-top: 16px;
    margin-bottom: 16px
}

.headerSubtitle-di5fY5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerSubtitleIcon-6KxpXM {
    padding-right: 4px
}

.closeButton-32emop {
    position: absolute;
    top: -4px;
    right: 8px
}

.modalTitle-3_QDTE {
    font-weight: 700
}

.sectionTitle-34s8y3 {
    color: var(--text-normal);
    margin-bottom: 8px
}

.clone-2btwuL {
    opacity: .6
}

.foreground-1dSmCM {
    opacity: 1
}

.background-2neGeL {
    opacity: .6
}

.inputWrapper-BB4B-o {
    position: relative
}

.inputInner-vW14RT {
    padding-left: 28px
}

.inputPrefix-1HHwWv {
    position: absolute;
    top: 12px;
    left: 8px;
    color: var(--text-normal)
}

.switchIcon-3IwSZ_ {
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    display: inline-block;
    opacity: .6;
    margin-right: 3px
}

.channelTypeDescription-2q6SPz,
.storeChannelOptionSelector-3aLfuI {
    margin-bottom: 20px
}

.username-Hafp6V {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 8px;
    font-size: 16px;
    line-height: 20px
}

.emptyRoles-2uplak {
    margin-top: 16px;
    margin-bottom: 16px
}

.owner-2I4jtz {
    margin-top: 8px
}

.addMembersContainer-1q4XUy {
    height: 380px;
    overflow: hidden;
    padding: 0 0 0 8px
}

.addMemberError-2oYLeR {
    padding-left: 8px;
    padding-right: 8px
}

.createError-1RrkXR {
    margin: 16px
}

.theme-dark .cloneInfo-1J6F5H strong,
.theme-dark .subtitle-3Lv1uG {
    color: #b9bbbe
}

.theme-light .cloneInfo-1J6F5H strong {
    color: #36393f
}

.theme-light .subtitle-3Lv1uG {
    color: #72767d
}

.radioText-3Mv1MY {
    font-weight: 500
}

.inline-3JxEpF {
    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
}

.emoji-20i0XK {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    color: var(--interactive-normal)
}

.container-2CqxMS {
    -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-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    padding: 11px 16px
}

.collapsed-2g44BS {
    cursor: pointer;
    height: 64px;
    padding-bottom: 11px
}

.collapsed-2g44BS .form-OAMK3y {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.collapsed-2g44BS .title-30eova input {
    cursor: pointer
}

.form-OAMK3y {
    -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
}

.form-OAMK3y,
.titleContainer-18C-Xq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.titleContainer-18C-Xq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.title-30eova {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.title-30eova input {
    background: transparent;
    border-radius: 0;
    border: none;
    height: auto;
    outline: none;
    padding: 0
}

.title-30eova input,
.title-30eova input::-webkit-input-placeholder {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 500
}

.title-30eova input,
.title-30eova input::-moz-placeholder {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 500
}

.title-30eova input,
.title-30eova input:-ms-input-placeholder {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 500
}

.title-30eova input,
.title-30eova input::placeholder {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 500
}

.bodyContainer-1ZBweu {
    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;
    margin-top: 12px;
    min-height: 0;
    padding-left: 52px;
    position: relative
}

.avatarContainer-2yrOu- {
    left: 0;
    position: absolute;
    top: 0
}

.authorContainer-16x3Qr {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    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-negative: 0;
    flex-shrink: 0;
    height: 20px
}

.authorName-16J7FP {
    margin-right: 4px
}

.channelTextArea-YhuQ2V {
    min-height: 80px
}

.channelTextAreaInner-1iN6-i {
    background-color: transparent;
    height: 100%;
    max-height: none
}

.channelTextAreaInnerError-3FvSoZ {
    border: 1px solid hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.controlsContainer-eyHd9e {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 36px;
    margin-top: 16px
}

.controls-2hviGD,
.controlsContainer-eyHd9e {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    gap: 8px
}

.controls-2hviGD {
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden
}

.submitContainer-2NL4m3 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.characterCount-3OZ0lx {
    margin-right: 16px;
    position: static
}

.form-OAMK3y .submitButton-I8lDDQ {
    border-radius: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 36px
}

.form-OAMK3y .submitButton-I8lDDQ>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-OAMK3y .mediaButton-3EqVVW {
    border-color: var(--background-secondary-alt);
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 36px;
    min-width: 0;
    padding: 0;
    width: 36px;
    background-color: var(--background-secondary-alt)
}

.form-OAMK3y .mediaButton-3EqVVW:not(.disabled-3dGOtb):hover {
    border-color: var(--background-tertiary);
    background-color: var(--background-tertiary)
}

.form-OAMK3y .mediaButton-3EqVVW.disabled-3dGOtb {
    cursor: not-allowed;
    opacity: 1%
}

.form-OAMK3y .mediaButton-3EqVVW,
.form-OAMK3y .mediaButton-3EqVVW>div {
    -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
}

.submitIcon-3nXhh2 {
    margin-right: 6px
}

.uploadInput-33DS2Y {
    position: relative;
    width: 0;
    height: 0;
    pointer-events: none
}

.icon-104TFy {
    color: var(--interactive-normal)
}

.description-ozOANZ,
.guidelines-14qcPv,
.guildelines-2r-DFA {
    margin-top: 8px
}

.guidelines-14qcPv {
    font-weight: 500;
    overflow: hidden;
    white-space: pre-wrap
}

.guidelines-14qcPv a {
    color: var(--text-link)
}

.guidelines-14qcPv a:hover {
    text-decoration: underline
}

.cta-2C56si {
    margin-top: 16px
}

.showMore-2NkE9g {
    cursor: pointer;
    font-weight: 500;
    margin-top: 8px
}

.showMoreText-2js-5Y {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.showMoreIcon-1txYu- {
    margin-left: 4px
}

.container-22sw0u {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    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;
    position: relative
}

.container-22sw0u:hover {
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.container-22sw0u.isOpen-1gp9yA {
    border-color: var(--background-modifier-accent);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    transform: none
}

.container-22sw0u.isRead-1_jdM9 .title-W2BJHa {
    font-weight: 500
}

.container-22sw0u.isRead-1_jdM9 .authorName-jZ5D3e {
    opacity: .8
}

.container-22sw0u.isRead-1_jdM9 .posterAvatar-1AaUR- {
    opacity: .6
}

.theme-dark .container-22sw0u.isRead-1_jdM9 .activityText-1hGfl9,
.theme-dark .container-22sw0u.isRead-1_jdM9 .messageCount-30PJjR,
.theme-dark .container-22sw0u.isRead-1_jdM9 .messageCountIcon-2NWIWX,
.theme-dark .container-22sw0u.isRead-1_jdM9 .title-W2BJHa {
    color: #a3a6aa
}

.theme-light .container-22sw0u.isRead-1_jdM9 .activityText-1hGfl9,
.theme-light .container-22sw0u.isRead-1_jdM9 .messageCount-30PJjR,
.theme-light .container-22sw0u.isRead-1_jdM9 .messageCountIcon-2NWIWX,
.theme-light .container-22sw0u.isRead-1_jdM9 .title-W2BJHa {
    color: #5e6772
}

.neverSeenBefore-2fjmS5:before {
    background-color: var(--header-primary);
    border-radius: 0 4px 4px 0;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin-left: -4px;
    position: absolute;
    top: 54px;
    width: 8px
}

.left-1d26GB {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.body-3QjxF3,
.footer-1lemyG,
.header-2uBcTy {
    padding: 0 16px
}

.header-2uBcTy {
    height: 18px;
    margin-bottom: 8px;
    padding-top: 16px
}

.body-3QjxF3,
.header-2uBcTy {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-3QjxF3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 0
}

.bodyMedia-3W6vhj {
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    min-height: 112px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px;
    overflow: hidden;
    width: 112px
}

.bodyMedia-3W6vhj,
.thumbnailContainer-2IkgtB {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.thumbnailContainer-2IkgtB {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 80px
}

.spoiler-3h5CL9 {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    pointer-events: none
}

.authorName-jZ5D3e {
    font-weight: 600
}

.avatarPlaceholder-9cSNaA,
.posterAvatar-1AaUR- {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.avatarPlaceholder-9cSNaA {
    height: 16px;
    width: 16px
}

.title-W2BJHa {
    margin-bottom: 12px
}

.footer-1lemyG {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px;
    padding-bottom: 16px;
    position: relative;
    overflow: hidden
}

.bullet-3m74J3 {
    color: var(--background-modifier-accent);
    margin: 0 8px
}

.tags-12GHDU {
    gap: 8px
}

.tags-12GHDU,
.typing-1Q9bvZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.typing-1Q9bvZ {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.dots-1iQI0j {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-tertiary);
    border: 3px solid var(--background-primary);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -4px;
    margin-right: 8px;
    width: 24px
}

.typingUsers-1tUZmU {
    position: static
}

.messageCountBox-1wteQ0 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px
}

.messageCount-30PJjR {
    color: var(--text-normal);
    font-weight: 500
}

.messageCountIcon-2NWIWX {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--header-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px;
    margin-top: 1px;
    height: 24px
}

.newMessageCount-3ykvKk {
    font-weight: 500;
    margin-left: 4px
}

.reactionCount-1oo0Tn {
    font-weight: 500
}

.reaction-3ON0Kl {
    height: 16px;
    margin-right: 4px
}

.container-2IhveL {
    padding: 16px;
    background-color: var(--background-primary);
    border-radius: 16px
}

.tags-3s41VI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px
}

.description-9QWPSG {
    margin-bottom: 8px
}

.addTags-34i_y1 {
    cursor: pointer;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.addTags-34i_y1:not(.disabled-Ibh9JS):hover {
    background-color: var(--background-tertiary)
}

.addTags-34i_y1.disabled-Ibh9JS {
    cursor: not-allowed;
    opacity: .5
}

.container-3wLKDe {
    -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;
    min-width: 0;
    position: relative;
    width: 100%
}

.theme-light .container-3wLKDe {
    background-color: #eef0f1
}

.theme-dark .container-3wLKDe {
    background-color: #2c2e33
}

.content-3Qejwl,
.sidebarContentSpacer-2nhyPQ {
    max-width: 600px;
    min-width: 480px;
    width: 100%
}

.sidebarContentSpacer-2nhyPQ {
    height: 0
}

.list-3FIpnh,
.noListContainer-1Pa1Gf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-3FIpnh {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.headerRow-1MKoR-,
.list-3FIpnh>div:first-child {
    max-width: 600px;
    min-width: 480px;
    width: 100%
}

.list-3FIpnh>div:first-child {
    padding-left: 24px;
    padding-right: 24px
}

.row-uezxzk {
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    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-bottom: 8px
}

.emptyStateRow-2ONcdz {
    width: 600px
}

.mainCard-3KBsBI {
    background-color: var(--background-primary);
    border: 1px solid var(--background-primary);
    border-radius: 12px
}

.emptyMainCard-2pg-47,
.mainCard-3KBsBI {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.sidebarCard-1Gn1ch {
    background-color: var(--background-primary);
    border: 1px solid var(--background-primary);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px
}

.sidebarCard-1Gn1ch,
.sidebarContainer-1kWKqZ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sidebarContainer-1kWKqZ {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 24px;
    padding-right: 24px;
    width: 344px
}

@media (max-width:1430px) {
    .sidebarContainer-1kWKqZ {
        display: none
    }
}

.outOfDate-cxmqSe {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-1Uy0p6,
.outOfDate-cxmqSe {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-1Uy0p6 {
    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: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.noForm-g5ZA2k {
    padding-bottom: 24px
}

.noForm-g5ZA2k .header-1Uy0p6 {
    display: none
}

.sortContainer-33Xf0u {
    background: transparent;
    border: none;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 24px
}

.sort-37NWdz,
.sortContainer-33Xf0u {
    color: var(--text-muted)
}

.sort-37NWdz {
    background: transparent !important;
    border: none;
    font-size: 12px;
    font-weight: 600;
    height: auto;
    line-height: 16px;
    margin-left: 8px;
    min-width: 0;
    padding: 0;
    text-transform: uppercase;
    width: auto
}

.sort-37NWdz svg {
    height: 16px;
    width: 16px
}

.sortPopout-zN4OCq {
    border-radius: 4px;
    width: auto !important
}

.sortPopout-zN4OCq svg {
    margin-left: 8px
}

.archivedDividerRow-2gZFEk {
    padding: 16px 0 8px
}

.archivedDivider-2dQ9JY {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text-muted);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px
}

.newPostsButton-UaBhcU {
    background-color: var(--background-floating);
    border: 1px solid var(--background-modifier-accent);
    border-radius: 36px;
    bottom: 16px;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 36px;
    left: calc(50% - 50px);
    padding: 8px 16px;
    position: absolute;
    z-index: 1
}

.newPostsButtonText-2WJdH8 {
    font-weight: 500
}

.formHeaderContainer-25QPXT {
    padding: 24px 16px 0;
    overflow: visible;
    text-align: center;
    white-space: break-spaces
}

.formContent-1zVDPB {
    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: 24px 0 0
}

.formFooter-aKOa1n {
    margin: 20px 0 0
}

.formImage-36OYKU {
    width: 80px;
    height: 80px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/assets/872ee948daf0cdf444994e7454751e9b.svg)
}

.formSubHeader-4ondQf {
    margin: 8px 0 0
}

.formHeader-2E5B3i {
    margin: 16px 0 0
}

.closeButton-19588m {
    position: absolute;
    top: 4px;
    right: 4px
}

.content-2JxUu4 {
    padding-bottom: 32px
}

.header-3CpQT- {
    text-align: center;
    width: 100%
}

.warning-BIRuHq {
    margin-bottom: 16px
}

.action-2Po5Sa,
.formHeader-1EFQNO {
    margin-bottom: 8px
}

.action-2Po5Sa {
    padding: 8px;
    border-radius: 4px;
    background-color: var(--background-secondary);
    border: 1px solid var(--background-tertiary)
}

.actionDescription-1Mlsoj {
    margin-bottom: 8px
}

.removeButton-vmmbyZ {
    display: block;
    margin-top: 8px
}

.headerContainer-2mQMNG {
    display: block;
    text-align: center;
    margin-bottom: 16px
}

.header-2no1qJ {
    margin-bottom: 8px
}

.section-1qc3EL {
    margin-bottom: 16px
}

.fileInput-2_kH2u {
    display: none
}

.compoundTextInputContainer-20dxsg {
    position: relative
}

.browseButton-1WVsng {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    padding: 8px
}

.fakeInput-1k5JTr {
    border: 1px solid var(--background-tertiary);
    background: var(--background-secondary);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    height: 94px
}

.fakeInput-1k5JTr,
.playButton-MA04Vz {
    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
}

.playButton-MA04Vz {
    width: 32px;
    height: 32px;
    background: var(--background-floating);
    border-radius: 50%
}

.playIcon-2JPDDI {
    width: 16px;
    height: 16px;
    color: var(--text-normal)
}

.placeholderImage-29DFSm {
    width: 47px;
    height: 52px
}

.requiredBoostingTierBadge-2c_jBu {
    background-color: var(--background-secondary-alt);
    color: var(--interactive-normal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guildBoostingIconNormal-3bLOln {
    color: var(--interactive-normal);
    width: 8px;
    height: 12px;
    margin-right: 4px
}

.guildBoostingIconPink-1nDlMP {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%);
    width: 8px;
    height: 12px;
    margin-right: 4px
}

.previewBadge-2-Ifmx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--background-accent);
    color: var(--interactive-normal)
}

.previewBadgeIcon-2RxfMP {
    margin-left: -2px;
    margin-right: 2px
}

.tooltip-10qOT2 {
    text-align: center
}

.activityItem-1Z9CTr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 224px;
    height: 230px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--background-secondary);
    -webkit-box-shadow: var(--elevation-stroke);
    box-shadow: var(--elevation-stroke);
    cursor: pointer
}

.activityItem-1Z9CTr.large-2sZAje {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 464px;
    height: 143px;
    margin: 1em 0
}

.activityItem-1Z9CTr:hover {
    background: var(--background-secondary-alt)
}

.activityItem-1Z9CTr.disabled-3YLMBX {
    cursor: default;
    background: var(--background-secondary)
}

.activityImage-3308Ih {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    max-width: calc(100% + 2px);
    max-height: calc(100% + 2px);
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #000
}

.brokenImageIconWrapper-cVqYK1 {
    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
}

.brokenImageIcon-3HMkn0 {
    width: 48px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    color: var(--background-accent)
}

@-webkit-keyframes fadeIn-2cil6T {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn-2cil6T {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut-2oJDwg {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut-2oJDwg {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.activityVideo-3VVUcy {
    position: absolute;
    -webkit-animation: fadeIn-2cil6T .5s;
    animation: fadeIn-2cil6T .5s
}

.activityVideo-3VVUcy.videoFadeOut-1qkfRd {
    -webkit-animation: fadeOut-2oJDwg .5s;
    animation: fadeOut-2oJDwg .5s
}

.activityImageContainer-3FIpli {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 126px;
    flex: 0 0 126px;
    min-height: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.activityImageContainer-3FIpli.large-2sZAje {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    min-width: 0
}

.activityOverlay-2XYBiH {
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    overflow: hidden;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.actionButton-zekMHs {
    border-radius: 100px
}

.overlayBadge-2HAW2N {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px
}

.activityTextContainer-2l4Dnr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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;
    padding: 8px
}

.activityTextContainer-2l4Dnr.large-2sZAje {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    min-width: 0;
    padding: 8px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.activityTitleText-3LZ9o5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px
}

.activitySubtitleText-r0WHTk {
    display: -webkit-box;
    overflow: hidden;
    max-height: 4em;
    margin-bottom: 4px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.usersArePlayingText-Qfznsm {
    margin-bottom: 4px
}

.activityMaxParticipantsLarge-3n_6Np {
    margin-bottom: 2px
}

.activityTagsContainer-2tHK0W {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px
}

.avatars-3Vmi0q {
    background: #000;
    margin-bottom: 8px
}

.activityTag-3C3YK5 {
    font-weight: 600;
    padding: 2px 4px;
    background-color: var(--background-tertiary);
    border-radius: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.boostingBadgeTooltip-U7TPVO {
    text-align: center
}

.boostingTierDivider-OwwE5i {
    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
}

.divider-2zytjz {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background: var(--header-primary);
    opacity: .06;
    margin-left: 8px
}

.shelf-2B_rDY {
    display: grid;
    margin-top: 1em;
    margin-bottom: 1em;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em
}

.container-2I9zYv {
    width: 100%;
    min-width: 0;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-2I9zYv,
.ctaContainer-1wlyGj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ctaContainer-1wlyGj {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px;
    background-color: var(--background-secondary)
}

.boostingContainerLeftSide-19YZjw {
    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;
    margin-right: 8px
}

.boostingBadge-CxPyaW {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%);
    margin-right: 8px
}

.boostingDescription-CFGReN {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contentContainer-38CLlL {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.scroll-14i3HD {
    height: 100%;
    padding: 16px
}

.imageContainer-2aeRgd {
    width: 100%;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden
}

.image-39KWWm {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video-H65cyz {
    position: absolute;
    left: 0;
    top: 0
}

.descriptionArea-1vkrkw {
    margin-bottom: 16px
}

.modalDivider-26KVXP {
    width: 100%;
    height: 1px;
    background: var(--header-primary);
    opacity: .06
}

.boostingPerksDescription-31dAsk,
.perks-3bqAoW {
    margin-top: 16px
}

.perks-3bqAoW {
    background-color: var(--background-secondary);
    border-radius: 8px
}

.root-CyPAbQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 496px;
    height: 645px
}

.footer-yVEuwO {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.activityShelfTitle-1rkbSI,
.footer-yVEuwO {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.rocketIcon-XUHfhE {
    color: var(--header-primary)
}

.beta-LR5BAs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.betaTag-1BuJUk {
    margin-left: 4px
}

.modalCloseButton-35fetH {
    padding: 0
}

.modalDivider-MtZbPb {
    width: 100%;
    height: 1px;
    background: var(--header-primary);
    opacity: .06
}

.slideContentOuterContainer-3rk6mq {
    height: 535px
}

.slideContentInnerContainer-3hT-T5 {
    height: 100%
}

.activityDirectoryScoll-1UvdKC {
    padding-left: 16px;
    padding-right: 16px
}

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

.caret-3TFu8p {
    margin-right: 4px
}

.theme-dark .footer-yVEuwO {
    background: #36393f
}

.theme-light .footer-yVEuwO {
    background: #fff
}

.spacingTop24-3-CM_Q {
    margin-top: 24px
}

.permissionWarning-2leVQN {
    margin-top: 8px
}

.previewToggle-3WqSbn {
    margin-top: 24px
}

.cameraPreviewTitle-3OtGHa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.selector-3driEC {
    margin-top: 16px;
    width: 100%
}

.selector-3driEC.selectorNoHeader-3ewg-2 {
    margin-top: 24px
}

.imageInput-296N9D {
    display: none
}

.backgroundIconOptionIcon-1Hkxs4 {
    height: 24px
}

.uploadIconOption-3HeiVP {
    width: 16px
}

.blurOptionIcon-1V1IQM {
    width: 24px
}

.noneOptionIcon-DZMuxj {
    width: 18px
}

.backgroundOptions-3OjbsL {
    margin-top: 16px;
    display: grid;
    gap: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.backgroundOptionsSmall-25A75j {
    grid-template-columns: repeat(auto-fill, 112px);
    grid-auto-rows: 57px
}

.backgroundOptionsLarge-3AnNpy {
    grid-template-columns: repeat(auto-fill, 178px);
    grid-auto-rows: 91px
}

.backgroundImageOption-1LRgQ8 {
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -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;
    -o-object-fit: cover;
    object-fit: cover
}

.backgroundOptionBackgroundBlurred-1hfiHO {
    position: absolute;
    -webkit-filter: blur(14px);
    filter: blur(14px)
}

.backgroundOptionBlurBackground-3gjWTI {
    background-image: url(/assets/8fb53e999888053aa3d85d4c61e26959.png)
}

.backgroundOption-2mIYjm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
    -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
}

.backgroundOption-2mIYjm:hover:not(.backgroundOption-2mIYjm.backgroundOptionDisabled-19G9PD):not(.backgroundOptionSelected-3J38oq) {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium)
}

.backgroundOption-2mIYjm:hover:not(.backgroundOption-2mIYjm.backgroundOptionDisabled-19G9PD):not(.backgroundOptionSelected-3J38oq) .backgroundImageOption-1LRgQ8 {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0)
}

.backgroundOptionInner-SSz19O {
    background-color: #202225;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    width: 100%;
    height: 100%
}

.playIcon-dKlNBm {
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    border-radius: 16px;
    position: absolute;
    top: 4px;
    right: 4px
}

.newTextBadge-Oe5PMx {
    position: absolute;
    top: -3px;
    left: -6px;
    border: 3px solid var(--background-primary);
    border-radius: 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.backgroundOptionRing-1vvQ0C {
    border: 2px solid hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 4px
}

.backgroundOptionDisabled-19G9PD {
    cursor: not-allowed
}

.backgroundOptionDisabled-19G9PD .backgroundCustomInlineUpsellBackgroundDarkener-1iIAY_ {
    opacity: .04
}

.backgroundOptionContent-2-UepH {
    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-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #fff
}

.overflowEllipsis-PUx4fJ {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.backgroundOptionText-2WM_QN {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 4px
}

.backgroundCustomInlineUpsellBackground-3cC-UQ {
    position: absolute;
    background-image: -webkit-gradient(linear, left top, right top, from(hsl(270, calc(var(--saturation-factor, 1)*86.7%), 70.6%)), to(hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%)));
    background-image: linear-gradient(90deg, hsl(270, calc(var(--saturation-factor, 1)*86.7%), 70.6%), hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%))
}

.backgroundCustomInlineUpsellBackgroundDarkener-1iIAY_ {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #5f5f5f;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: .2
}

.backgroundCustomInlineUpsell-1w8YSU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.backgroundCustomInlineUpsellIcon-1ib01k {
    width: 14px;
    height: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4px
}

.customBackgroundTooltip-2889Y5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--interactive-normal)
}

.customBackgroundTooltipIcon-2HDjkm {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.theme-dark .backgroundOptionDisabled-19G9PD .backgroundCustomInlineUpsellBackground-3cC-UQ,
.theme-dark .backgroundOptionDisabled-19G9PD .backgroundOptionContent-2-UepH {
    opacity: .2
}

.theme-light .backgroundOptionDisabled-19G9PD .backgroundCustomInlineUpsellBackground-3cC-UQ,
.theme-light .backgroundOptionDisabled-19G9PD .backgroundOptionContent-2-UepH {
    opacity: .5
}

.spacingTop24-Uyez01 {
    margin-top: 24px
}

.videoBackgroundError-EkjcJF {
    margin-top: 16px
}

.spacingTop24-2Ctccb {
    margin-top: 24px
}

.permissionWarning-3iT1_x {
    margin-top: 8px
}

.selector-2eK4L1 {
    margin-top: 16px;
    width: 100%
}

.selector-2eK4L1.selectorNoHeader-2oBzb6 {
    margin-top: 24px
}

.tooltip-dJsWaL {
    max-width: 244px;
    text-align: center
}

.tooltipWrapper-3AgNpF {
    height: 100%
}

.previewToggle-vfkyIm {
    margin-top: 24px
}

.filterLoadingIndicator-1iIzye {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .7)
}

.cameraPreviewTitle-2tVwBg,
.filterLoadingIndicator-1iIzye {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modalClose-2q5VHk {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 16px;
    height: 16px
}

.modalRoot-1bgrci {
    margin-top: 76px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: 0
}

.header-2OxC9w {
    text-align: center;
    margin-top: 16px
}

.camera-1wcX1d {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.cameraPreview-2_ITfQ {
    margin-top: 24px;
    position: relative;
    background: var(--background-secondary-alt);
    border-radius: 4px;
    overflow: hidden;
    height: 207px;
    width: 368px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.content-Xzime- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 36px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contentWithVideoBackgrounds-24dI6h {
    width: 440px
}

.art-FBwvRJ {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 238.48px;
    height: 95.7px;
    margin: 0 auto 20px
}

.theme-dark .art-FBwvRJ {
    background-image: url(/assets/0d16e62fc3a84fc7e76b06584b646df9.svg)
}

.theme-dark .description-3FwMKt {
    color: #f6f6f7
}

.theme-light .art-FBwvRJ {
    background-image: url(/assets/acb954ff414b98380056308d56efcbfd.svg)
}

.theme-light .description-3FwMKt {
    color: #2e3338
}

.closeButton-1ScC4W {
    position: absolute;
    top: 14px;
    right: 14px
}

.title-2qpXVR {
    margin: 0
}

.content-13SAXW {
    overflow: visible
}

.content-13SAXW>* {
    margin-bottom: 24px
}

.content-3UQcSo {
    text-align: center;
    padding: 24px 16px 16px
}

.header-MpviPd {
    margin-top: 16px;
    margin-bottom: 8px
}

.footer-2REuwB {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar-3Q7DWY {
    width: 24px
}

.avatar-3Q7DWY,
.userListOverflow-1suxEu {
    height: 24px;
    border-radius: 50%
}

.userListOverflow-1suxEu {
    -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-2xsfcA {
    margin-left: 5px;
    margin-right: 8px;
    cursor: default
}

.channelIcon-1BydE- {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 5px;
    color: var(--text-muted)
}

.selected-3XnKRK .channelIcon-1BydE- {
    color: var(--interactive-active)
}

.channelInfo-3xAwr2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.channelName-3Ezu2W {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.divider-1hrwMv {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    opacity: 0;
    z-index: 1
}

.divider-1hrwMv.separator-1BMOP1 {
    opacity: 1
}

.theme-dark .separator-1BMOP1 {
    -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-1BMOP1 {
    -webkit-box-shadow: 0 1px 0 0 rgba(185, 187, 190, .3);
    box-shadow: 0 1px 0 0 rgba(185, 187, 190, .3)
}

.modalSize-3WSXDU {
    width: 400px
}

.modalCloseButton-3jqiBN {
    position: absolute;
    top: 12px;
    right: 12px
}

.modalBody-1r2iVn {
    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
}

.formItemTitleVerySlim-1jj-Dp {
    margin-top: 8px;
    margin-bottom: 8px
}

.formItemTitleSlim-2KMUr4 {
    margin-top: 12px;
    margin-bottom: 8px
}

.modalContent-2y3sGW {
    padding: 0 16px
}

.modalContent-2y3sGW:last-child {
    margin-bottom: 20px
}

.modalHeader-X-sQsB {
    padding-bottom: 0
}

.marginBottom-kNheoT {
    margin-bottom: 20px
}

.formItemTitle-2w-9KY {
    margin-top: 20px;
    margin-bottom: 8px
}

.headerText-27nUQU {
    font-weight: 700;
    margin-bottom: 8px
}

.headerDescription-yFPU-Q {
    text-align: center;
    padding: 0 32px
}

.flexGrow-1HuNhZ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

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

.art-1TvEXv {
    display: inline-block;
    margin: -60px auto 0;
    background-size: contain;
    background-repeat: no-repeat;
    width: 290px;
    height: 112px
}

.theme-dark .art-1TvEXv {
    background-image: url(/assets/13cb217fd14b022bf4b00dcc8c157238.svg)
}

.theme-light .art-1TvEXv {
    background-image: url(/assets/e346e6a656f54e928bddef4ca3db088a.svg)
}

.scrollerInner-1ja-9K {
    padding-left: 16px;
    max-height: 200px;
    padding-right: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0)
}

.scrollerInner-1ja-9K.bottomSeparator-3Wy51E {
    border-bottom: 1px solid hsla(0, 0%, 100%, .04)
}

.scrollWrapper-Ktpan7 {
    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-omJb6e {
    overflow: hidden;
    margin-right: 0
}

.channelTitleWrapper-3V4tfb {
    min-width: 0
}

.channelSelectScrollerInner-1ZSgdZ {
    padding-bottom: 0
}

.card-m7VgZ8 {
    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-1_ptLP,
.item-2OyinQ {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.item-2OyinQ {
    padding: 0;
    background: transparent;
    cursor: pointer;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.item-2OyinQ:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px
}

.item-2OyinQ:last-child {
    border-radius: 0 3px 3px 0
}

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

.theme-light .item-2OyinQ {
    border-color: #dcddde
}

.theme-dark .item-2OyinQ {
    border-color: #18191c
}

.selectorButton-3fWZ0_ {
    min-width: 36px;
    padding: 6px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background: var(--background-secondary)
}

.selectorButton-3fWZ0_:not(.selectorButtonPremiumRequired-IZXhgV):hover {
    background-color: var(--brand-experiment)
}

.selectorButton-3fWZ0_:not(.selectorButtonPremiumRequired-IZXhgV):hover .selectorText-LxivBc {
    color: #fff
}

.selectorButtonSelected-3cQUnj {
    background-color: var(--brand-experiment)
}

.selectorText-LxivBc {
    text-transform: uppercase;
    font-weight: 700;
    color: var(--interactive-normal)
}

.selectorTextSelected-2zup8I {
    color: #fff
}

.selectorNitroText-3RsFnL {
    text-transform: uppercase;
    text-decoration: line-through;
    font-weight: 700;
    opacity: .3
}

.settingsGroup-VNJxZ8 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 16px;
    margin-bottom: 2px
}

.settingsGroup-VNJxZ8:last-child {
    margin-right: 0
}

.documentModeGroup-29ubbw {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.documentModeDescription-3WEOi2 {
    min-height: 32px
}

.qualitySettingsContainer-2LjkfM {
    border: 1px solid #18191c;
    border-radius: 8px;
    padding: 0 8px 8px
}

.selectedIcon-277z4I {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    color: var(--interactive-normal)
}

.ellipsisText-1-5iVA {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    font-weight: 500;
    margin-right: 8px
}

.changeButton-2kfgQt {
    margin-left: auto;
    margin-top: -4px;
    margin-bottom: -4px
}

.changeButton-2kfgQt,
.warningIcon-3vNf04 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.warningIcon-3vNf04 {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.warning-1ALdC6 {
    padding: 8px 16px;
    color: var(--interactive-normal)
}

.checkboxRow-1SEQUT {
    margin-top: 20px
}

.guildScroller-iTkYS1 {
    max-height: 290px
}

.guildRow-3AoJJh,
.guildScroller-iTkYS1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.guildRow-3AoJJh {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    margin: 0 -8px;
    border-radius: 4px
}

.guildRow-3AoJJh:hover {
    background-color: var(--background-modifier-accent)
}

.guildIcon-1BVts_ {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.guildName-2KlgS_ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.guildArrow-11HXIs {
    color: var(--interactive-normal);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid-2a45cj {
    position: relative
}

.tile-2bb-iv {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.item-LN5zvA {
    cursor: pointer;
    font-size: 13px;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.theme-dark .container-2zEtSe {
    color: #b9bbbe
}

.theme-dark .selected-2xa993 {
    color: #f6f6f7;
    border-bottom: 2px solid #f6f6f7
}

.theme-light .container-2zEtSe {
    color: #72767d
}

.theme-light .selected-2xa993 {
    color: #4f545c;
    border-bottom: 2px solid #4f545c
}

.spinner-2C4GMS {
    height: 350px
}

.tile-3POX2m {
    cursor: pointer;
    padding: 8px
}

.tile-3POX2m:hover .sourceThumbnail-ERDcZE {
    -webkit-box-shadow: inset 0 0 0 2px var(--brand-experiment);
    box-shadow: inset 0 0 0 2px var(--brand-experiment)
}

.sourceScroller-3wC9he {
    height: 300px
}

.sourceContainer-1uqUbz {
    padding: 8px
}

.sourceThumbnail-ERDcZE {
    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-ERDcZE.selected-1i-g6T {
    -webkit-box-shadow: inset 0 0 0 2px var(--brand-experiment);
    box-shadow: inset 0 0 0 2px var(--brand-experiment)
}

.sourceName-3Wf8QG {
    margin-top: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 170px;
    text-align: center;
    font-weight: 600;
    color: var(--header-primary)
}

.segmentContainer-358IfE {
    position: relative
}

.segmentControl-3edJKN {
    padding: 0 16px
}

.segmentControlOption-3MnJdT {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 20px
}

.content-3uvxCf {
    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-2f4u7n {
    -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-2f4u7n,
.iconContainer-3jfRTd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iconContainer-3jfRTd {
    -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-11HnIU {
    color: var(--header-primary);
    padding: 12px
}

.bulletText-124Xik {
    margin-left: 16px
}

.headerTitle-KMRctm {
    text-align: center;
    margin-bottom: 24px
}

.button-3BqayW {
    margin-top: 8px;
    width: 100%
}

.icon-3CE0D6 {
    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-1vLILK {
    width: 300px;
    margin: auto auto 24px
}

.red-1dOEdj {
    color: var(--status-danger)
}

.container-2uPlB3 {
    min-width: 100%;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.container-2uPlB3,
.stepContainer-3L3EXG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.stepContainer-3L3EXG {
    width: 100%;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.stepContainer-3L3EXG+.stepContainer-3L3EXG {
    margin-left: 8px
}

.progressBar-18rmp1 {
    margin-bottom: 8px;
    height: 4px;
    width: 100%;
    background-color: var(--text-muted);
    border-radius: 4px
}

.selectedProgressBar-11z5d9 {
    background-color: var(--text-brand)
}

.container-3zZkKh {
    margin-top: 8px;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--background-secondary);
    border-radius: 4px
}

.container-3zZkKh,
.content-1w6XhH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.content-1w6XhH {
    padding: 12px;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid var(--background-modifier-accent)
}

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

.descriptionText-21lxnV {
    margin: 8px 0
}

.image-3kcmq- {
    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
}

.inlineText-ZtFiQ_ {
    display: inline;
    margin: 0 2px
}

.footer-1J3e3Q {
    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: 12px
}

.button-1WdP1D {
    padding: 0 12px
}

.container-1hz3gm {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-2bI_9p,
.text-2yXux0 {
    text-align: center
}

.text-2yXux0 {
    margin-top: 8px
}

.options-3DJDqP {
    margin-top: 24px
}

.channelOption-T94VUY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0
}

.optionText-OqxL7b {
    margin-right: 8px;
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.channelOptionIcon-1gUI4K {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block
}

.channelPrivate-3_fKe0 {
    margin-top: 8px
}

.content-1w1SAN {
    padding-top: 24px
}

.channelName-1iPv7d,
.inline-1Ah3KA {
    display: inline
}

.channelName-1iPv7d {
    color: var(--header-primary)
}

.icon-zLZLFK {
    margin: -4px 4px;
    display: inline
}

.locationIcon-1R_2T6 {
    margin: -4px 4px -4px 2px;
    color: var(--header-primary)
}

.textContainer-39hlAY {
    padding-top: 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
}

.subheader-9RjhoP {
    margin: 8px 0 16px;
    text-align: center
}

.previewCard-E137i2 {
    cursor: default
}

.theme-dark .previewCard-E137i2 {
    background-color: var(--background-floating);
    border: 1px solid var(--background-floating)
}

.blockedUsersContainer-3PqSnT {
    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
}

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

.formItem-3mtwAA {
    width: 100%;
    margin-top: 24px
}

.topicFormItem-2-pw4u {
    width: 100%;
    margin-bottom: 16px
}

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

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

.buttonsContainer-1eHhJC {
    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
}

.speakerHint-2KiJmf {
    margin-top: 8px
}

.itemIcon-A-FSlY {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: var(--interactive-normal)
}

.label-1CxRnc {
    margin: 24px 0 8px;
    text-transform: uppercase;
    font-weight: 700
}

.warning-1v1fuv {
    margin-bottom: 8px
}

.optionLabel-3q8oq2 {
    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
}

.optionText-biwooq {
    margin-left: 16px
}

.notificationToggle--iLb-3 {
    margin-top: 24px
}

.notificationContent-1Pp6P8 {
    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
}

.tooltipIcon-3eAUBX {
    margin-left: 4px;
    color: var(--interactive-active)
}

.broadcastInfoDescription-evjwUx {
    margin-left: 32px;
    margin-top: 8px
}

.broadcastInfoTooltip-leBbLw {
    text-align: center
}

.addImageHint-zpA22t,
.imagePreview-1tHSL8 {
    margin-bottom: 8px
}

.header-3U-bWb {
    margin: 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
}

.header-3U-bWb,
.text-JOsAok {
    text-align: center
}

.text-JOsAok {
    margin-top: 8px
}

.container-3V20U_ {
    padding: 8px
}

.close-2oihA7 {
    position: absolute;
    right: 4px;
    top: 4px;
    color: var(--interactive-normal);
    cursor: pointer
}

.close-2oihA7:hover {
    color: var(--interactive-hover)
}

.iconContainer-36kI2p {
    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
}

.icon-UTJvnX {
    color: var(--header-primary)
}

.text-2OWQj6 {
    text-align: center
}

.header-1CyKrt {
    margin-top: 24px
}

.body-3sfu1Q {
    margin-top: 8px
}

.invite-2nUyfb {
    margin-top: 24px
}

.inviteDetail-1apgYc {
    margin-top: 8px
}

.cannon-11K0Ep {
    position: absolute;
    width: 100%;
    height: 100%
}

.inline-3eaUwP {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-34a4-c,
.inline-3eaUwP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.content-Lj791F {
    padding: 16px
}

.button-1vPeta {
    margin-left: 8px
}

.cannon-3osMVT {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0
}

.footer-2gCDcd {
    position: relative;
    padding: 80px 160px 48px;
    font-weight: 400;
    overflow: hidden
}

.footerPrimary-1HMHjm {
    background: #18191c
}

.footerBackgroundPrimary-1x9tM0 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.footerBackgroundAnimate-1kIB6w {
    -webkit-animation: footer-blob-animation-1pjFdP 100s linear infinite alternate;
    animation: footer-blob-animation-1pjFdP 100s linear infinite alternate
}

.footerBackgroundPaused-2Unug0 {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.footerBackgroundPlay-1buWON {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.footerContent-GrvZZk {
    position: relative;
    max-width: 1600px;
    margin: 0 auto
}

.navigation-1AtrF5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navigationHeader-14TZmC {
    color: #fff;
    font-size: 14px;
    margin-bottom: 13px
}

.route-3NLZFn {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px;
    line-height: 20px
}

.route-3NLZFn:hover {
    color: #fff
}

.navigationSection-1hkGwi {
    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-1_2RuF,
.logoWrap-3_PdDV {
    width: 36px;
    height: 36px
}

.separator-3OFr1p {
    height: 1px;
    width: 100%;
    background: url(/assets/ffa0a8d74568beaa8ec72dd51951685c.svg);
    opacity: .1;
    margin: 34px 0
}

.joinDiscord-mbXpPr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.stats-_1N4vd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.readyToJoin-o8V-u7 {
    font-size: 26px;
    color: #fff;
    line-height: 34px
}

.joinOtherPlayers-3eb4Cb {
    font-size: 14px;
    color: hsla(0, 0%, 100%, .6);
    font-weight: 500;
    margin-top: 4px
}

.button-iXd9EH {
    position: relative;
    padding: 16px;
    height: 15px;
    border-radius: 3px;
    font-size: 15px;
    line-height: 15px;
    cursor: pointer
}

.button-iXd9EH: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-iXd9EH:active {
    top: 1px
}

.buttonPrimary-1ONA-Q {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    color: #fff
}

.buttonPrimary-1ONA-Q:hover {
    color: #fff
}

.buttonBlurple-2m3koc {
    background: #fff;
    color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.footerBackgroundBlurple-2JzmKU>path {
    fill: rgba(106, 127, 203, .6)
}

.footerBlurple-_9dStt {
    background: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

@media screen and (max-width:848px) {
    .footer-2gCDcd {
        padding-left: 8px;
        padding-right: 8px
    }

    .footerBackgroundPrimary-1x9tM0 {
        display: none;
        -webkit-animation: none;
        animation: none
    }

    .navigation-1AtrF5 {
        -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-1hkGwi {
        text-align: center;
        margin: 16px 0;
        width: 45%
    }

    .joinDiscord-mbXpPr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .logoWrap-3_PdDV {
        width: 45%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 16px 0
    }

    .logo-1_2RuF {
        margin: 0 auto;
        width: 50px;
        height: 50px
    }

    .button-iXd9EH {
        background-color: #fff;
        margin-top: 16px;
        -ms-flex-item-align: center;
        align-self: center
    }

    .button-iXd9EH,
    .button-iXd9EH:hover {
        color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
    }
}

@-webkit-keyframes footer-blob-animation-1pjFdP {
    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-1pjFdP {
    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")
    }
}

.flexVertical-z-D8C8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flexVertical-z-D8C8>.flexSpacer-1DMqbm {
    min-height: 1px
}

.flexHorizontal-1-DkV3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flexHorizontal-1-DkV3>.flexSpacer-1DMqbm {
    min-width: 1px
}

.flexHorizontalReverse-3M0RTo {
    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-3M0RTo>.flexSpacer-1DMqbm {
    min-width: 1px
}

.flexSpacer-1DMqbm {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.flexCenter-32nHR4 {
    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-3xOUfq {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flexAlignEnd-6yEMfa {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flexAlignCenter-2fSvlH {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flexAlignStretch-14GIWm {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.flexJustifyStart-11Utga {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flexJustifyEnd-2Xkpya {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flexJustifyCenter-Zqispl {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flexJustifyAround-12v95- {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

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

.flexNowrap-3Rym8L {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flexWrap-PxieiF {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flexWrapReverse-1wZHpZ {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.flex-2-vPQY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-2-vPQY,
.flex-2-vPQY .flexChild-17jAcv {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flex-2-vPQY .flexChild-17jAcv {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-2-vPQY.flexGutterSmall-H7sbyA {
    margin-left: -10px;
    margin-right: -10px
}

.flex-2-vPQY.flexGutterSmall-H7sbyA .flexChild-17jAcv {
    padding: 0 10px
}

.flex-2-vPQY.flexGutterLarge-LiSQh9 {
    margin-left: -30px;
    margin-right: -30px
}

.flex-2-vPQY.flexGutterLarge-LiSQh9 .flexChild-17jAcv {
    padding: 0 30px
}

.logo-2LCGGd {
    fill: #fff
}

.clyde-2-7ctH {
    width: 33px
}

.clyde-2-7ctH,
.type-2g9ZXX {
    height: 36px
}

.type-2g9ZXX {
    width: 98px
}

@media screen and (max-width:1024px) {
    .type-2g9ZXX {
        display: none
    }
}

.localePicker-3Hwvg8 {
    position: relative;
    padding: 13px 0
}

.opener-3oHMqH {
    opacity: .8
}

.opener-3oHMqH:hover,
.openerOpen-qjHMHB {
    opacity: 1
}

.line-I7PiJt {
    width: 2px;
    height: 14px;
    border-radius: 1px;
    background-color: hsla(0, 0%, 100%, .2);
    margin-right: 12px
}

.icon-35BNvH {
    margin-left: 5px
}

.hr-2mDH0A {
    opacity: .1
}

.localeList-1AWkob {
    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--VUy68 {
    display: none
}

.localeListOpen-2U9W6k {
    display: block
}

.localeBase-PKTv9V {
    margin: 4px;
    padding: 10px 5px;
    color: hsl(213, calc(var(--saturation-factor, 1)*9.9%), 60.4%);
    opacity: .8;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s
}

.localeBase-PKTv9V a {
    color: inherit
}

.localeBase-PKTv9V:hover {
    opacity: 1;
    background-color: #f2f2f2
}

.locale-28Ajni {
    opacity: .8
}

.localeCurrent-13LH63 {
    opacity: 1
}

.localeImage-29R2wC {
    width: 24px;
    height: 16px;
    margin-right: 8px
}

@media screen and (max-width:848px) {
    .line-I7PiJt {
        display: none
    }

    .localeIcon-379CUR {
        margin-left: 0
    }

    .opener-3oHMqH,
    .openerOpen-qjHMHB {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .localePicker-3Hwvg8 {
        cursor: pointer
    }

    .localeList-1AWkob {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .locale-28Ajni {
        padding: 10px;
        font-size: 14px;
        opacity: .8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

    .select-ZuyF3O {
        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-29R2wC {
        width: 18px;
        height: 14px;
        margin-right: 8px
    }
}

.divider-3o9ehQ {
    opacity: .1
}

.moreList-2xrUdF {
    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-3Q34TH {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible
}

.moreListClosed-2MC6j7 {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(.9) translateY(-10px);
    transform: scale(.9) translateY(-10px);
    visibility: hidden
}

.moreListItem-2BXe5S {
    background-color: #fff;
    font-weight: 400;
    display: block
}

.moreListItemInactive-ZwYP0O .moreListLink-aq5jyK {
    color: hsl(213, calc(var(--saturation-factor, 1)*9.9%), 60.4%)
}

.moreListItemActive-1EbcYR .moreListLink-aq5jyK {
    color: #4f545c
}

.moreListLink-aq5jyK {
    display: block;
    padding: 2px 4px
}

.moreListLink-aq5jyK:focus-within .moreListLinkCopy-11reVZ,
.moreListLink-aq5jyK:focus .moreListLinkCopy-11reVZ,
.moreListLink-aq5jyK:hover .moreListLinkCopy-11reVZ {
    background-color: #f2f2f2;
    color: #4f545c
}

.moreListLinkCopy-11reVZ {
    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-2xrUdF {
        display: none
    }
}

.mobileMenuItem-3CMt4z {
    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-3CMt4z:focus,
.mobileMenuItem-3CMt4z:focus-within,
.mobileMenuItem-3CMt4z:hover {
    opacity: 1
}

.mobileHeaderSubMenu-tayHsW {
    position: relative;
    margin: 0
}

.mobileSubMenuOpen-1cTcQf {
    top: 0;
    display: initial
}

.mobileSubMenuClosed-3bGuFb {
    top: -500px;
    display: none
}

.subListItem-xOZa_7 {
    display: block;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    text-align: center
}

.subListItem-xOZa_7:focus+.subListItem-xOZa_7 .subListItemLink-nK6Zy2,
.subListItem-xOZa_7:focus-within+.subListItem-xOZa_7 .subListItemLink-nK6Zy2,
.subListItem-xOZa_7:hover+.subListItem-xOZa_7 .subListItemLink-nK6Zy2 {
    border-top: 1px solid hsla(0, 0%, 100%, .06)
}

.subListItemActive-DipR9w .subListItemLink-nK6Zy2 {
    color: #fff
}

.subListItemInactive-3rjZZL .subListItemLink-nK6Zy2 {
    color: #dcddde
}

.subListItemLink-nK6Zy2 {
    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-nK6Zy2:focus,
.subListItemLink-nK6Zy2:focus-within,
.subListItemLink-nK6Zy2:hover {
    background-color: #202225;
    color: #f6f6f7
}

.desktopSubMenuItem-1cnC60 {
    cursor: default;
    -webkit-font-smoothing: subpixel-antialiased;
    opacity: .8;
    position: relative;
    -webkit-transition: opacity .125s;
    transition: opacity .125s;
    will-change: opacity
}

.desktopSubMenuItem-1cnC60:focus,
.desktopSubMenuItem-1cnC60:focus-within,
.desktopSubMenuItem-1cnC60:hover {
    opacity: 1
}

.desktopMenuMore-2vw6Ay {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    padding: 15px 10px
}

.iconArrow-2FjDqB {
    margin-left: 5px;
    position: relative;
    top: -1px
}

.header-12EScz {
    -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-3ws1aF {
    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-2tUSQm {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    margin-right: 12px;
    margin-top: 4px
}

.skipToContent-1novUh {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin-top: 1em;
    padding: 4px;
    color: #fff;
    font-size: 16px
}

.skipToContent-1novUh:focus {
    left: 0;
    width: auto;
    height: auto;
    opacity: 1
}

.logo-2aKmvo {
    width: 130px;
    height: 36px
}

.headerNav-20iuRF {
    -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-20iuRF:after {
    content: "";
    display: block;
    min-height: inherit;
    font-size: 0
}

.headerNavRight-D1JoyM {
    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-1pFThB {
    display: inline-block;
    -webkit-font-smoothing: subpixel-antialiased;
    position: relative;
    -webkit-transition: opacity .125s;
    transition: opacity .125s;
    will-change: opacity
}

.listItemInactive-1O0qXd {
    cursor: pointer;
    opacity: .8
}

.listItemInactive-1O0qXd:focus,
.listItemInactive-1O0qXd:focus-within,
.listItemInactive-1O0qXd:hover {
    opacity: 1
}

.listItemActive-8u1HVd {
    opacity: 1
}

.navLink-3_YQLK {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    position: relative
}

.mainNavLink-2jPlA8 {
    padding: 15px 10px
}

.mainNavLink-2jPlA8,
.rightNavLink-1gvF2u {
    margin-right: 8px
}

.rightNavLink-1gvF2u {
    top: 3px;
    padding: 15px 10px 15px 0
}

.appButton-2vQkN9 {
    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-1fVf40 {
    position: relative;
    opacity: .8
}

.desktopSubMenuItem-1fVf40:focus,
.desktopSubMenuItem-1fVf40:focus-within,
.desktopSubMenuItem-1fVf40:hover {
    opacity: 1
}

.desktopMenuMore-1yqQzc {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    padding: 15px 10px
}

.iconArrow-1KmV_h {
    margin-left: 5px;
    position: relative;
    top: -1px
}

@media screen and (max-width:1024px) {
    .listItemSocialMedia-1dlg_5 {
        display: none
    }
}

.btnHamburger-3GF0_5 {
    width: 60px;
    height: 45px;
    position: relative;
    cursor: pointer;
    background: transparent;
    -webkit-transform: scale(.3);
    transform: scale(.3);
    margin-right: -20px;
    padding: 8px
}

.btnHamburger-3GF0_5 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-3GF0_5 span:nth-child(2n) {
    left: 50%;
    border-radius: 0 9px 9px 0
}

.btnHamburger-3GF0_5 span:nth-child(odd) {
    left: 0;
    border-radius: 9px 0 0 9px
}

.btnHamburger-3GF0_5 span:first-child,
.btnHamburger-3GF0_5 span:nth-child(2) {
    top: 0
}

.btnHamburger-3GF0_5 span:nth-child(3),
.btnHamburger-3GF0_5 span:nth-child(4) {
    top: 18px
}

.btnHamburger-3GF0_5 span:nth-child(5),
.btnHamburger-3GF0_5 span:nth-child(6) {
    top: 36px
}

.btnHamburgerOpen-YPx_Fh span:first-child,
.btnHamburgerOpen-YPx_Fh span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btnHamburgerOpen-YPx_Fh span:nth-child(2),
.btnHamburgerOpen-YPx_Fh span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.btnHamburgerOpen-YPx_Fh span:first-child {
    left: 5px;
    top: 7px
}

.btnHamburgerOpen-YPx_Fh span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px
}

.btnHamburgerOpen-YPx_Fh span:nth-child(3) {
    left: -50%;
    opacity: 0
}

.btnHamburgerOpen-YPx_Fh span:nth-child(4) {
    left: 100%;
    opacity: 0
}

.btnHamburgerOpen-YPx_Fh span:nth-child(5) {
    left: 5px;
    top: 29px
}

.btnHamburgerOpen-YPx_Fh span:nth-child(6) {
    left: calc(50% - 5px);
    top: 29px
}

.header-yCfVV2 {
    -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-yCfVV2,
.headerInner-21SAq3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerInner-21SAq3 {
    -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-3FpPZc,
.headerLogo-2EuUdD {
    position: relative;
    z-index: 70
}

.headerLogo-2EuUdD {
    image-rendering: crisp-edges
}

.logoWrapper-3ZnNiv {
    display: block;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.logo-1JLUjx {
    width: 86px;
    height: 24px
}

.headerNav-1pdj_w {
    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-RD1U4O {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.headerSubNavOpen-upK1Db {
    position: relative;
    display: block;
    opacity: 1;
    z-index: 55;
    margin-top: 8px
}

.mainNavLink-1SSUk3 {
    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-1SSUk3:hover {
    color: #f6f6f7
}

.localePicker-3mfct7 {
    border-top: 1px solid rgba(79, 84, 92, .4)
}

.mobileHeader-2MNqnN {
    display: none
}

.desktopHeader-1-cKri {
    display: block
}

@media (max-width:848px) {
    .mobileHeader-2MNqnN {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .desktopHeader-1-cKri {
        display: none
    }
}

.errorLabel-1DizPW,
.supportCallToAction-1UxtYu {
    margin-top: 20px
}

.errorLabel-1DizPW {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase
}

.errorDetails-3_kds7 {
    -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-1Y7X6A {
    color: #dcddde
}

.theme-dark .errorLabel-1DizPW {
    color: #b9bbbe
}

.theme-dark .errorDetails-3_kds7 {
    background: #2f3136;
    border-color: rgba(32, 34, 37, .3);
    color: #fff
}

.theme-dark .closeLink-4nhVgG {
    color: #fff
}

.theme-light .body-1Y7X6A {
    color: #4f545c
}

.theme-light .errorLabel-1DizPW {
    color: #72767d
}

.theme-light .errorDetails-3_kds7 {
    background: hsl(180, calc(var(--saturation-factor, 1)*7.7%), 97.5%);
    border-color: hsla(216, calc(var(--saturation-factor, 1)*9.8%), 90%, .6);
    color: hsl(214, calc(var(--saturation-factor, 1)*9.9%), 50.4%)
}

.theme-light .closeLink-4nhVgG {
    color: var(--brand-experiment)
}

.modal-fyNUc2 {
    max-height: 750px
}

.footer-1gFfEn {
    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;
    margin-top: 18px
}

.formItem-2xfBgY {
    margin-bottom: 16px
}

.divider-1QT7n0 {
    margin-top: 16px;
    margin-bottom: 32px
}

.container-2B88Nv {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(114, 118, 125, .3)
}

.sectionDescription-2NQCTO {
    color: var(--header-secondary)
}

.card-x5L6z7 {
    background-image: -webkit-gradient(linear, left top, right top, from(hsl(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%)), to(hsl(198, calc(var(--saturation-factor, 1)*81.5%), 46.7%)));
    background-image: linear-gradient(90deg, hsl(160, calc(var(--saturation-factor, 1)*81.3%), 35.7%), hsl(198, calc(var(--saturation-factor, 1)*81.5%), 46.7%))
}

.handImage-3Ke7jw {
    margin: -6px 16px -6px -16px
}

.textContainer-20qvPW {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.header-12Hveo {
    margin-bottom: 4px;
    margin-top: 5px
}

.description-zl6dfD,
.header-12Hveo {
    color: #fff
}

.description-zl6dfD strong {
    font-weight: 500
}

.premiumSubscriptionAccountCredit-1UInYJ {
    border-radius: 5px;
    padding: 8px 0;
    background-color: var(--background-secondary)
}

.accountCreditRow-320WuZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 16px
}

.accountCreditRow-320WuZ:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.iconBackground-2u8o5- {
    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-1xoHv0 {
    background-image: linear-gradient(45deg, hsl(244, calc(var(--saturation-factor, 1)*100%), 84.1%), hsl(228, calc(var(--saturation-factor, 1)*86.7%), 70.6%))
}

.iconBackgroundTier2-16vAh9 {
    background-image: linear-gradient(45deg, hsl(270, calc(var(--saturation-factor, 1)*86.7%), 70.6%), hsl(342, calc(var(--saturation-factor, 1)*58%), 72.9%))
}

.icon-13uDF3 {
    width: 24px;
    height: 24px;
    color: #fff
}

.rowDetails-lIupRR {
    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-6TmNCl {
    font-weight: 400
}

.rowCreditCount-36D5zz {
    -ms-flex-item-align: center;
    align-self: center;
    font-weight: 600;
    color: var(--interactive-normal)
}

.finePrintWithOverheadSeparator-3UXVg1 {
    border-top: 1px solid var(--background-modifier-accent);
    margin-top: 32px;
    padding-top: 32px;
    line-height: 1.4
}

.finePrint-PVnKkj {
    line-height: 1.4
}

.container-2gwJ5Z {
    -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-2gwJ5Z,
.loading-3rGAPa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.loading-3rGAPa {
    -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-__KhMW {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat
}

.content-3dHeLs {
    position: relative
}

.subSectionHeader-CAr5fF {
    text-transform: uppercase
}

.sectionAccountCredit-1IqaxB,
.subscriptionDetails-ZcKNHC {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid
}

.accountCredit-1gEVAQ {
    margin-top: 16px
}

.accountCreditTitle-3nJMsS {
    margin-bottom: 16px
}

.accountCreditDescription-1lEaJI {
    color: var(--text-normal);
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 0
}

.cardText-3dmnX6 {
    padding-left: 8px
}

.noItemsCard-5EOcCl {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 16px;
    padding: 16px 19px;
    border: none;
    color: var(--interactive-active);
    background-color: var(--background-secondary)
}

.theme-light .sectionAccountCredit-1IqaxB,
.theme-light .subscriptionDetails-ZcKNHC {
    border-color: rgba(185, 187, 190, .3)
}

.theme-dark .sectionAccountCredit-1IqaxB,
.theme-dark .subscriptionDetails-ZcKNHC {
    border-color: rgba(114, 118, 125, .3)
}

.theme-dark .noItemsIcon-2OeOld {
    background: #4f545c
}

.info-3pQQBb {
    padding: 8px 10px;
    text-transform: capitalize;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.line-18uChy {
    display: inline-block;
    width: 100%
}

.versionHash-mssSIL {
    text-transform: none
}

.iconContainer-HEz6mX {
    margin-right: 16px
}

.statusIcon-25olN- {
    width: 16px;
    height: 16px
}

.checkmark-3C8p2n {
    color: var(--status-positive)
}

.xmark-1cQ_Kp {
    color: var(--status-danger)
}

.helpText-3FVj9n {
    margin-bottom: 32px
}

.hotspotSwitch-9pOPjB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px 0
}

.overrideSelect-1KruH- {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%
}

.formDivider-24H4mR {
    margin: 10px 0
}

.formItem-HFafta button {
    margin-left: 5px
}

.guildServerDescription-5mu3qa {
    margin-right: 5px
}

.groupListings-20nt4s {
    overflow-x: auto;
    margin-top: 10px
}

.groupListings-20nt4s>div {
    width: 180px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 5px 0 0
}

.groupListings-20nt4s>div>div:last-child {
    display: none
}

.testContainer-3PA4nE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto
}

.testContainer-3PA4nE>img {
    width: 300px
}

.socialLinks-3ywLUf {
    padding: 8px 10px;
    font-size: 12px;
    line-height: 16px
}

.link-1-SDSV {
    padding: 0 2px;
    margin-right: 8px;
    color: var(--interactive-normal)
}

.link-1-SDSV:hover {
    color: var(--interactive-hover)
}

.link-1-SDSV:active {
    color: var(--interactive-active)
}

.foreground-3Wtm7n {
    -webkit-transition: color .15s ease;
    transition: color .15s ease
}

.preview-3k9WhO {
    background-color: var(--background-secondary);
    padding: 16px
}

.previewMessage-2g_aBv {
    padding: 8px;
    border-radius: 4px;
    margin-top: 16px;
    background-color: var(--background-primary)
}

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

.previewAvatars-5zC6sZ {
    margin-left: 8px;
    display: grid;
    grid-auto-flow: column;
    gap: 8px
}

.ttsPreviewWrapper-1d5bI6 {
    margin-bottom: 24px
}

.ttsSliderMarker-2yTezc {
    text-transform: uppercase
}

.headerSpacing-358R3d {
    margin-bottom: 0
}

.input-371QlS {
    width: 100%
}

.customWidth-2gNXtZ {
    width: 520px
}

.image-875dAk {
    width: 128px
}

.secret-2HnjBy {
    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-2z6h5Z {
    color: #b9bbbe
}

.theme-light .subHeader-2z6h5Z {
    color: #72767d
}

.modal-2rP2Eq {
    width: 450px
}

.modalInner-3-yV1O {
    padding-bottom: 20px
}

.header-EUFrEf img {
    vertical-align: bottom
}

.phoneNumber-3dP_X7 {
    font-weight: 600;
    padding-right: 4px
}

.linkButton-1XiOXn {
    padding-left: 0;
    font-size: 16px
}

.theme-dark .sectionBody-7I2eAN,
.theme-dark .subHeader-1mr1LG {
    color: #b9bbbe
}

.theme-light .sectionBody-7I2eAN,
.theme-light .subHeader-1mr1LG {
    color: #72767d
}

.btn-3bxST1 {
    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-3bxST1+.btn-3bxST1 {
    margin-left: 8px
}

.btn-3bxST1:disabled {
    cursor: not-allowed;
    opacity: .3
}

.btn-3bxST1.btnPrimary-3C9gSM {
    color: #fff;
    background-color: var(--brand-experiment);
    border-radius: 3px;
    padding: 8px 16px
}

.btn-3bxST1.btnPrimary-3C9gSM:hover:not(:disabled) {
    background-color: var(--brand-experiment-600)
}

.userSettingsSecurityImage-1ZkUEz {
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (max-width:840px) {
    .userSettingsSecurityImage-1ZkUEz {
        opacity: 0
    }
}

.userSettingsSecurity-2kODPN .isEnabled-20V6lG {
    color: var(--text-positive)
}

.userSettingsSecurity-2kODPN .lockIcon-3t6Ow0 {
    margin-right: 4px;
    width: 10px;
    height: 14px;
    position: relative;
    top: 2px
}

.userSettingsSecurity-2kODPN .checkboxGroup-1EjA1z .code-fcr4Qb {
    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-3SoOdz {
    margin-left: 4px
}

.changePasswordButton-3j5UVD {
    margin-bottom: 28px
}

.accountWarningBodyText-2DEVPu {
    margin-bottom: 16px
}

.backupCode-QOE1Yz {
    outline: none;
    display: inline-block
}

.theme-light .userSettingsSecurity-2kODPN .codeCheckbox-2EZqi_ {
    color: #4f545c
}

.theme-dark .userSettingsSecurity-2kODPN .codeCheckbox-2EZqi_ {
    color: #dcddde
}

.userProfileCustomizationSection-HhRZ8s {
    margin-top: 40px;
    position: relative
}

.nitroIcon-2TSZYr {
    color: var(--header-primary);
    margin-right: 6px;
    position: relative;
    top: -3px
}

.customizationTitle-3X0Guk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.description-3KXNo8 {
    margin-bottom: 16px
}

.buttonContainer-cmXa0P {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.disableButton-3BR0Vj {
    margin-right: 16px
}

.accountProfileCard-lbN7n- {
    background-color: var(--background-tertiary);
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.userInfo-regn9W {
    height: 72px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 16px 0 120px
}

.avatar-3mTjvZ {
    border: 7px solid var(--background-tertiary);
    background-color: var(--background-tertiary);
    position: absolute;
    top: 76px;
    left: 16px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

.overflowMenuButton-1I3Jz1 {
    margin-left: 8px;
    cursor: pointer
}

.overflowMenuIcon-2Bjb5_ {
    color: var(--interactive-normal)
}

.userTag-2qPxEZ {
    margin-bottom: 6px;
    font-family: var(--font-display);
    color: var(--header-primary);
    font-size: 20px;
    line-height: 24px;
    font-weight: 600
}

.discriminator-2m-MqL {
    color: var(--header-secondary)
}

.background-3d_SjE {
    border-radius: 8px;
    background-color: var(--background-secondary);
    padding: 16px;
    margin: 8px 16px 16px
}

.profile-1o7I_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.avatarUploaderInner-2euNNs {
    width: 80px;
    height: 80px
}

.details-3K5sBD {
    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-2IFSJC {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--header-primary)
}

.username-1G1p7c {
    font-weight: 600
}

.badgeList-b3Ajmk {
    margin-top: 4px
}

.fieldList-in8WkP {
    border-radius: 8px;
    background-color: var(--background-secondary)
}

.field-21XZwa {
    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-cxjVL1 {
    margin-top: 24px
}

.fieldTitle-2g5r_V {
    margin-bottom: 4px
}

.fieldButtonList-28BYbB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fieldButton-14lHvK {
    margin-top: auto;
    margin-bottom: auto
}

.removeButton-v6eolJ {
    margin-right: 8px
}

.menu-3A7xxX,
.uploadButton-1zWjTG {
    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-3A7xxX {
    margin-right: 16px;
    color: var(--interactive-normal);
    cursor: pointer
}

.avatarError-3z_NiG {
    margin-top: 8px
}

.constrainedRow-3y91Xf {
    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-1x50RR {
    overflow: hidden
}

.usernameInnerRow-1-STdK {
    overflow: hidden;
    color: var(--header-primary);
    text-overflow: ellipsis
}

.header-1LEkUo {
    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-2tnl9d {
    font-weight: 700
}

.subtitle-3sUbvY,
.title-2tnl9d {
    text-align: center
}

.subtitle-3sUbvY {
    margin-top: 8px
}

.modalCloseButton-1g0I9f {
    position: absolute;
    top: 16px;
    right: 16px
}

.content-qdMtCa {
    padding-bottom: 16px
}

.newPassword-2uGqp4 {
    margin-top: 16px
}

.cancel-1Qvixr {
    margin-right: 8px
}

.modalContent-2PWoGB {
    padding-bottom: 20px
}

.inputWrapper-baynaf {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 10px;
    width: 100%;
    margin-bottom: 20px
}

.preview-QJ3OG3 {
    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-QJ3OG3:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: default
}

.firstMessage-1IAqxI {
    margin-top: -.8rem !important
}

.compactPreview-KNgfcq .firstMessage-1IAqxI {
    margin-top: 0 !important
}

.forcedColorsWarning-MeNsX8 {
    margin-bottom: 12px
}

.authedApp-8q3NA9 {
    padding: 20px
}

.authedApp-8q3NA9:focus-within .deleteApp-34kEAU,
.authedApp-8q3NA9:hover .deleteApp-34kEAU {
    opacity: 1
}

.deleteApp-34kEAU {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.headerInfo-3UVPHi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.appAvatar-2htirv {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-user-drag: none
}

.permission-CbNHIg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px
}

.permissionCheckmark-ji-OoY {
    background: url(/assets/ac4e8d510fe8708104eddbe1b9597e1c.svg) no-repeat;
    background-size: 18px 18px;
    display: inline-block;
    width: 23px;
    height: 18px
}

.formError-2LXfk_ {
    margin-bottom: 20px
}

.card-2aHs8C {
    padding: 20px
}

.addressSection-3-7v_3,
.formActions-5CiFNE {
    margin-top: 20px
}

.defaultSection-319Lgg {
    margin: 20px 0
}

.defaultCheckboxLabel-PMy3CZ {
    margin-left: 4px
}

.sectionHeader-1tIM9Z {
    margin-bottom: 10px
}

.subText-3FNUOd {
    font-size: 14px;
    margin-top: 20px;
    color: var(--text-muted)
}

.disabledTooltipWrapper-3byk4E {
    position: relative
}

.disabledTooltipTarget-YP3txp {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    cursor: not-allowed
}

.theme-light .sectionHeader-1tIM9Z {
    color: #72767d
}

.theme-light .errorSubText-2suL7O {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.theme-dark .sectionHeader-1tIM9Z {
    color: #b9bbbe
}

.theme-dark .errorSubText-2suL7O {
    color: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%)
}

.paymentSourceRow-1z8x7Z {
    margin: 16px 0
}

.header-3U8NqW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subText-1gefwV {
    font-size: 14px;
    margin-top: 4px
}

.footer-1Dc_h6 {
    margin-top: 20px
}

.lockIcon-1DvPA6 {
    margin-right: 8px;
    width: 20px;
    height: 20px
}

.theme-dark .subText-1gefwV,
.theme-light .subText-1gefwV {
    color: #72767d
}

.syncing-1dNQLF {
    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-34PrLP {
    margin-top: 40px
}

.codeRedemptionRedirect-2hYMSQ {
    font-size: 14px;
    line-height: 18px;
    margin-top: 40px;
    padding: 16px 22px
}

.theme-dark .codeRedemptionRedirect-2hYMSQ {
    color: #fff;
    background-color: #2f3136;
    border-color: #202225
}

.theme-light .codeRedemptionRedirect-2hYMSQ {
    color: #4f545c;
    background-color: #f6f6f7;
    border-color: #dcddde
}

.wrapper-1xW8FI {
    position: relative
}

.inner-1lPVFp {
    width: 48px;
    height: 48px;
    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-1lPVFp:hover {
    background-color: rgba(153, 170, 181, .3);
    cursor: pointer
}

.inner-1lPVFp:disabled {
    opacity: .3;
    pointer-events: none
}

.ellipsis-1_H3Xz {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.spinnerItem-1tqMvk {
    background-color: #4f545c
}

.theme-dark .inner-1lPVFp,
.theme-light .inner-1lPVFp {
    background-color: transparent
}

.theme-dark .inner-1lPVFp:hover,
.theme-light .inner-1lPVFp:hover {
    border-color: transparent
}

.accountList-Wii_T5 {
    padding: 20px 20px 12px;
    background-color: var(--background-secondary-alt);
    border-radius: 8px
}

.accountBtn-3pgcgr {
    margin-right: 8px;
    margin-bottom: 8px
}

.accountBtn-3pgcgr:last-child {
    margin-right: 0
}

.accountBtn-3pgcgr .accountBtnInner-3ttD-i {
    background-color: var(--background-secondary);
    border: none
}

.accountBtn-3pgcgr .accountBtnInner-3ttD-i:hover {
    background-color: var(--background-modifier-hover)
}

.connectionList-11Q_X- {
    display: grid;
    grid-gap: 24px
}

.connection-YOVI9j {
    background-color: var(--background-secondary);
    width: 100%;
    border-radius: 8px
}

.connectionHeader-Ixbb1s {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 20px;
    background: var(--background-secondary-alt);
    border-radius: 8px 8px 0 0
}

.connectionHeader-Ixbb1s .connectionAccountValue-YkFI6F {
    color: var(--header-primary);
    margin-left: 20px
}

.connectionAccountLabel-28GEPk {
    margin-left: 20px;
    font-size: 12px;
    line-height: 14px;
    color: var(--header-secondary)
}

.connectionIcon-1iZ6F_ {
    width: 32px;
    height: 32px
}

.connectionOptionsWrapper-3aVWcp {
    padding: 20px 10px 0
}

.connectionOptionsWrapper-3aVWcp .connectionOptionSwitch-y1S-cR h3 {
    color: #fff;
    font-weight: 500
}

.connectionOptionSwitch-y1S-cR {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 10px;
    padding-right: 10px
}

.connectionOptions-JJ1YEi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.integrationsWrapper-1V-5L9 {
    padding: 20px
}

.integrationsWrapper-1V-5L9 a {
    color: var(--text-normal)
}

.integration-1qC-fv {
    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-1qC-fv .guildIcon-1KvnYB {
    margin: 0 10px 0 0;
    float: left
}

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

.integrationInner-1xMQ1B .channelLink-26xPrY {
    color: var(--header-secondary);
    font-size: 12px
}

.integrationInner-1xMQ1B .integrationName-2Ub8O0 {
    color: var(--header-primary)
}

.warning-EsH_5D {
    color: var(--text-warning)
}

.connectedAccounts-Jb3L2_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.connectionDelete-3YgMVq {
    cursor: pointer;
    color: var(--interactive-normal);
    -ms-flex-item-align: center;
    align-self: center
}

.connectionDelete-3YgMVq:hover {
    color: var(--interactive-hover)
}

.connectedAccountSeparator-nMsSRO {
    margin-left: 20px;
    margin-right: 20px;
    width: auto
}

.subEnabledTitle-2YpsZq {
    color: var(--text-normal)
}

.integrationRevoked-2VwT0o {
    font-weight: 600
}

.integrationRevoked-2VwT0o a {
    color: var(--text-link)
}

.item-1GpJEU {
    position: relative
}

.removeBuildOverride-3UfzMM {
    opacity: 0;
    position: absolute;
    top: -12px;
    right: -31px
}

.buildOverrideGroup-rGyLdM {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -1px
}

.buildOverrideGroup-rGyLdM:hover .removeBuildOverride-3UfzMM {
    opacity: 1
}

.theme-dark .codebox-2b_uUy,
.theme-light .codebox-2b_uUy {
    height: 230px;
    max-height: 230px;
    background: none
}

.removeBuildOverrideDisabled--nMrr1 {
    opacity: .75;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: not-allowed
}

.theme-light .row-ZEiAeB {
    -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-ZEiAeB {
    -webkit-box-shadow: inset 0 -1px 0 rgba(114, 118, 125, .3);
    box-shadow: inset 0 -1px 0 rgba(114, 118, 125, .3)
}

.buttonsContainer-2NOfqy {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px
}

.buttonsContainer-2NOfqy,
.surveyOverride-2g8h1- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.surveyOverrideInput-2gPQSe {
    margin-right: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.notDetected-M3Ghh2,
.nowPlaying-3UpuKc {
    width: 100%;
    padding: 16px;
    -webkit-animation: none;
    animation: none;
    margin-top: 0;
    border-radius: 3px
}

.notDetected-M3Ghh2 .overlayStatusText-In0YrK,
.notDetected-M3Ghh2 .overlayWarningIcon-3MtO6b,
.nowPlaying-3UpuKc .overlayStatusText-In0YrK,
.nowPlaying-3UpuKc .overlayWarningIcon-3MtO6b {
    opacity: 1
}

.nowPlayingAdd-3I4RbE {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: 0;
    font-size: 14px
}

.game-2f2vPC {
    position: relative;
    padding: 20px 0
}

.game-2f2vPC .removeGame-3V7nss {
    position: absolute;
    top: -12px;
    right: -31px;
    opacity: 0
}

.game-2f2vPC:focus-within .overlayStatusText-In0YrK,
.game-2f2vPC:focus-within .overlayWarningIcon-3MtO6b,
.game-2f2vPC:focus-within .removeGame-3V7nss,
.game-2f2vPC:hover .overlayStatusText-In0YrK,
.game-2f2vPC:hover .overlayWarningIcon-3MtO6b,
.game-2f2vPC:hover .removeGame-3V7nss {
    opacity: 1
}

.activeGame-1OdxzI {
    position: relative
}

.activeGame-1OdxzI .removeGame-3V7nss {
    position: absolute;
    top: -12px;
    right: -12px;
    opacity: 0
}

.activeGame-1OdxzI:focus-within .removeGame-3V7nss,
.activeGame-1OdxzI:hover .removeGame-3V7nss {
    opacity: 1
}

.gameName-zbZetm,
.gameNameInput-2wbDJ9,
.gameVerifiedIcon-1YMUdQ,
.lastPlayed-1jum9A,
.overlayStatusText-In0YrK,
.overlayToggleIcon-1WRcQ9 {
    z-index: 1
}

.gameNameLastPlayed-2hWoXJ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.gameVerifiedIcon-1YMUdQ {
    margin-left: 8px
}

.gameName-zbZetm {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.gameNameInput-2wbDJ9 {
    border: 1px solid transparent;
    border-radius: 3px;
    background-color: transparent;
    padding: 0 4px;
    margin-left: -5px;
    width: 240px
}

.lastPlayed-1jum9A {
    color: #72767d;
    font-size: 14px
}

.overlayStatusText-In0YrK {
    width: 100px;
    margin-right: 4px;
    text-transform: uppercase;
    font-size: 14px;
    opacity: 0
}

.overlayToggleIcon-1WRcQ9 {
    cursor: pointer
}

.overlayToggleIconOff-ps4gGp .fill-297bdf {
    fill: var(--status-danger)
}

.overlayWarningIcon-3MtO6b {
    background: url(/assets/ec9826d3496e1fa6b695692bc7faba1d.svg) no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 20px;
    opacity: 0
}

.addGamePopout-2SKNIV {
    padding: 10px;
    width: 300px;
    border-radius: 3px
}

.addGamePopout-2SKNIV .actions-3c4xJH {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.detectedApplication-36T1DX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.theme-light .nowPlayingAdd-3I4RbE {
    color: #b9bbbe
}

.theme-light .game-2f2vPC {
    -webkit-box-shadow: 0 1px 0 0 #dcddde;
    box-shadow: 0 1px 0 0 #dcddde
}

.theme-light .gameName-zbZetm {
    color: #4f545c
}

.theme-light .gameNameInput-2wbDJ9:focus,
.theme-light .gameNameInput-2wbDJ9:hover {
    border-color: rgba(79, 84, 92, .3);
    background-color: #fff
}

.theme-light .lastPlayed-1jum9A {
    color: #72767d
}

.theme-light .overlayStatusText-In0YrK {
    color: #b9bbbe
}

.theme-light .overlayToggleIconOn-21NN2N .fill-297bdf {
    fill: #b9bbbe
}

.theme-light .addGamePopout-2SKNIV {
    background-color: #fff
}

.theme-dark .nowPlayingAdd-3I4RbE {
    color: #72767d
}

.theme-dark .game-2f2vPC {
    -webkit-box-shadow: 0 1px 0 0 #4f545c;
    box-shadow: 0 1px 0 0 #4f545c
}

.theme-dark .gameName-zbZetm {
    color: #f6f6f7
}

.theme-dark .gameNameInput-2wbDJ9:focus,
.theme-dark .gameNameInput-2wbDJ9:hover {
    border-color: rgba(79, 84, 92, .3);
    background-color: #36393f
}

.theme-dark .lastPlayed-1jum9A,
.theme-dark .overlayStatusText-In0YrK {
    color: #72767d
}

.theme-dark .overlayToggleIconOn-21NN2N .fill-297bdf {
    fill: #72767d
}

.theme-dark .addGamePopout-2SKNIV {
    background-color: #36393f
}

.theme-dark .addGamePopout-2SKNIV .cancelButton-1_3Ix7 {
    color: #fff
}

.theme-dark .nowPlayingAdd-3I4RbE,
.theme-light .nowPlayingAdd-3I4RbE {
    color: #b9bbbe
}

.theme-dark .nowPlaying-3UpuKc,
.theme-light .nowPlaying-3UpuKc {
    background-color: var(--status-positive-background)
}

.theme-dark .nowPlaying-3UpuKc .gameName-zbZetm,
.theme-light .nowPlaying-3UpuKc .gameName-zbZetm {
    color: #fff
}

.theme-dark .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:focus,
.theme-dark .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:hover,
.theme-light .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:focus,
.theme-light .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:hover {
    border-color: hsl(139, calc(var(--saturation-factor, 1)*47.5%), 19.4%);
    background-color: hsla(139, calc(var(--saturation-factor, 1)*47.5%), 19.4%, .3)
}

.theme-dark .nowPlaying-3UpuKc .lastPlayed-1jum9A,
.theme-dark .nowPlaying-3UpuKc .overlayStatusText-In0YrK,
.theme-light .nowPlaying-3UpuKc .lastPlayed-1jum9A,
.theme-light .nowPlaying-3UpuKc .overlayStatusText-In0YrK {
    color: #fff
}

.theme-dark .nowPlaying-3UpuKc .overlayToggleIconOff-ps4gGp .fill-297bdf,
.theme-dark .nowPlaying-3UpuKc .overlayToggleIconOn-21NN2N .fill-297bdf,
.theme-light .nowPlaying-3UpuKc .overlayToggleIconOff-ps4gGp .fill-297bdf,
.theme-light .nowPlaying-3UpuKc .overlayToggleIconOn-21NN2N .fill-297bdf {
    fill: hsl(138, calc(var(--saturation-factor, 1)*86.1%), 71.8%)
}

.theme-dark .notDetected-M3Ghh2,
.theme-light .notDetected-M3Ghh2 {
    background-color: var(--background-secondary)
}

.theme-dark .notDetected-M3Ghh2 .gameName-zbZetm,
.theme-light .notDetected-M3Ghh2 .gameName-zbZetm {
    color: var(--interactive-active)
}

.theme-dark .notDetected-M3Ghh2 .lastPlayed-1jum9A,
.theme-light .notDetected-M3Ghh2 .lastPlayed-1jum9A {
    color: var(--text-muted)
}

.feature-2sPtnu {
    padding-top: 20px
}

.featureBorder-2G0c_P {
    border-top: 1px solid var(--background-modifier-accent)
}

.title-2pQsrN {
    font-size: 20px;
    color: var(--header-primary)
}

.description-22Sl9U {
    font-size: 16px;
    line-height: 20px;
    color: var(--text-normal)
}

.icon-2g_pHb {
    width: 120px;
    height: 80px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.videoWrapper-1_H3B3 {
    background-color: var(--background-primary);
    border-radius: 5px;
    overflow: hidden
}

.video-36dXVU {
    display: block;
    width: 100%;
    height: 100%
}

.features-6z-RVS {
    margin-bottom: 20px
}

.video-293uMj {
    margin: 0 auto 40px
}

.perksHeading-3fBj-Y {
    text-align: center;
    text-transform: uppercase;
    color: var(--text-normal)
}

.perkIcon-Fs9ArR {
    background-position: 50%;
    background-size: contain
}

.perkNewsletter-3f0-gG {
    background-image: url(/assets/c970061def69b8226617841ca3089219.svg)
}

.perkBadge-1sWA2b {
    background-image: url(/assets/46b24114f7276738329be3ae84e22da4.svg)
}

.perkChallenges-S6VgMz {
    background-image: url(/assets/b13ade832d7f19e30c5d2452b6cbdd53.svg)
}

.membershipDialog-2wAdpQ {
    border-radius: 3px;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 30px;
    position: relative
}

.membershipDialog-2wAdpQ:after {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/assets/f334f65e4bd0c524ed8d2df198a2a7a8.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    opacity: .15;
    width: 100%;
    height: 100%;
    z-index: 0
}

.membershipDialogContent-2TpsY- {
    position: relative;
    z-index: 1
}

.membershipDialogHeading-2YNliA {
    margin-bottom: 16px;
    text-transform: uppercase;
    font-weight: 700
}

.membershipDialogHouseName-1yc2Ci {
    font-size: 24px;
    margin-bottom: 8px
}

.membershipDialogHouseDescription-2uFjjO {
    margin-bottom: 20px
}

.membershipDialogSwitchHouses-2bOt9w {
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    padding-top: 26px;
    text-align: center
}

.membershipDialogSwitchHousesAction-O0eVhe {
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    margin-left: 4px;
    -webkit-transition: color .1s;
    transition: color .1s
}

.membershipDialogSwitchHousesAction-O0eVhe:hover {
    color: #40444b
}

.membershipDialogHeading-2YNliA,
.membershipDialogHouseDescription-2uFjjO,
.membershipDialogHouseName-1yc2Ci,
.membershipDialogSwitchHouses-2bOt9w {
    color: #000
}

.joinCTAWrapper-1uvBTA {
    margin-bottom: 40px
}

.joinCTA-3VEcmR {
    margin-bottom: 20px
}

.newsletterWarning-2QYt3a {
    font-size: 14px;
    line-height: 18px;
    opacity: .7;
    text-align: center
}

.membershipDialogHouse1-R8jb0l {
    background-color: hsl(253, calc(var(--saturation-factor, 1)*77%), 72.7%)
}

.membershipDialogHouse2-2W27iJ {
    background-color: hsl(9, calc(var(--saturation-factor, 1)*86.5%), 68%)
}

.membershipDialogHouse3-1E5AN4 {
    background-color: hsl(169, calc(var(--saturation-factor, 1)*69.1%), 56.9%)
}

.houseLogoWrapper-1qaDCg {
    background: #fff;
    border-radius: 100%;
    position: relative;
    width: 100px;
    height: 100px
}

.houseLogo-1XhCZw {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.houseLogoHouse1-3FEBrw {
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%)
}

.leaveActionWrapper-gOy5IQ {
    border-top: 1px solid var(--background-modifier-accent);
    margin-bottom: 40px;
    padding-top: 40px;
    text-align: center
}

.leaveButton-1Tg7l4 {
    cursor: pointer;
    display: inline-block;
    margin-left: 4px;
    padding: 0;
    position: relative
}

.error-1MvQO3 {
    color: var(--status-danger);
    margin-bottom: 20px
}

.wrapper-1hr0GQ {
    padding: 20px;
    text-align: center
}

.image-_AMZsN {
    background: none 50%/contain no-repeat;
    width: 120px;
    height: 107px
}

.theme-dark .image-_AMZsN {
    background-image: url(/assets/ad21e9327e71ab990fd1d7fb8cea66fc.svg)
}

.theme-light .image-_AMZsN {
    background-image: url(/assets/849927c9fad5972b8c02891fa64850f3.svg)
}

.intro-2CBQJs {
    margin-bottom: 40px;
    text-align: center
}

.introHeader-3UyMHl {
    font-weight: 700;
    margin-bottom: 8px
}

.verificationNotice-2d4L58 {
    margin-bottom: 40px
}

.attendeeCTA-2etnq5 {
    color: var(--text-normal);
    font-size: 14px;
    line-height: 18px;
    margin-top: 40px;
    padding: 16px 22px
}

.attendeeCTA-2etnq5 a {
    font-weight: inherit
}

.codeRedemptionInput-3K_ItZ {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 20px
}

.confirmBackgroundImage-1HCfsv {
    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-2w0AHr {
    opacity: .1
}

.confirmPremiumBackground-1nHjYp {
    background-image: url(/assets/c2ed47028ad0b4603546768842e248f7.svg);
    background-size: cover;
    opacity: .2
}

.confirmPremiumIcon-QnI3WO {
    background-image: url(/assets/b820b6002cb6ff7c3c2fb123d72c7866.svg);
    background-size: cover;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 80px;
    height: 80px
}

.confirmCloseButton-2YTvJh {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: 10px;
    margin-bottom: 10px
}

.confirmContent-1K9n6S {
    padding: 20px 0 50px
}

.confirmTitle-38Qwi7 {
    font-size: 24px;
    line-height: 1.25
}

.confirmButton-p2uya0,
.confirmTitle-38Qwi7 {
    margin-top: 20px
}

.confirmBlurb-11FgpX {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.44;
    text-align: center;
    max-width: 360px
}

.errorMessage-1EgLZD {
    margin-top: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #b9bbbe
}

.theme-dark .confirmTitle-38Qwi7 {
    color: #fff
}

.theme-dark .confirmBlurb-11FgpX {
    color: #b9bbbe
}

.theme-light .confirmTitle-38Qwi7 {
    color: #36393f
}

.theme-light .confirmBlurb-11FgpX {
    color: #72767d
}

.loading-2J89IY {
    margin-top: 48px
}

.maybeLaterButton-38nTXD {
    color: var(--header-primary);
    margin-right: 8px
}

.maybeLaterButton-38nTXD:hover {
    text-decoration: underline
}

.bodyText-ncSMbF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.formDivider-2NTLvl {
    margin: 16px 0
}

.formSection-1iSW2N {
    margin-bottom: 16px
}

.confirmationText-1k7h06 {
    margin-top: 8px
}

.textInput-b9Qk-M {
    color: red
}

.headerContainer-6il0Am {
    padding: 0 0 8px;
    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: -60px
}

.art-2EJN8X {
    height: 120px;
    width: 240px;
    background-image: url(/assets/5ac6560624e22a61fff2594ffbaa354d.svg)
}

.art-2EJN8X,
.errorArt-1T8XI- {
    margin-bottom: 16px
}

.errorArt-1T8XI- {
    height: 99px;
    width: 141px;
    background-image: url(/assets/313e343112d519165f840fbeb5e709b1.svg)
}

.errorHeader-2DaUTo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.errorBody-31ILdh {
    padding-bottom: 32px
}

.card-3Zmutq {
    border-radius: 5px;
    overflow: hidden;
    cursor: default;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.header-ISPHUQ {
    position: relative;
    padding: 20px
}

.headerButtonColor-3NRbCG {
    background: #4f545c;
    color: #fff
}

.coverArtPosition-MEhAEm {
    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-175LCr {
    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-2S0G9D {
    background-color: var(--background-secondary)
}

.header-ISPHUQ {
    background-color: var(--background-tertiary);
    color: var(--header-primary)
}

.header-ISPHUQ:hover {
    background-color: var(--background-modifier-hover)
}

.theme-dark .card-3Zmutq {
    color: #f6f6f7
}

.theme-light .card-3Zmutq {
    color: #36393f
}

.card-1j9yy6 {
    cursor: pointer
}

.subText-2zL_27 {
    font-size: 12px;
    line-height: 16px
}

.subTextHeader-2TGlBa {
    font-weight: 600;
    color: var(--text-muted)
}

.codeText-1BEKG9 {
    margin-bottom: 8px
}

.headerText-Je-Xed {
    margin-left: 20px
}

.cardHeader-jmN3S2 {
    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-3pI-zz {
    padding: 20px 0 19px;
    margin: 0 20px;
    border-bottom: 1px solid transparent
}

.giftCodeRow-3pI-zz:last-child {
    border-bottom: none
}

.generateCodeRow-2Ywy8k {
    padding: 22px 0
}

.gameName-1W8NSm {
    line-height: 19px
}

.expandIcon-qBLGES {
    margin-left: 8px;
    cursor: pointer
}

.spinner-2OuOUT {
    padding: 20px
}

.theme-dark .subTextRow-2c7SIq {
    color: #b9bbbe
}

.theme-dark .giftCodeRow-3pI-zz {
    border-color: rgba(79, 84, 92, .6)
}

.theme-dark .bodyButtonColor-1j4G6V {
    background: #36393f;
    color: #fff
}

.theme-dark .bodyButtonColor-1j4G6V:hover {
    background: #4f545c
}

.theme-dark .bodyButtonColor-1j4G6V:active {
    background: #72767d
}

.theme-light .subTextRow-2c7SIq {
    color: #b9bbbe
}

.theme-light .bodyButtonColor-1j4G6V {
    background: #f6f6f7
}

.theme-light .bodyButtonColor-1j4G6V:hover {
    background: #dcddde
}

.theme-light .bodyButtonColor-1j4G6V:active {
    background: #b9bbbe
}

.seasonalGiftBox-9dsKPM {
    height: 40px;
    width: 40px
}

.skuCard-2Fnwet {
    margin-bottom: 20px
}

.emptyState-2cl8KX {
    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-Wexj4l {
    margin-top: 20px;
    font-size: 24px;
    line-height: 1.17
}

.emptyStateSubtext-29V2rK {
    margin-top: 8px;
    line-height: 1.25
}

.emptyStateImage-1kilCd {
    margin-top: 120px;
    width: 404px;
    height: 202px
}

.loading-1mAHlw {
    margin-top: 40px
}

.promotionCardDescriptionWithCode-2RpZaE {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: text
}

.promotionCard-mo7ClH {
    -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: 20px;
    border-radius: 4px;
    background-color: var(--background-tertiary)
}

.mainPromotionCardContainer-2Pmrtk,
.promotionCard-mo7ClH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mainPromotionCardContainer-2Pmrtk {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.promotionCardLeftContainer-1K3Ud8,
.promotionIcon-1YW8yh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.promotionIcon-1YW8yh {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 4px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.promotionIconImage-2ad2BQ {
    max-width: 36px;
    max-height: 36px
}

.promotionLegalese-1BAW0j {
    border-top: 1px solid var(--background-modifier-accent);
    margin-top: 8px;
    padding-top: 8px;
    margin-left: 52px;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0
}

.promotionLegalese-1BAW0j em {
    font-style: italic
}

.promotionText-1p8WKF {
    font-weight: 500
}

.theme-dark .emptyStateHeader-Wexj4l {
    color: #fff
}

.theme-dark .emptyStateSubtext-29V2rK {
    color: #b9bbbe
}

.theme-dark .emptyStateImage-1kilCd {
    background: url(/assets/e0989b9d43cd9ca4417b49f4f8fbebc6.svg)
}

.theme-dark .promotionIcon-1YW8yh {
    background-color: #000
}

.theme-light .emptyStateHeader-Wexj4l {
    color: #4f545c
}

.theme-light .emptyStateSubtext-29V2rK {
    color: #72767d
}

.theme-light .emptyStateImage-1kilCd {
    background: url(/assets/10883f4297b061ad31a056bcf2191699.svg)
}

.theme-light .promotionIcon-1YW8yh {
    background-color: #fff
}

.divider-5YGcJb {
    margin: 32px 0
}

.item-zg_xoj,
.keybindMessage-3Bcpxt {
    position: relative
}

.item-zg_xoj a,
.keybindMessage-3Bcpxt a {
    color: inherit;
    text-decoration: underline
}

.ghostPill-3EFnOP {
    color: hsl(240, calc(var(--saturation-factor, 1)*7.7%), 2.5%);
    background-color: hsl(37, calc(var(--saturation-factor, 1)*95.7%), 90.8%);
    border: 1px solid hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%);
    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-3J8M42 {
    opacity: 0;
    position: absolute;
    top: -12px;
    right: -31px
}

.keybindGroup-kQU7d5 {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -1px
}

.keybindGroup-kQU7d5:hover .removeKeybind-3J8M42 {
    opacity: 1
}

.keyboard-mode .keybindGroup-kQU7d5:focus-within .removeKeybind-3J8M42 {
    opacity: 1
}

.defaultKeybind-1rEiTa {
    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-36Wpyv {
    margin: 40px 0 24px
}

.defaultKeybindShortcutGroup-2ZtT2R {
    display: grid;
    grid-gap: 4px
}

.defaultKeybindGroupHeader-18_214 {
    text-transform: uppercase;
    margin-bottom: 24px
}

.defaultKeybindGroupWithDescription-3xCKaN {
    margin-bottom: 4px
}

.defaultKeybindGroupDescription-3c3NhW {
    margin-bottom: 20px
}

.defaultKeybindShortcut-3wiEwm {
    margin: 0
}

.browserNotice-1u-Y5o a {
    color: inherit;
    text-decoration: underline
}

.theme-light .row-3nMNOy {
    -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-3nMNOy {
    -webkit-box-shadow: inset 0 -1px 0 rgba(114, 118, 125, .3);
    box-shadow: inset 0 -1px 0 rgba(114, 118, 125, .3)
}

.option-t7RE5d {
    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-Tai5Zc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.localizedName-wPJ5qZ {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.flag-3en3QH,
.localizedName-wPJ5qZ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.flagImage-jJKVoX {
    display: block;
    margin-left: 8px;
    width: 27px;
    height: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.marketingUnsubscribeButton-3TwiWy {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0
}

.notificationSound-3_yEQQ {
    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-3e_44f {
    margin-right: 8px
}

.soundIcon-1E1d9l,
.soundName-3e_44f {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.soundIcon-1E1d9l {
    opacity: 0;
    height: 24px;
    padding: 4px;
    margin-top: -1px;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.soundIcon-1E1d9l:active {
    opacity: 1
}

.soundRow-2Vsfbg:focus-within .soundIcon-1E1d9l,
.soundRow-2Vsfbg:hover .soundIcon-1E1d9l {
    opacity: .6
}

.icon-2-8HDu {
    width: 16px;
    height: 16px
}

.notificationSettings-3dppO6 {
    max-width: 75%
}

.gemIndicatorProgressCircle-Wb8Ju8 {
    width: 70px;
    height: 70px;
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.progressBackground-2XpMJ6 {
    stroke: transparent;
    fill: transparent
}

.gemIndicatorContainer-PqApbX {
    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-9XSuaB,
.gemWithoutLabel-1od40y {
    width: 24px;
    height: 24px
}

.gemWithLabel-9XSuaB {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.tierLabel-3MVAnX {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin-top: 2px
}

.theme-light .gemIndicatorContainer-PqApbX {
    background-color: #fff
}

.theme-light .gemWithoutLabel-1od40y {
    color: #e3e5e8
}

.theme-light .tierLabel-3MVAnX {
    color: #4f545c
}

.theme-dark .gemIndicatorContainer-PqApbX {
    background-color: #18191c
}

.theme-dark .gemWithoutLabel-1od40y {
    color: #36393f
}

.theme-dark .tierLabel-3MVAnX {
    color: #fff
}

.blurb-qkUoZ9 {
    margin-bottom: 40px
}

.guild-2Fq4I5 {
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 8px
}

.guild-2Fq4I5:last-child {
    margin-bottom: 0
}

.guildHeader-1EPPBS {
    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-2xMDZT {
    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-2BzGOm {
    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-2BzGOm,
.guildIcon-2upJh7 {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.guildIcon-2upJh7 {
    margin: 16px 0 16px 16px
}

.guildName-YRXP03 {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    color: var(--interactive-active)
}

.guildSubscriberCount-26DL1w {
    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-30JUGg {
    width: 12px;
    height: 12px;
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%);
    margin-right: 2px
}

.guildSubscribeButton-3huiJ- {
    padding-left: 8px
}

.guildGemIndicatorContainer--dVvkF {
    margin: 13px 13px 13px 0;
    cursor: pointer
}

.guildSubscriptionSlots-1i_C21 {
    padding: 16px;
    background-color: var(--background-secondary)
}

.guildSubscriptionSlot-1mef6n {
    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-1mef6n:first-child {
    padding-top: 0
}

.guildSubscriptionSlot-1mef6n:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.guildSubscriptionSlotIcon-2EaGFn {
    width: 18px;
    height: 18px;
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%);
    margin-right: 8px
}

.guildSubscriptionSlotIconCanceled-2btpsU {
    color: var(--text-warning)
}

.guildSubscriptionSlotContent-3X6wly {
    margin-right: auto
}

.guildSubscriptionSlotMenuIcon-3UcQXW {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.guildSubscriptionDuration-1JI19A,
.guildSubscriptionSlotMenuIcon-3UcQXW {
    color: var(--interactive-normal)
}

.guildSubscriptionCreationDate-2P6p9Z {
    color: var(--interactive-active)
}

.sectionHeader-202WKM {
    font-weight: 700;
    text-transform: uppercase
}

.subSectionHeader-1Qv90w {
    text-transform: uppercase;
    margin: 32px 0 16px;
    color: var(--header-secondary)
}

.theme-dark .guildHeaderBackground-2xMDZT {
    background-image: url(/assets/2366391afb15ed6c2a019a0c0caa0797.svg)
}

.theme-light .guildHeaderBackground-2xMDZT {
    background-image: url(/assets/6345e6aced36309efc7fe28a539383ab.svg)
}

.features-2OVNMp {
    display: grid;
    grid-gap: 20px;
    margin-top: 20px
}

.feature-LzXyUM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon-1Z47rO {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px
}

.title-3btzCF {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 4px;
    color: var(--header-primary)
}

.description-21tGDC {
    font-size: 14px;
    line-height: 18px;
    color: var(--header-secondary)
}

.descriptionStandalone-3ChjDk {
    font-size: 16px;
    line-height: 20px;
    color: var(--header-primary)
}

.container-LjXRPZ {
    -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-LjXRPZ,
.loading-20jPUD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.loading-20jPUD {
    -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-30CJxX {
    border-top: 1px solid var(--background-modifier-accent);
    margin-bottom: 60px;
    margin-top: 32px;
    padding-top: 32px
}

.guildsBlurb-1ouzU- {
    margin-top: 16px
}

.guilds-XTTuu3 {
    display: grid;
    grid: auto/50% 50%;
    grid-gap: 16px;
    margin-top: 24px
}

@media (max-width:1024px) {
    .guilds-XTTuu3 {
        grid: auto/100%
    }
}

.emptyGuilds-3pisxB {
    margin: 32px auto 0;
    width: 177px;
    height: 112px
}

.emptyGuildsTitle-hCPjmb {
    color: var(--header-primary);
    font-weight: 700;
    text-align: center;
    margin-top: 16px
}

.emptyGuildsText-OisjCj {
    text-align: center;
    margin-top: 4px
}

.cardWrapper-1bSePP {
    background: var(--background-tertiary);
    border-radius: 4px
}

.card-2xlCYc {
    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-2xlCYc:hover {
    background-color: var(--background-modifier-hover)
}

.guildInfo-16ssyU {
    margin: 0 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.guildName-bN3D6h,
.subscriberCount-2mxIIb {
    color: var(--header-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.subscriptionInfo-q7Kzpq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

.guildBoostingIcon-2B5iYK {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%);
    width: 12px;
    height: 12px;
    margin-right: 4px
}

.background-2avFV1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat
}

.content-2t8mBc {
    position: relative
}

.divider-1wnNcY {
    margin: 40px 0;
    height: 1px;
    background-color: var(--background-modifier-accent)
}

.marketingLogo-2BXAdA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.marketingLogoIcon-3HQY2K {
    color: var(--header-primary);
    width: 327px;
    height: 32px
}

.marketingLogoImage-3evgX7 {
    background-image: url(/assets/4da5a1105f56c7344ec198e25e99ce1b.svg);
    width: 95px;
    height: 60px;
    margin-left: 24px
}

.marketingHeader-CpUYrf {
    margin: 8px 0 16px
}

.featureHeaderTop-3ex4-1 {
    margin-top: 32px;
    font-weight: 400
}

.featureHeader-3aMbm3 {
    margin-top: 16px;
    font-weight: 400
}

.memberBadgeIcon-1H0qHW {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%)
}

.profileBadgeIcon-1Vgwr1 {
    background-image: url(/assets/c7f26927db5e7806790f4e968038630a.svg)
}

.roleIcon-1Yp8dE {
    color: var(--text-warning)
}

.emojiIcon-1ZTanb {
    color: var(--brand-experiment-400)
}

.stickerIcon-24vPBO {
    color: hsl(272, calc(var(--saturation-factor, 1)*100%), 80.2%);
    height: 24px;
    width: 24px
}

.audioQualityIcon-2V2mE1 {
    color: hsl(206, calc(var(--saturation-factor, 1)*67%), 51%)
}

.uploadSizeIcon-3OSRBC {
    color: hsl(305, calc(var(--saturation-factor, 1)*100%), 75%)
}

.customizationIcon-2xrMI1 {
    color: var(--text-warning)
}

.threadIcon-212lnY {
    color: hsl(164, calc(var(--saturation-factor, 1)*55.1%), 69.4%)
}

.guildSubscriptionHeading-3Gp8lO {
    max-width: none;
    text-align: left
}

.guildFullFeatures-2jRvaJ {
    margin-top: 24px
}

.theme-dark .emptyGuilds-3pisxB {
    background-image: url(/assets/9eccd9710a1b3c2b7127bc1ab191a423.svg)
}

.theme-light .emptyGuilds-3pisxB {
    background-image: url(/assets/293d215cc67a256ed2ef775e28922b3a.svg)
}

.list-2kUvmJ {
    list-style-type: disc;
    margin-left: 30px
}

.list-2kUvmJ li,
.status-25Dj6w {
    margin-bottom: 8px
}

.card-1J9m50 {
    padding: 20px;
    margin-bottom: 20px
}

.requestNote-toSJzn strong {
    font-weight: 700
}

.theme-dark .requestNoteColor-bfKp0Z,
.theme-light .requestNoteColor-bfKp0Z {
    color: #72767d
}

@media (max-width:900px) {
    .container-5HVygz .noticeIcon-1GRGeg {
        display: none
    }
}

.cameraWrapper-3a7Ngv {
    background-color: var(--background-secondary);
    border: 1px solid var(--background-tertiary);
    border-radius: 4px;
    width: 100%;
    min-height: 220px;
    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
}

.camera-v1e2uN,
.cameraWrapper-3a7Ngv {
    position: relative
}

.previewImage-2SFTiM {
    margin-bottom: 24px;
    height: 101px;
    width: 166px;
    background-size: 100%
}

.theme-dark .previewImage-2SFTiM {
    background-image: url(/assets/ca9e397003df8b46709315d7a248c7de.svg)
}

.theme-light .previewImage-2SFTiM {
    background-image: url(/assets/4f1b647aa3292d7d0c30658b659ed9f3.svg)
}

.userSettingsVoice-1fEtsL .sensitivity-2u29mo {
    min-height: 120px
}

.userSettingsVoice-1fEtsL .sliderBar-2s16ej.speaking-2Crrvt {
    background-color: hsl(139, calc(var(--saturation-factor, 1)*85.6%), 64.5%)
}

.userSettingsVoice-1fEtsL .inputSensitivityToggle-KBDP3x .sliderBar-2s16ej {
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.userSettingsVoice-1fEtsL .inputSensitivityToggle-KBDP3x.manual-36QrDU .microphone-2RrrW7 {
    position: absolute;
    top: 16px;
    width: 100%
}

.userSettingsVoice-1fEtsL .inputSensitivityToggle-KBDP3x.manual-36QrDU .microphone-2RrrW7 .fill-2w_rRE {
    -webkit-transition: width 35ms ease;
    transition: width 35ms ease;
    height: 100%;
    background-color: rgba(0, 0, 0, .25)
}

.userSettingsVoice-1fEtsL .pttTools-QY7Jwt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.userSettingsVoice-1fEtsL .pttTools-QY7Jwt>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.userSettingsVoice-1fEtsL .pttToolsMessage-31n2_D {
    margin-top: 28px
}

.userSettingsVoice-1fEtsL .pttToolsMessage-31n2_D.pttToolsWarning-1BW3CP {
    color: var(--status-danger)
}

.userSettingsVoice-1fEtsL .pttToolsMessage-31n2_D.pttToolsWarning-1BW3CP a {
    color: var(--status-danger);
    font-weight: 700
}

.userSettingsVoice-1fEtsL .inputDisabledWarning-g8TAac {
    color: var(--text-danger)
}

.userSettingsVoice-1fEtsL .inputDisabledWarning-g8TAac a {
    color: var(--text-danger);
    font-weight: 700
}

.userSettingsVoice-1fEtsL .media-engine-video {
    background-color: #000;
    border-radius: 3px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -o-object-fit: cover;
    object-fit: cover
}

.deviceOption-2tiwE8 {
    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-iFH7Qi {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 8px
}

.deviceOptionCertified-2G1bag {
    width: 84px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.micTest---VquM {
    margin-bottom: 16px
}

.micTestHelpLink-26n7kN {
    margin-left: 4px
}

.micTestButton-3bMlCM {
    width: 90px;
    padding: 0 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.Select-value-label .deviceOptionLabel-iFH7Qi {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 20px
}

.Select-value-label .deviceOptionCertified-2G1bag {
    margin-right: 20px
}

.theme-light .userSettingsVoice-1fEtsL .inputSensitivityToggle-KBDP3x.manual-36QrDU .microphone-2RrrW7 {
    background-color: transparent
}

.theme-light .userSettingsVoice-1fEtsL .previewOverlay-2d2op8 {
    background-color: #f6f6f7;
    border-color: #dcddde
}

.theme-light .userSettingsVoice-1fEtsL .previewOverlay-2d2op8.dismiss-1o0yQS {
    background-color: transparent
}

.beta-lzONoT {
    color: var(--header-secondary);
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 2px
}

.theme-dark .userSettingsVoice-1fEtsL .inputSensitivityToggle-KBDP3x.manual-36QrDU .microphone-2RrrW7 {
    background-color: transparent
}

.theme-dark .userSettingsVoice-1fEtsL .previewOverlay-2d2op8 {
    background-color: #2f3136;
    border-color: #202225
}

.theme-dark .userSettingsVoice-1fEtsL .previewOverlay-2d2op8.dismiss-1o0yQS {
    background-color: transparent
}

.group-2ODQfJ {
    margin-top: 20px
}

.title-7iJ-QR {
    margin-bottom: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.experimentDate-35HBBJ {
    color: var(--channels-default)
}

.emptyState-2LD9Za {
    margin-top: 36px;
    text-align: center
}

.description-2JfLB6 {
    margin-top: 4px
}

.divider-3Qd8xp {
    margin-top: 20px
}

.disabled-32c3US {
    opacity: .4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.customizationSection-IGy2fS {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.customizationSection-IGy2fS:last-child {
    border-bottom: none
}

.sectionDescription-ol6C7B {
    margin-bottom: 16px
}

.errorMessage-2opcCQ {
    margin-top: 8px
}

.profileCustomizationSection-2OOT4p {
    position: relative
}

.profileCustomizationSection-2OOT4p p {
    margin-top: 0
}

.baseLayout-8AMrwn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.preview-Z55SA3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 20px
}

.premiumInlineNotice-N_oPBN {
    margin-bottom: 16px
}

.fakeActivityTitle-3-_pB_ {
    font-weight: 700
}

.fakeActivityLayout-2kcbMs {
    margin-top: 8px
}

.fakeActivityIcon-KeXVoI,
.fakeActivityLayout-2kcbMs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fakeActivityIcon-KeXVoI {
    -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: 64px;
    height: 64px;
    border-radius: 8px;
    margin-right: 16px
}

.fakeActivityIcon-KeXVoI.wumpus-otZFUO {
    background-color: var(--brand-experiment-600)
}

.fakeActivityIcon-KeXVoI.phibi-3Bl5zI {
    background-color: #11806a
}

.fakeActivityPencil-1gv8lk {
    display: block;
    width: 48px;
    height: 48px
}

.fakeActivityContent-3PYho3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.fakeActivityTimeValues-3H1J0w {
    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
}

.profileBannerPreview-3mLIdO {
    position: relative;
    width: 300px;
    min-width: 300px;
    min-height: 280px;
    background-color: var(--background-floating);
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: var(--elevation-high);
    box-shadow: var(--elevation-high)
}

.banner-3D8GgT {
    border-radius: 8px 8px 0 0;
    width: 100%
}

.bannerUploader-2hBvKz {
    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
}

.gifTag-TF1Coa {
    position: absolute;
    top: 8px;
    right: 8px;
    pointer-events: none
}

.bannerUploaderInnerSquare-2c2J8_ {
    background-size: cover;
    height: 120px
}

.bannerNormal-2jf-df {
    height: 60px
}

.bannerNitroUpsell-2iP18z {
    opacity: 0;
    background-color: rgba(0, 0, 0, .4);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    cursor: pointer;
    height: 100%;
    width: 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
}

.bannerNitroUpsell-2iP18z:hover {
    opacity: 1
}

.bannerNitroUpsellText-Ll6vKY {
    color: #fff;
    width: 50px;
    font-weight: 700
}

.popoutInfo-16MuYF {
    padding: 0 16px 16px
}

.avatarUploader-qEFQS2 {
    position: absolute;
    z-index: 1;
    left: 16px
}

.avatarUploaderNormal-2m2hFm {
    top: 16px
}

.avatarUploaderPremium-2urJVq {
    top: 76px
}

.avatarUploaderInner-p38nm2 {
    width: 80px;
    height: 80px;
    border: 6px solid var(--background-floating);
    background-color: var(--background-floating);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.bioTextArea-dDGOeC {
    background-color: var(--deprecated-text-input-bg);
    border: 1px solid var(--deprecated-text-input-border);
    border-radius: 3px;
    height: 136px;
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

.bioTextArea-dDGOeC:focus-within {
    border-color: var(--text-link)
}

.bioTextArea-dDGOeC>div {
    height: 100%
}

.buttonsContainer-1xP-jC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.removeButton-samGt3 {
    margin-left: 4px
}

.nitroWheel-3jz6cl {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-left: 2px;
    vertical-align: sub
}

.buttonsContainer-12kYno {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.removeButton-1xB_Ez {
    margin-left: 4px
}

.nitroWheel-3wt-sz {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-left: 2px;
    vertical-align: sub
}

.buttonsContainer-5mLFN9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.removeButton-3KRYAO {
    margin-left: 4px
}

.profileColorSection-2BQBEp {
    border-bottom: none;
    margin-bottom: 0
}

.buttonsContainer-3rygH4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

.colorSwatch-3KbHGH {
    cursor: pointer;
    text-align: center;
    margin-right: 16px;
    position: relative
}

.swatchDescription--ZWxV0 {
    margin-top: 4px
}

.swatch-35F5kl {
    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: 69px;
    height: 50px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.customSwatch-I4jK4z {
    padding: 0;
    min-height: unset;
    min-width: unset;
    position: relative;
    border: 1px solid
}

.defaultSwatch-1tVtRe {
    border: 1px solid var(--background-modifier-accent)
}

.dropperIconButton-15Dl5X {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.dropperIcon-1Efpqn {
    position: absolute;
    top: 4px;
    right: 4px
}

.enable-forced-colors .swatch-35F5kl {
    forced-color-adjust: none
}

.nitroUpsellButtonInner-KVmxak {
    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-1l4Xo0 {
    margin-right: 4px
}

.divider-ogkn3u {
    margin-bottom: 24px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.container-3AL15u {
    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-x4aDmN {
    -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-x4aDmN::-webkit-input-placeholder {
    color: var(--text-muted);
    opacity: 1
}

.iconContainer-3QdWMR {
    position: relative;
    margin-right: 3px
}

.icon-1Z5w6m,
.iconContainer-3QdWMR {
    height: 18px;
    width: 18px
}

.iconClickable-lF3dWg {
    cursor: pointer
}

.formGroup-146LDV {
    margin-bottom: 20px
}

.formDivider-1vYIF8 {
    margin-bottom: 16px
}

.modalRoot-1uudbL {
    overflow: visible
}

.inputContainer-3envCr {
    position: relative
}

.modalCloseButton-Y-w1-a {
    position: absolute;
    top: 12px;
    right: 12px
}

.headerText-1PHE8Z {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: var(--interactive-active)
}

.emojiButton-R2xmR_.fullOpacity-kH_7VD {
    opacity: 1
}

.emojiButtonContainer-gCE6AT {
    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-3w92HR {
    width: 22px;
    height: 22px
}

.input-3AAlUz {
    padding-left: 42px;
    padding-right: 36px
}

.clearButton-2JoOHC {
    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-2JoOHC:focus,
.clearButton-2JoOHC:hover {
    opacity: 1
}

.clearIcon-oT7WrW {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal)
}

.headerContainer-2jBkWP {
    overflow: visible;
    position: relative
}

.header-VCOMen {
    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-2Y6Pk3 {
    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/a939f6aa6ca4c7b5d950ce293297ea7a.svg)
}

.cancelButton-1Iue3i {
    color: var(--interactive-active)
}

.cancelButton-1Iue3i:hover {
    text-decoration: underline
}

.statusOptionItem-3aZ-A7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.statusIcon-3YqHFc {
    margin-right: 8px
}

.mainLoginContainer-psZnyz {
    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
}

.title-3Vfn5S {
    text-align: center;
    width: 100%
}

.subtitle-N87Vzb {
    padding: 0 20px;
    margin-bottom: 10px
}

.loginForm-3gN0jt {
    margin-top: 16px
}

.paddingResetLeft-1ThpzG {
    padding-left: 0
}

.navRow-dG-XX8 {
    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;
    background-color: #202225;
    border-radius: 0 0 5px 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.theme-light.navRow-dG-XX8 {
    background-color: var(--background-tertiary)
}

.theme-dark.navRow-dG-XX8 {
    background-color: #202225
}

.backButton-2rLJZw,
.continueButton-3SZT3h {
    width: auto;
    margin: 16px
}

.theme-light.backButton-2rLJZw {
    color: var(--interactive-normal)
}

.theme-light.backButton-2rLJZw:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: var(--interactive-normal);
    text-decoration-color: var(--interactive-normal)
}

.theme-dark.backButton-2rLJZw {
    color: #b9bbbe
}

.theme-dark.backButton-2rLJZw:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #b9bbbe;
    text-decoration-color: #b9bbbe
}

.modal-2kxPcX {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 300px
}

.card-14SgW5,
.modal-2kxPcX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    width: 480px
}

.card-14SgW5 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #2f3136;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px 5px 0 0;
    padding: 24px 16px
}

.modal-1ocm0B {
    position: relative
}

.header-1LSUD5 {
    padding: 8px 0;
    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
}

.modalCloseButton-3DSpqK {
    position: absolute;
    top: 12px;
    right: 8px;
    z-index: 10
}

.headerText-cdBwty {
    font-weight: 600;
    line-height: 30px
}

.subheaderText-2Slnoc {
    margin-top: 8px
}

.actions-1qEPMo {
    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;
    margin: 16px 0
}

.infoMessage-1hElGs {
    margin-bottom: 16px
}

.container-1S70rv {
    border-radius: 5px;
    width: 250px;
    overflow: hidden
}

.container-1S70rv .sectionTag-28mLyE {
    padding: 0
}

.container-1S70rv .sectionTag-28mLyE:before {
    display: none
}

.container-1S70rv .headerText-27z-EV {
    color: var(--header-secondary);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0;
    margin-right: 5px
}

.container-1S70rv .input-2lpFVz {
    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-1S70rv .header-3i_Csh {
    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-1S70rv .header-3i_Csh:before {
    display: none
}

.autocompleteShadow-2nfsSy {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    overflow: hidden
}

.autocompleteArrowWrapper-Kr4DnW {
    position: absolute;
    margin-left: -8px;
    overflow: hidden;
    width: 16px;
    height: 12px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 50%
}

.autocompleteArrow-jJE9TQ {
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.autocompleteHeaderBackground-3u7TwO {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    z-index: -1
}

.autocompleteScroller-3L6kmy {
    height: 280px;
    padding: 8px 0
}

.empty-3J6aBo,
.section-3PvCGN {
    padding: 0 20px;
    line-height: 44px
}

.empty-3J6aBo:last-of-type,
.section-3PvCGN:last-of-type {
    border-radius: 0 0 3px 3px
}

.section-3PvCGN {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700
}

.row-1Ib2uD {
    color: var(--interactive-normal);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 0 8px
}

.row-1Ib2uD:focus .rowInner-3uonq8,
.row-1Ib2uD:hover .rowInner-3uonq8 {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.row-1Ib2uD.selected-1IWCoj .rowInner-3uonq8 {
    background-color: var(--background-modifier-selected);
    color: var(--interactive-active)
}

.rowInner-3uonq8 {
    border-radius: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 12px
}

.empty-3J6aBo .noResultsHeader-2crZUK {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 15px 0 0
}

.empty-3J6aBo p {
    font-size: 16px;
    text-align: center;
    margin: -20px 0 18px
}

.positionBottom-1pd-ap .autocompleteArrowWrapper-Kr4DnW {
    top: 0;
    -webkit-transform-origin: top;
    transform-origin: top
}

.positionBottom-1pd-ap .autocompleteArrow-jJE9TQ {
    position: absolute;
    top: -4px;
    left: 4px
}

.positionTop-3SXWNj .autocompleteArrowWrapper-Kr4DnW {
    bottom: 0;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.positionTop-3SXWNj .autocompleteArrow-jJE9TQ {
    position: absolute;
    bottom: -4px;
    left: 4px
}

.positionTop-3SXWNj .autocompleteHeaderBackground-3u7TwO {
    border-radius: 0 0 5px 5px
}

.positionTop-3SXWNj .sectionTag-28mLyE {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.theme-dark .container-1S70rv .input-2lpFVz {
    color: #f6f6f7
}

.theme-dark .container-1S70rv .input-2lpFVz::-webkit-input-placeholder {
    color: #72767d
}

.theme-dark .container-1S70rv .input-2lpFVz::-moz-placeholder {
    color: #72767d
}

.theme-dark .container-1S70rv .input-2lpFVz:-ms-input-placeholder {
    color: #72767d
}

.theme-dark .container-1S70rv .input-2lpFVz::placeholder {
    color: #72767d
}

.theme-dark .container-1S70rv .sectionTag-28mLyE {
    background-color: #2f3136;
    color: #72767d
}

.theme-dark .autocompleteArrow-jJE9TQ,
.theme-dark .autocompleteShadow-2nfsSy {
    -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-jJE9TQ,
.theme-dark .header-3i_Csh {
    background-color: #202225
}

.theme-dark .empty-3J6aBo .noResultsHeader-2crZUK {
    color: #b9bbbe
}

.theme-dark .empty-3J6aBo p {
    color: #72767d
}

.theme-light .container-1S70rv .input-2lpFVz {
    color: #4f545c
}

.theme-light .container-1S70rv .input-2lpFVz::-webkit-input-placeholder {
    color: #b9bbbe
}

.theme-light .container-1S70rv .input-2lpFVz::-moz-placeholder {
    color: #b9bbbe
}

.theme-light .container-1S70rv .input-2lpFVz:-ms-input-placeholder {
    color: #b9bbbe
}

.theme-light .container-1S70rv .input-2lpFVz::placeholder {
    color: #b9bbbe
}

.theme-light .container-1S70rv .sectionTag-28mLyE {
    background-color: #fff;
    color: #72767d
}

.theme-light .autocompleteArrow-jJE9TQ,
.theme-light .autocompleteShadow-2nfsSy {
    -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-jJE9TQ,
.theme-light .header-3i_Csh {
    background-color: #f6f6f7
}

.theme-light .empty-3J6aBo .noResultsHeader-2crZUK {
    color: #72767d
}

.theme-light .empty-3J6aBo p {
    color: #b9bbbe
}

.iconButton-2AWxVl {
    position: relative;
    cursor: pointer;
    background-size: 100%;
    background-color: transparent
}

.iconButton-2AWxVl:disabled {
    pointer-events: none
}

.iconButtonDefault-2iIOyI {
    opacity: .6
}

.iconButtonDefault-2iIOyI:hover {
    opacity: 1
}

.iconButtonDefault-2iIOyI:disabled {
    opacity: .3
}

.iconButtonStatic-2VqTXI {
    opacity: 1
}

.iconButtonStatic-2VqTXI:disabled {
    opacity: .6
}

.large-1EnOny {
    width: 36px;
    height: 36px
}

.medium-2h37x3 {
    width: 24px;
    height: 24px
}

.small-1en5pk {
    width: 18px;
    height: 18px
}

.xsmall-2q5xgL {
    width: 12px;
    height: 12px
}

.role-3pGE29 {
    height: 32px;
    margin-top: 0;
    margin-bottom: 0 !important
}

.role-3pGE29:focus-within .roleOverflow-1ALvWs,
.role-3pGE29:hover .roleOverflow-1ALvWs {
    visibility: visible
}

.roleInner-Cc7SzS {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.roleOverflow-1ALvWs {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    color: var(--interactive-normal);
    visibility: hidden;
    cursor: pointer
}

.roleOverflow-1ALvWs.open-2V2GOV {
    visibility: visible
}

.lock-1JIwFV {
    position: relative;
    top: -1px;
    margin-right: 4px;
    width: 18px;
    height: 18px
}

.dragged-S44x-A {
    height: 32px;
    background-size: 100% 100%
}

.theme-light .dragged-S44x-A {
    background-image: url(/assets/5c04f20482acf883864fb4b8ebe4c21d.svg)
}

.theme-dark .dragged-S44x-A {
    background-image: url(/assets/821af47396cd9ac94ff55bfb5f5d94c3.svg)
}

.container-1F0zy0 {
    min-height: 100vh;
    position: relative
}

.sidebarHeader-1rstuK {
    opacity: .9;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.sidebarHeader-1rstuK:hover,
.sidebarHeader-1rstuK:hover .addRoleIcon-3bdozK {
    opacity: 1
}

.layoutStyle-3d1mjU {
    position: relative;
    padding: 24px 15px 80px 0;
    color: var(--text-normal)
}

.inline-Kpwt8f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.xsmallAvatar-3_wDVZ {
    width: 20px !important;
    height: 20px !important
}

.sidebarHeaderDefault-1BHqHQ {
    cursor: pointer;
    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
}

.sidebarHeaderLocked-1hSOIw {
    cursor: default
}

.addRoleIcon-3bdozK {
    opacity: .8;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.username-1M6dw9 {
    margin-left: 8px
}

.description-CNp7bS {
    margin-bottom: 20px
}

.button--NQayD {
    margin: 0 auto
}

.userRowAvatar-1_vHvb {
    margin-right: 16px
}

.userRowSubText-yuEaUZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px
}

.userRowSubAvatar-SsGWIw {
    margin-right: 4px
}

.permissionsForm-35gjPz:not(:last-of-type) {
    margin-bottom: 40px
}

.advancedModeDivider-2GZv7R {
    margin: 40px 0 31px
}

.advancedTitle-s3s2oT {
    cursor: pointer
}

.titleCaret-1mMeCk {
    vertical-align: bottom;
    margin-left: 14px
}

.cardContent-1-5hym {
    padding: 16px
}

.cardTitle-2BSe3L {
    font-weight: 600
}

.cardDescription-28p4PG {
    padding-top: 8px;
    padding-left: 4px
}

.card-2EUiNF {
    background: var(--background-secondary);
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px
}

.label-242T8_ {
    margin: 0 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.easyModeContainer-pyp5jS {
    padding: 0
}

.settingCard-xZSDjS {
    margin-top: 16px;
    background: var(--background-secondary);
    border-radius: 8px
}

.settingCard-xZSDjS.active-3EK-ed {
    background: var(--background-secondary-alt)
}

.cardIcon-2nTUq4 {
    color: var(--text-normal)
}

.cardFolder-3H4uH4 {
    background: var(--background-secondary);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.adminWarning-2YLvNb,
.folderHeader-2FpErk {
    padding: 16px
}

.folderTitle-10TLL9 {
    margin: 0;
    color: var(--text-normal)
}

.sectionTitle-2Ao270 {
    padding-bottom: 16px
}

.roleMemberList-ub4EsQ {
    max-height: 400px;
    padding: 0 16px 8px
}

.divider-3E_SnA {
    padding-bottom: 16px
}

.memberRow-1p7Jls {
    padding: 0 4px 16px
}

.rowHeight-2BK37t {
    height: 24px
}

.rowLabel-3G5iEA {
    margin-left: 8px
}

.rowBotTag-2uwmp9 {
    margin-left: 4px
}

.rowLabelSubText-1GoUsJ {
    margin-left: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px
}

.removeIconContainer-1CHhXa {
    margin-left: 8px
}

.removeIcon-26pNo1 {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal);
    cursor: pointer
}

.disabledRemoveIcon-3upLsy {
    color: var(--interactive-muted);
    cursor: auto
}

.formTitle-Q90K76 {
    margin-bottom: 8px
}

.description-4LaxW5 {
    margin-bottom: 16px
}

.tags-2DcB-j {
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.addTags-2AjBTc,
.tags-2DcB-j {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.addTags-2AjBTc {
    cursor: pointer;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.addTags-2AjBTc:not(.disabled-3PMmne):hover {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*51.4%), 52.4%)
}

.addTags-2AjBTc.disabled-3PMmne {
    cursor: not-allowed;
    opacity: .5
}

.category-CysNYv {
    margin-left: 4px;
    font-size: 10px;
    opacity: .6;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: nowrap
}

.channelIcon-MEbqdP {
    position: relative;
    margin-right: 2px;
    display: inline;
    vertical-align: top;
    top: 2px
}

.background-H6jYn8 {
    opacity: .6
}

.channelName-27ubOY {
    margin: 0 0 8px 8px
}

.username-1olSm9 {
    padding-left: 4px
}

.valueIcon-1tW6KO {
    float: left;
    position: relative;
    top: -1px
}

.theme-dark .item-1TpRGb {
    color: #f6f6f7
}

.theme-dark .itemValue-1-Xx5h {
    color: #b9bbbe
}

.theme-light .item-1TpRGb {
    color: #4f545c
}

.theme-light .itemValue-1-Xx5h {
    color: #72767d
}

.title-3mdsZ_ {
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: default;
    overflow: hidden;
    word-wrap: break-word
}

.videoWrapper-3N9MFa {
    width: 320px;
    height: 180px
}

.allowSelection-2n5Jwc {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.channelItem-3LVfOf {
    margin-left: -8px;
    margin-bottom: 8px
}

.avatar-1to6To {
    width: 20px !important;
    height: 20px !important
}

.theme-dark .videoPreview-mD03Eu {
    background-color: #2f3136;
    border: 1px solid #202225
}

.theme-light .videoPreview-mD03Eu {
    background-color: #f6f6f7;
    border: 1px solid #dcddde
}

.nicknameDisabled-2cZ4rY {
    margin-top: 4px
}

.guildInfo-1yK_iS {
    margin-top: -12px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--background-modifier-accent)
}

.guildInfo-1yK_iS,
.notice-5OG6bf {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.notice-5OG6bf {
    background-color: var(--background-secondary);
    padding: 8px;
    border-radius: 4px
}

.nitroWheel-2eWO10 {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-left: 2px;
    vertical-align: sub
}

.upsellContainer-3qKRln {
    margin: 24px 0;
    padding: 16px;
    background-color: var(--background-secondary);
    border-radius: 4px
}

.upsellButton-p0VxDH {
    margin-top: 8px
}

.upsellButtonInner-D6FsI6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.premiumIconButton-2TKXIT {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.guildIconInline-3e3x9Y {
    display: inline-block;
    margin-right: 4px;
    border-radius: 4px
}

.warningCircleIcon-JjxdGS {
    color: var(--status-warning);
    margin-right: 6px;
    height: 14px;
    width: 14px
}

.title-3YHIL7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}


.card-1LSSlz {
    padding: 10px;
    line-height: 20px
}


.warning-2xeJH2 {
    color: #fff
}

.carousel-2_a8sX {
    max-width: 100%;
    background-color: transparent;
    margin-bottom: 16px
}

.carouselModal-1eUFoq {
    width: 100vw;
    height: 100vh
}

.spacedButton-3yVAv- {
    margin: 0 8px
}

.body-1sz6St {
    margin-bottom: 16px
}

.container-37hMOs {
    min-height: auto
}

.content-36JMqa {
    padding: 16px
}

.descriptionText-19Eggd {
    margin-top: 8px
}

.manualApprovalDescriptionText-153nRx {
    margin-top: 8px;
    margin-bottom: 14px
}

.actionButton-bcXdbz {
    margin-left: 8px
}

.actionText-1Ir1g6 {
    margin-top: 8px;
    cursor: pointer
}

.header-_mZQbG {
    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;
    height: 24px
}

.content-aEzFwO {
    padding: 16px
}

.seperator-II3S7b {
    margin: 16px 0;
    border-bottom: 1px solid var(--background-modifier-accent)
}

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

.modalRoot-1fD1AL {
    height: 100%;
    width: auto
}

.contentWrapper-2pLX__ {
    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;
    height: 100%;
    width: 424px;
    grid-template-rows: auto 1fr;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.nav-3FEad7 {
    padding: 16px 16px 8px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
}

.navUploadSelected-1B--KS {
    padding-bottom: 16px;
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low)
}

.navList-OZXhFv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navItem-1Ka4aR {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.navItem-1Ka4aR+.navItem-1Ka4aR {
    margin-left: 8px
}

.navButton-2UXXaK {
    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-2UXXaK:hover {
    color: var(--interactive-hover)
}

.navButtonActive-2Ad1wV {
    background-color: var(--background-accent);
    color: #fff
}

.navButtonActive-2Ad1wV:hover {
    color: #fff
}

.uploadContainer-3Z3DRV {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: var(--text-normal)
}

.uploadContainer-3Z3DRV,
.uploadIconOuterContainer-Yg9Hex {
    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
}

.uploadIconOuterContainer-Yg9Hex {
    position: relative
}

.uploadIconInnerContainer-2q37tB {
    padding: 8px;
    position: absolute;
    border-radius: 8px;
    background: var(--background-tertiary)
}

.uploadIcon-5s55hE {
    width: 40px;
    height: 40px
}

.uploadInfo-KPs2s0 {
    padding-top: 24px;
    padding-bottom: 10px
}

.uploadError-3_-L4b {
    padding: 8px 32px;
    text-align: center;
    line-height: 20px
}

.closeButton-2QQv5J {
    position: absolute;
    top: 12px;
    right: 12px
}

.modalContent-3Z8-72 {
    padding-top: 16px;
    padding-bottom: 16px
}

.icon-1arLT4,
.spacer-1Qw3Hb {
    height: 24px
}

.icon-1arLT4 {
    width: 24px;
    color: var(--interactive-normal);
    margin-right: 8px
}

.inputWrapper-3i2RN0 {
    position: relative
}

.inputInner-2KRDKw {
    padding-left: 36px
}

.inputPrefix-1xfWDj {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 8px;
    color: var(--interactive-normal)
}

.backButton-1o5led {
    min-width: 0;
    padding: 0
}

.backButtonInner-2MYLFg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-2Cx7rS {
    padding-top: 32px;
    padding-bottom: 24px;
    text-align: center
}

.subtitle-1982Ph {
    margin-top: 8px
}

.roleContainer-iq-7kI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.roleName-3ombJX {
    margin-left: 4px
}

.contentContainer-3ZWI2T {
    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-232HL8 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px;
    margin-right: 16px
}

.list-2h9_5D {
    height: 260px
}

.rowContainer-3kH7cU {
    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-utPYz4 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.memberDetails-3OtREV {
    margin-left: 16px;
    min-width: 0
}

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

.buttonsRight-2A6F3U,
.footer-BOeUOq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.buttonsRight-2A6F3U {
    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-3a0qc1 {
    padding-left: 0
}

.noScroll-38gNwa {
    overflow-y: visible !important;
    padding: 0
}

.container-1cpxZE {
    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-3ojOk0 {
    padding: 24px 12px
}

.innerSequencer-2__b_I,
.sequencer-3ojOk0 {
    overflow: unset;
    overflow-y: visible
}

.modal-1gWd9S {
    overflow-x: hidden;
    width: 100%
}

.modal-1gWd9S,
.overviewSidebar-3JDLaJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.overviewSidebar-3JDLaJ {
    -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%, hsl(254, calc(var(--saturation-factor, 1)*92%), 53%)), color-stop(69.44%, hsl(246, calc(var(--saturation-factor, 1)*82%), 62%)), color-stop(106.24%, hsl(239, calc(var(--saturation-factor, 1)*77%), 66%)));
    background: linear-gradient(180deg, hsl(254, calc(var(--saturation-factor, 1)*92%), 53%) 6.65%, hsl(246, calc(var(--saturation-factor, 1)*82%), 62%) 69.44%, hsl(239, calc(var(--saturation-factor, 1)*77%), 66%) 106.24%);
    padding: 24px;
    overflow: hidden
}

.header-3ABLD1 {
    color: #fff
}

.closeButton-3oPtR8 {
    position: absolute;
    top: 12px;
    right: 0;
    z-index: 2
}

.footer-3SrDqT {
    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-eGJA8e {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.overviewStep-1CG3Ov {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.stepTitle-2LVW-a {
    color: #fff
}

.stepIndex-Kqaht- {
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, .15);
    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-2HDz3F .stepTitle-2LVW-a {
    font-weight: 700;
    color: #fff
}

.selected-2HDz3F .stepIndex-Kqaht- {
    color: var(--brand-experiment);
    background-color: #fff
}

.container-1Vmp-9 {
    min-height: 500px
}

.content--gAC_W {
    text-align: center
}

.headerCaption-3Tw9SO {
    color: var(--header-secondary)
}

.form-2M2iNc {
    margin-top: 24px
}

.description-38jVtx {
    margin-bottom: 12px
}

.icon-2KaAze {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.header-3h1Ldm {
    margin-top: 20px;
    margin-bottom: 8px
}

.closeButton-2tpPHC {
    position: absolute;
    top: 16px;
    right: 12px
}

.footer-2bYggG {
    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-3vfLSv {
    margin-top: 16px;
    white-space: pre-line
}

.disabled-yzYZmY:active {
    pointer-events: none
}

.footerImage-1wk000 {
    -webkit-transform: translate(60px, 20px);
    transform: translate(60px, 20px)
}

.closeButton-3R0Mq5 {
    position: absolute;
    top: 12px;
    right: 12px
}

.modalContents-CkPqoE {
    padding: 0 20px 24px
}

.headerText-2VPbLb {
    margin-top: 16px
}

.formDescription-1gW_br {
    margin: 8px 0 24px
}

.channelDescriptionWrapper-1IPt5G {
    position: relative
}

.emojiButtonContainer-1n1BNw {
    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-3mVSVv.fullOpacity-2Fx3rR {
    opacity: 1
}

.emoji-GjPuqX {
    width: 20px;
    height: 20px
}

.input-3sjKkY {
    padding-left: 40px;
    padding-right: 36px
}

.clearButton-3-toB6 {
    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-3-toB6:focus,
.clearButton-3-toB6:hover {
    opacity: 1
}

.clearIcon-3PdJSy {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal)
}

.footer-Shj_1t {
    z-index: -1
}

.tooltip-1TD4Kq {
    max-width: 150px;
    margin-bottom: 2px
}

.container-2pkKuY {
    min-height: 500px
}

.content-3l3ZgS {
    text-align: center
}

.headerCaption-FbKE0R {
    color: var(--header-secondary)
}

.form-LwXJXu {
    margin-top: 24px
}

.description-148gqD,
.header-14f49_ {
    margin-bottom: 8px
}

.header-14f49_ {
    margin-top: 16px
}

.checkboxTitle-_pdHHj {
    margin-bottom: 4px
}

.textArea-2t9HEG {
    height: 140px
}

.footerImage-2TXOSn {
    -webkit-transform: translate(60px, 20px);
    transform: translate(60px, 20px)
}

.subcategory-PY4YL_ {
    -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)
}

.subcategory-PY4YL_:hover {
    text-decoration: none
}

.closeWrapper-22pqNU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2px
}

.close-1QCC3m {
    color: var(--interactive-normal)
}

.close-1QCC3m:active,
.close-1QCC3m:hover {
    cursor: pointer;
    color: var(--interactive-active)
}

.stepImage-1Ug5Y0 {
    background-repeat: no-repeat;
    background-size: 80px;
    display: inline-block;
    width: 80px;
    height: 74px
}

.theme-light .subcategory-PY4YL_ {
    background-color: var(--background-tertiary)
}

.theme-light .checkImage-33CSZl {
    background-image: url(/assets/148f1855747994b4d58b685f8a36c591.svg)
}

.theme-light .tagImage-1hIwJJ {
    background-image: url(/assets/c84cb9e80bae3fc33ac8085581bc2246.svg)
}

.theme-light .pencilImage-_srmuL {
    background-image: url(/assets/261606ef80f1df34294a17e08b1db988.svg)
}

.theme-dark .subcategory-PY4YL_ {
    background-color: var(--background-accent)
}

.theme-dark .checkImage-33CSZl {
    background-image: url(/assets/b6193b9564ca0ecbbd1ed6b80f47646d.svg)
}

.theme-dark .tagImage-1hIwJJ {
    background-image: url(/assets/2c49cb0b019dc56e36e7ed5602c37aee.svg)
}

.theme-dark .pencilImage-_srmuL {
    background-image: url(/assets/8defbbe53b9bd1536fa6636bc2f0a835.svg)
}

.tags-2YyjFZ {
    min-height: 100px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.tags-2YyjFZ.error-2Cn-dW {
    border-color: var(--status-danger)
}

.checkboxWrapper-qAQp2n {
    margin-top: 8px;
    border: 1px solid var(--background-tertiary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.error-2Cn-dW {
    margin-top: 4px
}

.tagContainer-1MdGLi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tag-1DgrmF {
    margin-right: 8px;
    margin-bottom: 8px
}

.tag-1DgrmF.usedTag-1eMxme {
    opacity: .3
}

.content-2NoOb1 {
    padding: 24px
}

.modalHeader-2e3rrC {
    margin-bottom: 16px
}

.marginAfter-1htEEe {
    margin-bottom: 8px
}

.separator-2i6icb {
    width: 100%;
    height: 1px;
    background-color: var(--background-modifier-accent);
    margin: 24px 0
}

.failingBlock-2Us5Ja {
    margin-bottom: 24px
}

.closeButton-3ACdeG {
    position: absolute;
    top: 12px;
    right: 12px
}

.progressWrapper-1NcafQ {
    position: relative;
    height: 8px;
    margin: 16px 0 8px
}

.progressBackground-351y8p {
    width: 100%;
    background-color: var(--background-secondary)
}

.progressBackground-351y8p,
.progressBar-1AUCUG {
    position: absolute;
    height: 8px;
    border-radius: 4px
}

.progressBar-1AUCUG {
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.labelWrapper-2HCPHt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.requirement-2jp1Bl {
    text-align: right
}

.bold-1hEKLH {
    font-weight: 600
}

.syncCard-Mu6lpD {
    background-color: var(--background-secondary-alt)
}

.headerDescription-3ruLPN {
    margin-left: 14px
}

.modalBody-3-seO3 {
    background-color: var(--background-secondary)
}

.modalFooter-Ywt9Jo {
    background-color: var(--background-tertiary) !important
}

.modalHeader-1hF3w- {
    background-color: var(--background-secondary-alt)
}

.noItemsSelected-2KAW2_ {
    text-align: center
}

.section-1bYCmt {
    padding: 10px 0
}

.header-tY4USd {
    text-align: center;
    width: 100%
}

.item-1wqc0G {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 6px 0
}

.maximumSet-2ZQzd7 {
    margin-top: 8px;
    text-align: center
}

.resultList-T__5AL {
    padding: 20px 8px
}

.searchBar-3jeDSV {
    background-color: var(--background-secondary);
    border-color: var(--background-tertiary)
}

.spacing-1dHSoA {
    margin: 8px 0 16px
}

.pruneDetails-3xxcd5 {
    margin: 20px 0
}

.role-1N0VqT {
    margin: 4px 4px 4px 0;
    color: var(--text-normal)
}

.content-1x29-w {
    overflow: unset;
    overflow-y: visible;
    padding: 0 16px;
    z-index: 2
}

.container-1cfWsk {
    background-color: var(--background-tertiary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guildBoostingIcon-1GgAQo {
    color: hsl(302, calc(var(--saturation-factor, 1)*100%), 72.5%);
    padding-left: 12px;
    padding-right: 8px
}

.subscribeButton-1tIgqM {
    margin-left: auto;
    font-weight: 600
}

.notice-1Qe0b_ {
    background-color: var(--background-tertiary);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.noticeWithoutRightPadding-8tvUxG {
    padding: 8px 0 8px 8px
}

.noticeWithRightPadding-2_ykr4 {
    padding: 8px
}

.noticeLeft-1Bcjql {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-1YUWIM {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.text-3bXy2L {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 16px
}

.nitroPreviewUpsell-3Tk6cW {
    border-radius: 5px 5px 0 0;
    padding-right: 0;
    padding-left: 12px
}

.modalContent-317Xyq {
    -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-1_nnqZ,
.modalContent-317Xyq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.editingContainer-1_nnqZ {
    -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;
    min-height: 300px;
    height: 400px;
    max-height: 500px
}

.image-1G7u8D {
    height: 100%;
    pointer-events: all;
    position: absolute
}

.image-1G7u8D,
.imageEnabled-1YWj9D {
    cursor: -webkit-grab;
    cursor: grab
}


.imageDisabled-3ulaET {
    cursor: not-allowed
}

.icon-3CEl7H {
    color: var(--text-normal);
    padding: 0 20px
}

.overlay-2-HuaL {
    z-index: 1;
    border: 5px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    position: absolute;
    -webkit-box-shadow: rgba(47, 49, 54, .6) 0 0 0 9999px;
    box-shadow: 0 0 0 9999px rgba(47, 49, 54, .6)
}

.overlayAvatar-1U_zp1 {
    border-radius: 50%
}

.sliderContainer-1GcdpQ {
    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-2wzx93 {
    margin-right: 12px
}

.modalFooter-1jplRO {
    -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
}

.buttonsRight-21z8KV,
.modalFooter-1jplRO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buttonsRight-21z8KV {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.titleCase-3uI8dX {
    text-transform: none
}

.modalHeader-1nzW1E {
    padding: 16px 16px 16px 20px
}

.modalTitle-2rlE_E {
    margin-bottom: 8px
}

.modalContent-1uVMnp {
    padding: 0 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modalCloseButton-19Fmel {
    position: absolute;
    top: 16px;
    right: 16px
}

.optionBox-1UOevl {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--background-secondary-alt);
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    cursor: pointer;
    padding: 16px;
    width: 192px
}

.optionBox-1UOevl:first-child {
    margin-right: 16px
}

.optionBox-1UOevl:hover {
    border-color: var(--brand-experiment)
}

.optionBox-1UOevl:hover .optionBoxText-3NXexb {
    color: var(--interactive-active)
}

.contentCircle-15IFyT {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 128px;
    width: 128px;
    background-color: var(--brand-experiment);
    border-radius: 128px;
    margin: 0 auto;
    overflow: hidden
}

.contentCircle-15IFyT,
.optionBoxText-3NXexb {
    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
}

.optionBoxText-3NXexb {
    margin-top: 16px;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    line-height: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.optionBoxDescription-1s4xch {
    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
}

.nitroWheel-39nBjR {
    margin-right: 6px;
    width: 20px;
    height: 20px
}

.uploadIcon-2zMtOT {
    height: 24px;
    width: 24px;
    color: #fff;
    padding-top: 2px;
    padding-left: 5px
}

.gifGrid-2qiEW6 {
    display: grid;
    grid-template-rows: 64px 64px;
    grid-template-columns: 64px 64px
}

.gif-38WdXH {
    background-size: cover
}

.gifIconContainer-3os21a {
    position: absolute;
    background-color: #36393f;
    opacity: .88;
    height: 54px;
    width: 54px;
    border-radius: 54px;
    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
}

.gifIcon-3NzDDk {
    background-color: #fff;
    opacity: 1
}

.nitroWheelFlair-1tuk_b {
    width: 16px;
    height: 16px
}

.nitroWheelFlairContainer-1qDZcF {
    margin-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pillWrapper-2QMLJj {
    border-radius: 100px;
    padding: 4px;
    margin-bottom: 4px;
    background-color: var(--background-floating)
}

.container-2Sscuz {
    min-height: 480px;
    -ms-flex-direction: column;
    flex-direction: column
}

.centeredContent-fvnI9J,
.container-2Sscuz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.centeredContent-fvnI9J {
    -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-1Mh3a2 {
    text-align: center
}

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

.headerCaption-2LApCE,
.headerCaptionSecondLine-3pBKzJ {
    color: var(--header-secondary)
}

.headerCaptionSecondLine-3pBKzJ {
    margin-top: 16px
}

.formItem-1qIqUO,
.twoColumn-1bWH1V {
    margin-top: 24px
}

.twoColumn-1bWH1V {
    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-1NW5ja {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.spacedColumnItem-WQMuT5 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-right: 16px
}

.description-2vpQCW {
    margin-bottom: 8px
}

.otherDescription-3nwuu2 {
    margin: 8px 0
}

.tag-1zsVaK {
    -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-1zsVaK:hover {
    text-decoration: none
}

.closeWrapper-1DO9IP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2px
}

.close-11rFtL {
    width: 12px;
    height: 12px;
    color: var(--interactive-normal)
}

.close-11rFtL:active,
.close-11rFtL:hover {
    cursor: pointer;
    color: var(--interactive-active)
}

.theme-light .tag-1zsVaK {
    background-color: var(--background-tertiary)
}

.theme-dark .tag-1zsVaK {
    background-color: var(--background-accent)
}

.buttonFlexContainer-2yviYR {
    margin: 4px 0 0
}

.buttonWrapper-25B1p6 {
    position: relative;
    margin-left: 0;
    margin-right: 12px
}

.buttonWrapper-25B1p6 .oauthButton-29DA0S {
    border-radius: 4px;
    border: 1px solid var(--background-tertiary);
    background-color: var(--background-secondary)
}

.buttonWrapper-25B1p6 .oauthButton-29DA0S:hover {
    border-color: var(--background-tertiary);
    background-color: var(--background-secondary-alt)
}

.buttonWrapper-25B1p6 .connected-AiEZZd {
    opacity: .75;
    border: 2px solid var(--brand-experiment)
}

.buttonWrapper-25B1p6 .connected-AiEZZd:hover {
    opacity: 1;
    border: 2px solid var(--brand-experiment)
}

.checkmarkCircle-3slk6k {
    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
}

.card-1AUjv4 {
    margin-bottom: 20px;
    padding: 10px;
    line-height: 20px
}

.itemGroup-3Zbsys {
    margin-bottom: 8px
}

.modalContent-RZal_5 {
    padding-bottom: 24px
}

.reset-3eE8VE {
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    margin-top: 8px
}

.reset-3eE8VE:hover {
    opacity: 1;
    text-decoration: underline
}

.nickError-1rRnPH {
    margin-top: 8px
}

.warning-39fhcZ {
    color: #fff
}

.disabled-1DEyQA {
    opacity: .4;
    position: relative
}

.disabled-1DEyQA:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.description-2pRfjZ {
    margin-bottom: 16px
}

.input-2i7ay7 {
    margin-bottom: 8px
}

.reset-Gp82ub {
    text-transform: capitalize;
    cursor: pointer;
    margin-bottom: 20px;
    padding-left: 1px;
    padding-right: 1px;
    opacity: .6
}

.reset-Gp82ub:hover {
    opacity: 1;
    text-decoration: underline
}

.header-3JIJtW {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.closeButton-38J2KI:hover {
    cursor: pointer
}

.closeButton-38J2KI:hover .closeIcon-3rYfCQ {
    color: var(--interactive-active)
}

.closeIcon-3rYfCQ {
    color: var(--interactive-normal)
}

.selectorHeader-3Kmmam {
    padding-top: 16px;
    padding-bottom: 8px
}

.selectorButton-1EQtQx {
    min-width: 36px;
    padding: 6px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background: var(--background-secondary)
}

.selectorButton-1EQtQx:hover {
    background-color: var(--brand-experiment)
}

.selectorButton-1EQtQx:hover .selectorText-26FRYn {
    color: #fff
}

.selectorButtonSelected-1VZ6hz {
    background-color: var(--brand-experiment)
}

.auditLogDisclosure-3-zJRB {
    padding-top: 8px;
    padding-bottom: 16px
}

.contentContainer-1s15l2 {
    padding-bottom: 20px
}

.header-xwRB5- {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.countdown-12NvQ8 {
    color: var(--header-primary);
    font-weight: 600
}

.closeButton-NIziHa:hover {
    cursor: pointer
}

.closeButton-NIziHa:hover .closeIcon-2zacaO {
    color: var(--interactive-active)
}

.closeIcon-2zacaO {
    color: var(--interactive-normal)
}

.cta-1UrjPv {
    padding-top: 8px;
    padding-bottom: 20px
}

.title-3i5DyX {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 12px
}

.subtitle-dP0EQF {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 36px
}

.footer-k0JFJ6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.title-2W4XGh {
    margin-top: 20px
}

.subtitle-e23909,
.title-2W4XGh {
    margin-bottom: 12px
}

.question-R88W24 {
    margin-bottom: 16px
}

.modal-3c6INz {
    width: 440px
}

.otherField-2EJmju {
    margin-left: 40px;
    margin-bottom: 20px
}

.footer-2otC5r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.title-1kQYU2 {
    margin: 0
}

.name-3q13Uo {
    margin-top: 16px
}

.description-2XqzSR {
    margin-top: 8px;
    margin-bottom: 16px
}

.reset-2xIqEB {
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    margin-top: 8px
}

.reset-2xIqEB:hover {
    opacity: 1;
    text-decoration: underline
}

.content-3HmG6h {
    padding-top: 16px
}

.closeButton-2JycqK {
    position: absolute;
    top: 8px;
    right: 0
}

.headerContainer-2Ag2DH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: vertical;
    flex-direction: vertical;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-eqLiHQ {
    text-align: center;
    font-weight: 700
}

.header-eqLiHQ,
.name-33lnjT {
    margin-top: 32px
}

.name-33lnjT {
    margin-bottom: 16px
}

.spacing-YMH87Q {
    margin-bottom: 20px
}

.smallSpacing-FjVVs3 {
    margin-bottom: 8px
}

.largeSpacing-22TLsQ {
    margin-bottom: 40px;
    margin-top: 8px
}

.lighten-_eaPS6 {
    opacity: .6
}

.marginReset-2d20Uv {
    margin: 0
}

.checkboxContainer-1NbL2v {
    position: relative
}

.checkboxContainer-1NbL2v:before {
    content: "";
    position: absolute;
    top: 0;
    left: -26px;
    width: 1px;
    height: 100%
}

.checkboxMute-1erNeD {
    position: relative
}

.checkboxMute-1erNeD:before {
    content: "";
    position: absolute;
    top: -16px;
    left: -26px;
    right: -26px;
    bottom: -16px;
    background-color: rgba(0, 0, 0, .1)
}

.checkboxContainerMuted-1l7Hy4 {
    opacity: .3
}

.muteUntilTitle-2WkNcJ {
    margin: 0
}

.muteUntilText-uSYgqO {
    color: var(--header-secondary)
}

.muteTimeSelector-3TkgEy {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.checkboxGroup-uXi80g {
    width: 300px
}

.overrideList-1mnGiL {
    padding-bottom: 12px
}

.override-1sK4r0,
.overrideHighlight-3f-yyO {
    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-1sK4r0:focus-within .removeOverride-26fy8R,
.override-1sK4r0:hover .removeOverride-26fy8R,
.overrideHighlight-3f-yyO:focus-within .removeOverride-26fy8R,
.overrideHighlight-3f-yyO:hover .removeOverride-26fy8R {
    opacity: 1
}

.overridePlaceholder-1nDEsX {
    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
}

.nameContainer-rF22Er {
    min-width: 0
}

.icon-qThCQ9 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    align-self: center;
    height: 20px
}

.overrideHeader-1R6yls {
    font-weight: 600
}

.header-2BMCBr {
    margin-bottom: 8px;
    color: var(--text-normal)
}

.headerName-3l1jaS {
    margin-left: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.headerOption-34DUW8 {
    cursor: default;
    text-align: center;
    width: 75px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.removeOverride-26fy8R {
    position: absolute;
    top: -12px;
    right: -12px;
    opacity: 0
}

.channelNameContainer-30S1Sr {
    overflow: hidden;
    padding: 0 10px
}

.channelName-IPB6B3 {
    font-weight: 600
}

.channelName-IPB6B3,
.channelNameByline-tP477j {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.channelNameCategory-1_JnSF {
    font-weight: 500;
    opacity: .3;
    text-transform: uppercase;
    font-size: 11px
}

.theme-dark .channelName-IPB6B3 {
    color: #f6f6f7
}

.theme-dark .guildName-1kreI8,
.theme-dark .override-1sK4r0,
.theme-dark .overrideHighlight-3f-yyO {
    color: #b9bbbe
}

.theme-dark .override-1sK4r0:hover {
    background-color: rgba(32, 34, 37, .1)
}

.theme-dark .overrideHighlight-3f-yyO,
.theme-dark .overrideHighlight-3f-yyO:hover {
    background-color: rgba(32, 34, 37, .3)
}

.theme-dark .checkboxContainer-1NbL2v:before {
    background-color: rgba(32, 34, 37, .6)
}

.theme-dark .overridePlaceholder-1nDEsX {
    border: 1px dashed #18191c
}

.theme-light .channelName-IPB6B3 {
    color: #4f545c
}

.theme-light .guildName-1kreI8,
.theme-light .override-1sK4r0,
.theme-light .overrideHighlight-3f-yyO {
    color: #72767d
}

.theme-light .override-1sK4r0:hover {
    background-color: rgba(246, 246, 247, .1)
}

.theme-light .overrideHighlight-3f-yyO,
.theme-light .overrideHighlight-3f-yyO:hover {
    background-color: rgba(246, 246, 247, .3)
}

.theme-light .checkboxContainer-1NbL2v:before {
    background-color: rgba(220, 221, 222, .6)
}

.theme-light .overridePlaceholder-1nDEsX {
    border: 1px dashed #b9bbbe
}

.root-2q5_nS {
    width: 400px
}

.root-2q5_nS .noScroll-2HhzyL {
    overflow: visible
}

.content-26SgoF {
    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
}

.closeButton-2bPM_- {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3
}

.imageContainer-1EyRbG {
    text-align: center;
    width: 100%;
    height: 35px
}

.image-mRW1cg {
    width: 160px;
    height: 105px;
    position: relative;
    top: -72px
}

.title-2jXVHz {
    margin-bottom: 8px
}

.text-XmjmDb,
.title-2jXVHz {
    text-align: center
}

.text-XmjmDb {
    margin-bottom: 32px
}

.button-2gJEz8 {
    margin: 0 8px 24px
}

.container-2soYUF {
    padding: 0 20px
}

.row-1oTw_K {
    height: 62px;
    position: relative;
    font-size: 16px;
    line-height: 20px
}

.row-1oTw_K:hover .revokeInvite-2xqu89 {
    opacity: 1
}

.row-1oTw_K:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -18px;
    right: -18px;
    height: 1px;
    z-index: -1
}

.boostZIndex-1DZ8mX {
    z-index: 2
}

.userColumn-12llO0 {
    width: 280px
}

.code-2Gf0h- {
    -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-2Gf0h-,
.username-3_qv9x {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.username-3_qv9x {
    font-weight: 500;
    margin-left: 8px
}

.avatar-1oCtLY {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px !important;
    height: 20px !important
}

.discrimClass-DOp0rR {
    opacity: .6
}

.revokeInvite-2xqu89 {
    z-index: 2;
    position: absolute;
    top: -12px;
    right: -31px;
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.alignRight-3xdrmM {
    text-align: right
}

.countdown-1jWQ0r {
    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-1oTw_K {
    color: #f6f6f7
}

.theme-dark .row-1oTw_K:after {
    background-color: hsla(0, 0%, 100%, .04)
}

.theme-light .row-1oTw_K {
    color: #4f545c
}

.theme-light .row-1oTw_K:after {
    background-color: rgba(79, 84, 92, .04)
}

.modal-2upm8B {
    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-2ubFP8 {
    font-weight: 700
}

.image-3wHx6K {
    width: 280px;
    margin-top: -96px;
    margin-bottom: 0
}

.body-2yrtyI {
    margin: 16px 0 32px;
    font-weight: 500
}

.root-2BguC2 {
    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
}

.bugReporterSubmitModalRoot-36OLCM {
    width: 720px;
    height: auto;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-image: url(/assets/d6c7adbddb60cfed4b88a9bfa9210032.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important
}

.modalContent-17e62q {
    padding: 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
}

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

.submitText-nnR5_P {
    max-width: 360px;
    margin-top: 20px;
    font-family: Arial Rounded MT Bold;
    color: #74664b;
    font-size: 20px;
    line-height: 28px;
    text-align: center
}

.header-DdKz5e {
    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
}

.formItem-MgT2XV {
    margin-bottom: 20px
}

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

.content-3BqJRb {
    padding: 0 16px 16px
}

.buttons-SCXZU- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.inputContainer-104NH8 {
    position: relative;
    margin-top: 16px
}

.emojiButtonContainer-2HweDK {
    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-SDHzT8.fullOpacity-2y3Ls5 {
    opacity: 1
}

.emoji-1cyOGw {
    width: 20px;
    height: 20px
}

.input-16GZV5 {
    padding-left: 40px;
    padding-right: 36px
}

.clearButton-2ucDjK {
    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-2ucDjK:focus,
.clearButton-2ucDjK:hover {
    opacity: 1
}

.clearIcon-1uUuhS {
    width: 16px;
    height: 16px;
    color: var(--interactive-normal)
}

.videoBackgroundArt-2LzSkT {
    height: 154px;
    width: 225px
}

.activitiesArt-1_7xUs {
    width: 219px;
    height: 150px
}

.header-1kWa4s {
    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-3JPglK {
    font-weight: 700
}

.subtitle-36U6vW,
.title-3JPglK {
    text-align: center
}

.subtitle-36U6vW {
    margin-top: 8px
}

.modalCloseButton-1xsXvL {
    position: absolute;
    top: 16px;
    right: 16px
}

.content-18dVld {
    padding-bottom: 16px
}

.password-3sngPP {
    margin-top: 16px
}

.cancel-1Ph_Z1 {
    margin-right: 8px
}

.multiInput-1VARjC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.multiInputFirst-3-OxIz {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.multiInputField-1zyopx {
    border: none;
    background-color: transparent
}

.multiInputLast-35zVz0 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-35zVz0:before {
    width: 1px;
    height: 30px;
    content: "";
    position: absolute;
    margin-top: 5px;
    border-width: 1px;
    border-right-style: solid;
    opacity: .1
}

.questionMark-3V9mGJ {
    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-3V9mGJ .icon-3JHfo7 {
    width: 24px;
    height: 24px;
    cursor: pointer;
    -webkit-app-region: no-drag;
    color: #f6f6f7
}

.discriminatorChangeWarning-Bblkg7 {
    margin-top: 8px
}

.wrapper-1B_-IR {
    width: 100%
}

.contentWrapper-R5Fi7Q {
    padding-bottom: 20px
}


.separator-3Yurpx {
    border: 0;
    background-color: hsl(215, calc(var(--saturation-factor, 1)*9.7%), 34.3%);
    height: 1px;
    margin: 0
}

.theme-light .prompt-SAnibq {
    color: #040405
}

.theme-light .selectYourAnswer-MqT8vm {
    color: hsl(213, calc(var(--saturation-factor, 1)*9.9%), 60.4%)
}

.theme-light .separator-3Yurpx {
    background-color: hsl(216, calc(var(--saturation-factor, 1)*9.8%), 90%)
}

.theme-dark .prompt-SAnibq {
    color: #fff
}

.theme-dark .selectYourAnswer-MqT8vm {
    color: hsl(213, calc(var(--saturation-factor, 1)*9.9%), 60.4%)
}

.theme-dark .separator-3Yurpx {
    background-color: hsl(215, calc(var(--saturation-factor, 1)*9.7%), 34.3%)
}

.outerContentWrapper-2LnsCs {
    overflow: hidden;
    position: relative
}

.innerContentWrapper-yFPvBb,
.outerContentWrapper-2LnsCs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.quizResultHeading-2pj25O {
    margin-bottom: 24px;
    text-align: center;
    color: var(--text-normal)
}

.inputFirstName-2kqZ8f,
.nameFormPreface-2bT7YT {
    margin-bottom: 20px
}

.quizResultBody-3r8nU0 {
    line-height: 18px
}

.quizResultLogoWrapper-3IqnIS {
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 160px;
    height: 160px
}

.quizResultLogo-2L0JPD {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 115px;
    height: 115px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.quizResultLogoWrapperHouse1-3-XA-n {
    background-color: hsl(253, calc(var(--saturation-factor, 1)*77%), 72.7%)
}

.quizResultLogoWrapperHouse1-3-XA-n .quizResultLogo-2L0JPD {
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%)
}

.quizResultLogoWrapperHouse2-1dmp-Y {
    background-color: hsl(9, calc(var(--saturation-factor, 1)*86.5%), 68%)
}

.quizResultLogoWrapperHouse3-2o2PWy {
    background-color: hsl(169, calc(var(--saturation-factor, 1)*69.1%), 56.9%)
}

.body-2pJLwz {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 16px
}

.invoiceTable-2Nu1PL {
    margin: 16px 0
}

.cancelImage-1m7LN6 {
    background-image: url(/assets/9d16f52a2e1916dad97427908397c4d7.svg);
    width: 270px;
    height: 128px;
    margin: 0 auto 24px
}

html .invoiceCancelRow-dVOR64 {
    color: var(--status-danger)
}

.body-2mZn7a {
    color: var(--text-normal);
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 16px
}

.uncancelImage-Yn0H9o {
    background-image: url(/assets/2b793215c12cf157af4164982db28323.svg);
    width: 234px;
    height: 128px;
    margin: 0 auto 24px
}

.modalContent-3VXVtH {
    padding-top: 30px;
    text-align: center
}

.header-2oNR30 {
    padding: 42px 0 4px
}

.promo-1WmJTO {
    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-AT8fcd {
    font-weight: 600;
    margin-right: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.avatar-HoD8AX {
    position: absolute;
    top: -60px;
    left: 160px
}

.cancelButton-3ohTSd {
    margin-right: 12px
}

.modalFooter-1mgM-O {
    -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-1mgM-O,
.modalFooterActions-72NxEs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modalFooterActions-72NxEs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.modalTitle-2vCgRK {
    margin-bottom: 0
}

.modalContent-20ynPO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.decorationGridItem-3CoeNN {
    background-color: #000;
    cursor: pointer;
    border-radius: 4px;
    -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;
    margin-right: 8px
}

.decorationPreviewSection-gQfMhs {
    margin-left: 25px
}

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

.previewAvatar-26vbCb {
    height: 208px;
    width: 208px
}

.previewAvatar-26vbCb,
.previewStatuses-147Wmd {
    background-color: #000;
    border-radius: 4px
}

.previewStatuses-147Wmd {
    width: 56px;
    margin-left: 12px
}

.container-Q3nlWF {
    height: 100%
}

.list-3aBT6N {
    height: 300px;
    width: 276px;
    margin-bottom: 10px
}

.modalContent-JK5iQA,
.root-2-pdq6 {
    overflow: hidden
}

.modalContent-JK5iQA {
    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-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px
}

.modalHeader-1aZDDC {
    overflow: hidden
}

.modalCloseButton-AG76TI {
    position: absolute;
    height: 12px;
    width: 12px;
    right: 16px;
    top: 16px;
    opacity: .8
}

.modalCloseButton-AG76TI:hover {
    opacity: 1
}

.header-UV74Fa {
    text-align: center;
    margin-bottom: 8px
}

.subheader-3aPWJ4 {
    margin-bottom: 24px;
    text-align: center
}

.previewCard-1I66ql {
    height: 306px;
    width: 254px;
    margin-bottom: 8px
}

.akaBadge-xuUN_i {
    background-color: var(--background-secondary);
    color: var(--header-secondary);
    display: inline-block;
    vertical-align: middle
}

.header-2GQ1DX {
    margin: 0 auto
}

.subHeader-1Vzeng {
    text-align: center
}

.miniAvatar-1lx-FC {
    vertical-align: middle
}

.akaTransfer-pEnLe6,
.miniAvatar-1lx-FC,
.nickname-2G0Tcv {
    display: inline-block;
    margin-left: 4px
}

.fromToWrapper-7A2MIP {
    padding-top: 24px;
    margin-top: 24px;
    background: no-repeat 50% 0
}

.from-1-zmLY,
.to-9AOSH0 {
    border-radius: 50%
}

.from-1-zmLY {
    margin-right: -27px;
    opacity: .3
}

.to-9AOSH0 {
    position: relative;
    z-index: 1
}

.theme-dark .to-9AOSH0 {
    -webkit-box-shadow: 0 0 0 4px #36393f;
    box-shadow: 0 0 0 4px #36393f;
    background-color: #2f3136
}

.theme-dark .fromToWrapper-7A2MIP {
    background-image: url(/assets/00933827d9e2b3ecacc0a0a319211ddc.svg)
}

.theme-light .to-9AOSH0 {
    -webkit-box-shadow: 0 0 0 4px #fff;
    box-shadow: 0 0 0 4px #fff;
    background-color: #f6f6f7
}

.theme-light .fromToWrapper-7A2MIP {
    background-image: url(/assets/04457b30c1c2fcb344cb4d12913c5191.svg)
}

.gifPicker-3ATLsE {
    padding-top: 16px;
    max-height: 560px;
    height: 100%;
    width: 440px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modalHeader-1pRUhs {
    padding-bottom: 0;
    overflow-y: hidden
}

.titleCase-LTXtEO {
    text-transform: none
}

.loadingOverlay-1hbv61 {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: .6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.spinner-1mp6Gm {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto
}

.modalCloseButton-2SRpkl {
    padding: 0
}

/*# sourceMappingURL=40532.dee45476fcef623739f4.css.map*/











/*contents-3ca1mk*/

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

.needAccount-MrvMN7 {
    font-size: 14px;
    line-height: 16px
}

.wrapper-1f5byN {
    width: 100%;
    height: 100%
}

@media (min-width:486px) {
    .wrapper-1f5byN {
        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
    }
}

.platform-osx .wrapper-1f5byN:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 32px;
    z-index: 1;
    -webkit-app-region: drag
}

.authBoxExpanded-AN2aH1 {
    width: 784px
}

@media (max-width:485px) {
    .authBox-1HR6Ha {
        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-1HR6Ha:before {
        content: "";
        position: absolute;
        top: 20px;
        height: 36px;
        width: 112px;
        background: url(/assets/22fd790491653d837422d80e3500cf92.svg) no-repeat
    }

    @media (max-width:830px) {
        .authBox-1HR6Ha.authBoxExpanded-AN2aH1 {
            max-width: unset
        }
    }

    .authBox-1HR6Ha .centeringWrapper-dGnJPQ {
        position: relative;
        min-height: 540px
    }
}

@media (max-width:830px) {
    .authBoxExpanded-AN2aH1 {
        max-width: 480px
    }
}

@media (max-width:830px) {
    .is-mobile .authBox-1HR6Ha.authBoxExpanded-AN2aH1 {
        max-width: unset
    }
}

.authBox-1HR6Ha {
    /*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-1HR6Ha a {
    color: var(--text-link)
}

.authBox-1HR6Ha a:hover {
    text-decoration: underline
}

.is-mobile .authBox-1HR6Ha {
    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-1HR6Ha:before {
    content: "";
    position: absolute;
    top: 20px;
    height: 36px;
    width: 112px;
    background: url(/assets/22fd790491653d837422d80e3500cf92.svg) no-repeat
}



.is-mobile .authBox-1HR6Ha .centeringWrapper-dGnJPQ {
    position: relative;
    min-height: 540px
}

.theme-dark.authBox-1HR6Ha {
    color: #72767d;
    background: var(--background-mobile-primary)
}

.theme-dark.authBox-1HR6Ha:before {
    background: url(/assets/22fd790491653d837422d80e3500cf92.svg) no-repeat;
    width: 130px
}